@wavemaker/app-rn-runtime 11.9.1-rc.5841 → 11.9.2-1.5880

app-rn-runtime/components/basic/video/video.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isFullPathUrl","WmVideoState","WmVideo","constructor","props","_defineProperty","status","console","log","isPlaying","error","getSource","path","resource","loadAsset","uri","renderWidget","createElement","style","styles","root","_background","_extends","VIDEO","ref","video","width","height","flex","shouldPlay","autoplay","onPlaybackStatusUpdate","handlePlaybackStatus","source","mp4format","webmformat","posterSource","videoposter","useNativeControls","controls","resizeMode","CONTAIN","isLooping","loop","isMuted","muted","testID","getTestId"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video, AVPlaybackStatus } from 'expo-av';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport { isString } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {}\n\nexport default class WmVideo extends BaseComponent<WmVideoProps, WmVideoState, WmVideoStyles> {\n\n  private video: Video | null = null as any;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset(path);\n    if (isFullPathUrl(resource as string)) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n   handlePlaybackStatus = (status: AVPlaybackStatus) => {\n    if ('isPlaying' in status && typeof status === 'object') {\n      console.log(status.isPlaying? 'Playing' : 'Paused');\n    } else if ('error' in status) {\n      console.error(`Encountered a fatal error during playback: ${status.error}`);\n    }\n  };\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          {...getAccessibilityProps(AccessibilityWidgetType.VIDEO, props)}\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\n          shouldPlay={props.autoplay}\n          onPlaybackStatusUpdate={this.handlePlaybackStatus}\n          source={this.getSource(\n            props.mp4format\n            || props.webmformat) as any}\n          posterSource={ this.getSource(props.videoposter) as any }\n          useNativeControls={props.controls}\n          resizeMode={ResizeMode.CONTAIN}\n          isLooping={props.loop}\n          isMuted={props.muted}\n          testID={this.getTestId('video')}\n        />\n      </View>); \n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,QAA0B,SAAS;AAC7D,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAE7D,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,SAASC,aAAa,QAAQ,sCAAsC;AAEpE,OAAO,MAAMC,YAAY,SAASN,kBAAkB,CAAe;AAEnE,eAAe,MAAMO,OAAO,SAASR,aAAa,CAA4C;EAI5FS,WAAWA,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIK,YAAY,CAAC,CAAC,CAAC;IAACI,eAAA,gBAHxC,IAAI;IAAAA,eAAA,+BAmBTC,MAAwB,IAAK;MACpD,IAAI,WAAW,IAAIA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QACvDC,OAAO,CAACC,GAAG,CAACF,MAAM,CAACG,SAAS,GAAE,SAAS,GAAG,QAAQ,CAAC;MACrD,CAAC,MAAM,IAAI,OAAO,IAAIH,MAAM,EAAE;QAC5BC,OAAO,CAACG,KAAK,CAAC,8CAA8CJ,MAAM,CAACI,KAAK,EAAE,CAAC;MAC7E;IACF,CAAC;EArBD;EAEAC,SAASA,CAACC,IAAY,EAAE;IACtB,IAAI,CAACA,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC;IACrC,IAAIZ,aAAa,CAACa,QAAkB,CAAC,EAAE;MACrC,OAAO;QACLE,GAAG,EAAEF;MACP,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAUAG,YAAYA,CAACZ,KAAmB,EAAE;IAChC,oBACEd,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MAAC2B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB/B,KAAA,CAAA2B,aAAA,CAACxB,KAAK,EAAA6B,QAAA,KACAvB,qBAAqB,CAACD,uBAAuB,CAACyB,KAAK,EAAEnB,KAAK,CAAC;MAC/DoB,GAAG,EAAGC,KAAK,IAAK;QAAE,IAAI,CAACA,KAAK,GAAGA,KAAK;MAAE,CAAE;MACxCP,KAAK,EAAE;QAAEQ,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAE,CAAE;MAClDC,UAAU,EAAEzB,KAAK,CAAC0B,QAAS;MAC3BC,sBAAsB,EAAE,IAAI,CAACC,oBAAqB;MAClDC,MAAM,EAAE,IAAI,CAACtB,SAAS,CACpBP,KAAK,CAAC8B,SAAS,IACZ9B,KAAK,CAAC+B,UAAU,CAAS;MAC9BC,YAAY,EAAG,IAAI,CAACzB,SAAS,CAACP,KAAK,CAACiC,WAAW,CAAU;MACzDC,iBAAiB,EAAElC,KAAK,CAACmC,QAAS;MAClCC,UAAU,EAAEhD,UAAU,CAACiD,OAAQ;MAC/BC,SAAS,EAAEtC,KAAK,CAACuC,IAAK;MACtBC,OAAO,EAAExC,KAAK,CAACyC,KAAM;MACrBC,MAAM,EAAE,IAAI,CAACC,SAAS,CAAC,OAAO;IAAE,EACjC,CACG,CAAC;EACX;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isFullPathUrl","createSkeleton","WmVideoState","WmVideo","constructor","props","_defineProperty","status","console","log","isPlaying","error","getSource","path","resource","loadAsset","uri","renderSkeleton","theme","styles","skeleton","root","renderWidget","createElement","style","_background","_extends","VIDEO","ref","video","width","height","flex","shouldPlay","autoplay","onPlaybackStatusUpdate","handlePlaybackStatus","source","mp4format","webmformat","posterSource","videoposter","useNativeControls","controls","resizeMode","CONTAIN","isLooping","loop","isMuted","muted","testID","getTestId"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video, AVPlaybackStatus } from 'expo-av';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport { isString } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {}\n\nexport default class WmVideo extends BaseComponent<WmVideoProps, WmVideoState, WmVideoStyles> {\n\n  private video: Video | null = null as any;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset(path);\n    if (isFullPathUrl(resource as string)) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n   handlePlaybackStatus = (status: AVPlaybackStatus) => {\n    if ('isPlaying' in status && typeof status === 'object') {\n      console.log(status.isPlaying? 'Playing' : 'Paused');\n    } else if ('error' in status) {\n      console.error(`Encountered a fatal error during playback: ${status.error}`);\n    }\n  };\n\n  public renderSkeleton(props: WmVideoProps): React.ReactNode {\n    return createSkeleton(this.theme, this.styles.skeleton , {\n      ...this.styles.root\n    });\n  }\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          {...getAccessibilityProps(AccessibilityWidgetType.VIDEO, props)}\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\n          shouldPlay={props.autoplay}\n          onPlaybackStatusUpdate={this.handlePlaybackStatus}\n          source={this.getSource(\n            props.mp4format\n            || props.webmformat) as any}\n          posterSource={ this.getSource(props.videoposter) as any }\n          useNativeControls={props.controls}\n          resizeMode={ResizeMode.CONTAIN}\n          isLooping={props.loop}\n          isMuted={props.muted}\n          testID={this.getTestId('video')}\n        />\n      </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/basic/video/video.styles.js

@@ -7,7 +7,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       height: 300,
       width: "100%"
     },
-    text: {}
+    text: {},
+    skeleton: {
+      root: {
+        height: 300,
+        width: "100%"
+      }
+    }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
 });

app-rn-runtime/components/basic/video/video.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","width","text"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmVideoStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {\n            height: 300,\n            width : \"100%\"\n        },\n        text: {}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE;MACFC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAG;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EACFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","width","text","skeleton"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmVideoStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {\n            height: 300,\n            width : \"100%\"\n        },\n        text: {},\n        skeleton: {\n            root: {\n                height: 300,\n                width : \"100%\"    \n            }\n        } as any as WmSkeletonStyles\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE;MACFC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAG;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNJ,IAAI,EAAE;QACFC,MAAM,EAAE,GAAG;QACXC,KAAK,EAAG;MACZ;IACJ;EACJ,CAAC,CAAC;EACFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

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

@@ -45,6 +45,10 @@ export default class WmWizardstep extends BaseComponent {
   setActive() {
     this.updateState({
       active: true
+    }, () => {
+      if (this.state.showContent) {
+        this.invokeEventCallback('onLoad', [this]);
+      }
     });
   }
   setInActive() {

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","args","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","onPropertyChange","name","$new","$old","refresh","setTimeout","forceUpdate","setActive","updateState","active","setInActive","isVisible","state","invokeNextCB","index","invokeEventCallback","proxy","invokePrevCB","invokeSkipCB","renderWidget","showContent","createElement","style","styles","root","_background","children"],"sources":["wizardstep.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\nimport { isBoolean } from 'lodash-es';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n  showContent: boolean = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function\n    if(wizard.addWizardStep) {\n      wizard.addWizardStep(this);\n    }\n    super.componentDidMount();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'title':\n        const wizard = (this.parent) as WmWizard;\n        wizard?.refresh();\n        break;\n      case 'disableprev':\n      case 'disablenext':\n      case 'disabledone':\n      case 'enableskip':\n        setTimeout(() => {\n          this.parent.forceUpdate();\n        }, 10);\n        break;\n    }\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState);\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) : boolean {\n    return this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) : boolean {\n    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n  renderWidget(props: WmWizardstepProps) {\n    if(!this.state.showContent && this.isVisible()){\n      this.updateState({showContent: true} as WmWizardstepState, ()=>{\n        this.invokeEventCallback('onLoad', [this]);\n      });\n    }\n    return this.state.showContent && (<View style={this.styles.root}>{this._background}{props.children}</View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","args","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","onPropertyChange","name","$new","$old","refresh","setTimeout","forceUpdate","setActive","updateState","active","state","showContent","invokeEventCallback","setInActive","isVisible","invokeNextCB","index","proxy","invokePrevCB","invokeSkipCB","renderWidget","createElement","style","styles","root","_background","children"],"sources":["wizardstep.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\nimport { isBoolean } from 'lodash-es';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n  showContent: boolean = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function\n    if(wizard.addWizardStep) {\n      wizard.addWizardStep(this);\n    }\n    super.componentDidMount();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'title':\n        const wizard = (this.parent) as WmWizard;\n        wizard?.refresh();\n        break;\n      case 'disableprev':\n      case 'disablenext':\n      case 'disabledone':\n      case 'enableskip':\n        setTimeout(() => {\n          this.parent.forceUpdate();\n        }, 10);\n        break;\n    }\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState, () => {\n      if(this.state.showContent) {\n        this.invokeEventCallback('onLoad', [this]);\n      }\n    });\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) : boolean {\n    return this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) : boolean {\n    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n  renderWidget(props: WmWizardstepProps) {\n    if(!this.state.showContent && this.isVisible()){\n      this.updateState({showContent: true} as WmWizardstepState, ()=>{\n        this.invokeEventCallback('onLoad', [this]);\n      });\n    }\n    return this.state.showContent && (<View style={this.styles.root}>{this._background}{props.children}</View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -220,8 +220,9 @@ export default class WmFormField extends BaseComponent {
   }
   renderWidget(props) {
     var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, child => {
+      var _child$props;
       return /*#__PURE__*/React.cloneElement(child, {
-        datavalue: props.datavalue,
+        datavalue: props.datavalue || (child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.datavalue),
         value: this.value,
         isValid: this.state.isValid,
         maskchar: props.maskchar,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","isNil","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","args","_defineProperty","WmFormField","props","form","formScope","componentDidMount","_this$form","_this$form2","_this$form3","formwidget","formKey","formWidgets","name","registerFormFields","formFields","onFieldChangeEvt","$new","$old","isDefault","notifyChanges","updateState","datavalue","invokeEventCallback","undefined","validateFormField","updateDataOutput","call","observeOn","fields","field","formfield","f","proxy","notifyForFields","push","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","updateFormWidgetDataset","res","displayField","dataset","data","datafield","displayfield","state","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","setPrimaryKey","setReadOnlyState","updateMode","_this$formwidget","readonly","_this$formwidget2","_this$_syncValidators","_this$formwidget3","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","cloneElement","maskchar","displayformat","invokeEvent","triggerValidation","onFieldChange","formRef","placeholder","createElement","style","styles","root","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, isNil, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n    if (!this.form) {\n      this.form = props.formScope && props.formScope();\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.formwidget = (this.props.formKey && this.form?.formWidgets[this.props.formKey])\n      || (this.props.name && this.form?.formWidgets[this.props.name]);\n    this.form?.registerFormFields(this.form.formFields, this.form.formWidgets);\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n        this.validateFormField();\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  updateFormWidgetDataset(res: any, displayField: string) {\n    this.formwidget.updateState({\n      props: {\n        dataset: res.data,\n        datafield: 'All Fields',\n        displayfield: this.formwidget.state.props.displayfield || displayField,\n      }\n    } as WmFormFieldState);\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n      case 'primary-key':\n        if ($new) {\n          this.form.setPrimaryKey(this.props.name);\n        }\n        break;\n    }\n  }\n\n  setReadOnlyState(updateMode: any) {\n    this.formwidget?.updateState({\n      props: {\n        readonly: !updateMode,\n      }\n    } as WmFormFieldState);\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  get value(){\n    return this.state.props.datavalue;\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      return React.cloneElement(child, {\n          datavalue: props.datavalue,\n          value: this.value,\n          isValid: this.state.isValid,\n          maskchar: props.maskchar,\n          displayformat: props.displayformat,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef,\n          ...(!isNil(props?.placeholder) ? { placeholder: props.placeholder } : {})\n         });\n    });\n    return (\n      <View style={this.styles.root}>{this._background}{childrenWithProps}\n        {this.state.isValid === false && <Text {...this.getTestPropsForLabel('error_msg')} style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","isNil","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","args","_defineProperty","WmFormField","props","form","formScope","componentDidMount","_this$form","_this$form2","_this$form3","formwidget","formKey","formWidgets","name","registerFormFields","formFields","onFieldChangeEvt","$new","$old","isDefault","notifyChanges","updateState","datavalue","invokeEventCallback","undefined","validateFormField","updateDataOutput","call","observeOn","fields","field","formfield","f","proxy","notifyForFields","push","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","updateFormWidgetDataset","res","displayField","dataset","data","datafield","displayfield","state","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","setPrimaryKey","setReadOnlyState","updateMode","_this$formwidget","readonly","_this$formwidget2","_this$_syncValidators","_this$formwidget3","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","_child$props","cloneElement","maskchar","displayformat","invokeEvent","triggerValidation","onFieldChange","formRef","placeholder","createElement","style","styles","root","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, isNil, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n    if (!this.form) {\n      this.form = props.formScope && props.formScope();\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.formwidget = (this.props.formKey && this.form?.formWidgets[this.props.formKey])\n      || (this.props.name && this.form?.formWidgets[this.props.name]);\n    this.form?.registerFormFields(this.form.formFields, this.form.formWidgets);\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n        this.validateFormField();\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  updateFormWidgetDataset(res: any, displayField: string) {\n    this.formwidget.updateState({\n      props: {\n        dataset: res.data,\n        datafield: 'All Fields',\n        displayfield: this.formwidget.state.props.displayfield || displayField,\n      }\n    } as WmFormFieldState);\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n      case 'primary-key':\n        if ($new) {\n          this.form.setPrimaryKey(this.props.name);\n        }\n        break;\n    }\n  }\n\n  setReadOnlyState(updateMode: any) {\n    this.formwidget?.updateState({\n      props: {\n        readonly: !updateMode,\n      }\n    } as WmFormFieldState);\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  get value(){\n    return this.state.props.datavalue;\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      return React.cloneElement(child, {\n          datavalue: props.datavalue || child?.props?.datavalue,\n          value: this.value,\n          isValid: this.state.isValid,\n          maskchar: props.maskchar,\n          displayformat: props.displayformat,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef,\n          ...(!isNil(props?.placeholder) ? { placeholder: props.placeholder } : {})\n         });\n    });\n    return (\n      <View style={this.styles.root}>{this._background}{childrenWithProps}\n        {this.state.isValid === false && <Text {...this.getTestPropsForLabel('error_msg')} style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -152,7 +152,7 @@ export class BaseNumberComponent extends BaseComponent {
     if (value === oldValue) {
       return;
     }
-    const validNumber = this.isValidNumber(model) || value == oldValue + '.';
+    const validNumber = this.isValidNumber(model) || value === oldValue + '.';
     if (!validNumber) {
       this.invokeEventCallback('onError', [event, this.proxy, value, oldValue]);
       return;
@@ -160,11 +160,11 @@ export class BaseNumberComponent extends BaseComponent {
     new Promise(resolve => {
       if (props.hastwowaybinding) {
         this.setProp("datavalue", value);
-        this.updateState({
+        setTimeout(() => this.updateState({
           props: {
             "datavalue": value
           }
-        });
+        }), 0);
         resolve(true);
       } else {
         this.updateState({
@@ -258,13 +258,13 @@ export class BaseNumberComponent extends BaseComponent {
    */
   getValueInRange(value) {
     const props = this.state.props;
-    if (!isNil(value) && !isNaN(props.minvalue) && value < props.minvalue) {
+    if (props.minvalue && !isNil(value) && !isNaN(props.minvalue) && value < props.minvalue) {
       this.updateState({
         errorType: 'minvalue'
       });
       return props.minvalue;
     }
-    if (!isNil(value) && !isNaN(props.maxvalue) && value > props.maxvalue) {
+    if (props.maxvalue && !isNil(value) && !isNaN(props.maxvalue) && value > props.maxvalue) {
       this.updateState({
         errorType: 'maxvalue'
       });

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

@@ -1 +1 @@
-{"version":3,"names":["includes","intersection","isNaN","isFinite","toArray","isNil","BaseComponent","BaseComponentState","DEFAULT_CLASS","Platform","countDecimalDigits","validateField","BaseNumberState","constructor","args","_defineProperty","BaseNumberComponent","props","defaultClass","defaultProps","defaultState","DECIMAL","GROUP","onChange","event","state","updateon","updateDatavalue","target","value","focus","_this$widgetRef","widgetRef","validateOnDevice","type","_value$match","isCurrencyField","isValidText","test","Number","match","length","onChangeText","shouldFormateToNumber","newValue","parseNumber","replace","isValidTextOnDevice","decimalPlacesInNumber","decimalPlaces","updateState","textValue","validate","invokeChange","e","OS","cursor","selectionStart","setState","validationObj","isValid","errorType","handleValidation","regexp","condition","RegExp","val","parts","split","NaN","number","join","decimal","sum","parseFloat","toFixed","Object","is","source","model","toString","oldValue","datavalue","validNumber","isValidNumber","invokeEventCallback","proxy","Promise","resolve","hastwowaybinding","setProp","then","onFieldChange","onBlur","isDisplayValuePresent","textVal","newVal","undefined","setTimeout","triggerValidation","oldVal","isInputFocused","onFocus","countDecimals","decimalValue","validateInputEntry","$event","ctrlKey","key","validity","inputValue","step","preventDefault","getValueInRange","minvalue","maxvalue","required","isInteger","resetValidations","onPropertyChange","name","$new","$old","isDefault","bind","displayValue"],"sources":["basenumber.component.ts"],"sourcesContent":["import { includes, intersection, isNaN, isFinite, toArray, isNil } 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  isInputFocused: boolean = false;\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    // * no alphabets except E, may contain E only once\n    if (/[a-df-zA-DF-Z]/.test(value) || !/^[^eE]*[eE]?[^eE]*$/.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    // * number only: not more than one minus and doesn't end with minus (-)\n    if (!isCurrencyField && (Number(value.match(/-/g)?.length) > 1) || /\\w-/.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', shouldFormateToNumber?: boolean) {\n    const newValue = shouldFormateToNumber ? `${this.parseNumber(value.replace(/[^0-9.]/g, ''))}` : value;\n    const isValidTextOnDevice = this.validateOnDevice(newValue, type);\n    if (!isValidTextOnDevice) {\n      return;\n    }\n\n    const decimalPlacesInNumber = countDecimalDigits(newValue);\n\n    if (this.props.decimalPlaces < decimalPlacesInNumber) {\n      return;\n    }\n\n    this.updateState({\n        textValue: newValue\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(newValue);\n          this.updateDatavalue(newValue, 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) || value == oldValue + '.';\n    if (!validNumber) {\n      this.invokeEventCallback('onError', [ event, this.proxy, value, oldValue ]);\n      return;\n    }\n\n    new Promise((resolve) => {\n      if (props.hastwowaybinding) {\n        this.setProp(\"datavalue\", value);\n        this.updateState({props: { \"datavalue\": value }} as S);\n        resolve(true);\n      } else {\n        this.updateState({\n          props: {\n            datavalue: model || Number(value)\n          }\n        } as S, () => resolve(true));\n      }\n    }).then(() => {\n      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, model, oldValue]);\n      if (source === 'blur') {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    });\n  }\n\n  onBlur(event: any, isDisplayValuePresent?: boolean) {\n    const textVal = this.state.textValue || '';\n    let newVal = isDisplayValuePresent ? textVal : event.target.value || textVal;\n    this.validate(newVal);\n    if (newVal === '' || newVal == undefined) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      },10)\n    }\n    if (this.state.props.updateon === 'blur' || this.state.props.updateon === 'default') {\n      let oldVal = this.state.props.datavalue || '';\n      if (oldVal !== newVal && this.state.props.updateon === 'blur') {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n      this.setState({ isInputFocused: false});\n    }\n  }\n\n  onFocus(event: any) {\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\n    this.setState({ isInputFocused: true});\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 (!isNil(value) && !isNaN(props.minvalue) && value < props.minvalue) {\n      this.updateState({ errorType: 'minvalue'} as S);\n      return props.minvalue;\n    }\n    if (!isNil(value) && !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        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        break;\n      case 'displayValue': \n        this.updateState({\n          displayValue: $new,\n        } as any)\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["includes","intersection","isNaN","isFinite","toArray","isNil","BaseComponent","BaseComponentState","DEFAULT_CLASS","Platform","countDecimalDigits","validateField","BaseNumberState","constructor","args","_defineProperty","BaseNumberComponent","props","defaultClass","defaultProps","defaultState","DECIMAL","GROUP","onChange","event","state","updateon","updateDatavalue","target","value","focus","_this$widgetRef","widgetRef","validateOnDevice","type","_value$match","isCurrencyField","isValidText","test","Number","match","length","onChangeText","shouldFormateToNumber","newValue","parseNumber","replace","isValidTextOnDevice","decimalPlacesInNumber","decimalPlaces","updateState","textValue","validate","invokeChange","e","OS","cursor","selectionStart","setState","validationObj","isValid","errorType","handleValidation","regexp","condition","RegExp","val","parts","split","NaN","number","join","decimal","sum","parseFloat","toFixed","Object","is","source","model","toString","oldValue","datavalue","validNumber","isValidNumber","invokeEventCallback","proxy","Promise","resolve","hastwowaybinding","setProp","setTimeout","then","onFieldChange","onBlur","isDisplayValuePresent","textVal","newVal","undefined","triggerValidation","oldVal","isInputFocused","onFocus","countDecimals","decimalValue","validateInputEntry","$event","ctrlKey","key","validity","inputValue","step","preventDefault","getValueInRange","minvalue","maxvalue","required","isInteger","resetValidations","onPropertyChange","name","$new","$old","isDefault","bind","displayValue"],"sources":["basenumber.component.ts"],"sourcesContent":["import { includes, intersection, isNaN, isFinite, toArray, isNil } 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  isInputFocused: boolean = false;\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    // * no alphabets except E, may contain E only once\n    if (/[a-df-zA-DF-Z]/.test(value) || !/^[^eE]*[eE]?[^eE]*$/.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    // * number only: not more than one minus and doesn't end with minus (-)\n    if (!isCurrencyField && (Number(value.match(/-/g)?.length) > 1) || /\\w-/.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', shouldFormateToNumber?: boolean) {\n    const newValue = shouldFormateToNumber ? `${this.parseNumber(value.replace(/[^0-9.]/g, ''))}` : value;\n    const isValidTextOnDevice = this.validateOnDevice(newValue, type);\n    if (!isValidTextOnDevice) {\n      return;\n    }\n\n    const decimalPlacesInNumber = countDecimalDigits(newValue);\n\n    if (this.props.decimalPlaces < decimalPlacesInNumber) {\n      return;\n    }\n\n    this.updateState({\n        textValue: newValue\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(newValue);\n          this.updateDatavalue(newValue, 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) || value === oldValue + '.';\n    if (!validNumber) {\n      this.invokeEventCallback('onError', [ event, this.proxy, value, oldValue ]);\n      return;\n    }\n\n    new Promise((resolve) => {\n      if (props.hastwowaybinding) {\n        this.setProp(\"datavalue\", value);\n        setTimeout(()=>this.updateState({props: { \"datavalue\": value }} as S), 0);\n        resolve(true);\n      } else {\n        this.updateState({\n          props: {\n            datavalue: model || Number(value)\n          }\n        } as S, () => resolve(true));\n      }\n    }).then(() => {\n      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, model, oldValue]);\n      if (source === 'blur') {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    });\n  }\n\n  onBlur(event: any, isDisplayValuePresent?: boolean) {\n    const textVal = this.state.textValue || '';\n    let newVal = isDisplayValuePresent ? textVal : event.target.value || textVal;\n    this.validate(newVal);\n    if (newVal === '' || newVal == undefined) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      },10)\n    }\n    if (this.state.props.updateon === 'blur' || this.state.props.updateon === 'default') {\n      let oldVal = this.state.props.datavalue || '';\n      if (oldVal !== newVal && this.state.props.updateon === 'blur') {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n      this.setState({ isInputFocused: false});\n    }\n  }\n\n  onFocus(event: any) {\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\n    this.setState({ isInputFocused: true});\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 (props.minvalue && !isNil(value) && !isNaN(props.minvalue) && value < props.minvalue) {\n      this.updateState({ errorType: 'minvalue'} as S);\n      return props.minvalue;\n    }\n    if (props.maxvalue && !isNil(value) && !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        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        break;\n      case 'displayValue': \n        this.updateState({\n          displayValue: $new,\n        } as any)\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,6 +10,7 @@ import { MonthView } from './views/month-view';
 import WmCalendarProps from './calendar.props';
 import { DEFAULT_CLASS } from './calendar.styles';
 import WmIcon from '../../basic/icon/icon.component';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
 export class WmCalendarState extends BaseComponentState {
   constructor(...args) {
     super(...args);
@@ -91,6 +92,30 @@ export default class WmCalendar extends BaseComponent {
     super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);
     this.invokeEventCallback('onViewrender', [this, null]);
   }
+  renderSkeleton(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, this.styles.skeleton.root]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.headerSkeleton.root
+    }, createSkeleton(this.theme, {}, {
+      width: '10%',
+      height: 28,
+      borderRadius: 4
+    }), createSkeleton(this.theme, {}, {
+      width: '68%',
+      height: 16,
+      borderRadius: 4
+    }), createSkeleton(this.theme, {}, {
+      width: '10%',
+      height: 28,
+      borderRadius: 4
+    })), createSkeleton(this.theme, {}, {
+      width: '96%',
+      margin: 8,
+      height: 320,
+      borderRadius: 4
+    }));
+  }
   renderWidget(props) {
     this.invokeEventCallback('onBeforerender', [null, this]);
     return /*#__PURE__*/React.createElement(View, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","constructor","args","_defineProperty","Map","DEFAULT_DATE_FORMAT","WmCalendar","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","createElement","iconclass","iconsize","styles","root","marginTop","alignSelf","icon","Math","min","length","Fragment","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","style","_background","selectDate","onDateChange","renderChildDay","renderDay","containerStyle","dateSelectedWarpDayStyle","selectedDay","selectedDayTextStyle","selectedDayText","warpRowWeekdays","weekDay","warpRowControlMonthYear","calendarHeader","weekdayStyle","weekDayText","warpDayStyle","dayWrapper","textDayStyle","day","yearTextStyle","yearText","monthTextStyle","monthText","currentDayStyle","today","currentDayTextStyle","todayText","notDayOfCurrentMonthStyle","notDayOfCurrentMonth","renderPrevYearButton","id","getTestId","prevYearBtn","renderPrevMonthButton","prevMonthBtn","renderNextMonthButton","nextMonthBtn","renderNextYearButton","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon id={this.getTestId('prevyearicon')} iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon id={this.getTestId('prevmonthicon')} iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon id={this.getTestId('nextmonthicon')} iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon  id={this.getTestId('nextyearicon')} iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","createSkeleton","WmCalendarState","constructor","args","_defineProperty","Map","DEFAULT_DATE_FORMAT","WmCalendar","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","createElement","iconclass","iconsize","styles","root","marginTop","alignSelf","icon","Math","min","length","Fragment","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderSkeleton","style","skeleton","headerSkeleton","theme","width","height","borderRadius","margin","renderWidget","_background","selectDate","onDateChange","renderChildDay","renderDay","containerStyle","dateSelectedWarpDayStyle","selectedDay","selectedDayTextStyle","selectedDayText","warpRowWeekdays","weekDay","warpRowControlMonthYear","calendarHeader","weekdayStyle","weekDayText","warpDayStyle","dayWrapper","textDayStyle","day","yearTextStyle","yearText","monthTextStyle","monthText","currentDayStyle","today","currentDayTextStyle","todayText","notDayOfCurrentMonthStyle","notDayOfCurrentMonth","renderPrevYearButton","id","getTestId","prevYearBtn","renderPrevMonthButton","prevMonthBtn","renderNextMonthButton","nextMonthBtn","renderNextYearButton","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component'\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  public renderSkeleton(props: WmCalendarProps): React.ReactNode {\n    return (\n    <View style={[this.styles.root, this.styles.skeleton.root]}>\n      <View style={this.styles.headerSkeleton.root}>\n        {createSkeleton(this.theme, {} as WmSkeletonStyles, {width: '10%', height: 28,borderRadius: 4})}\n        {createSkeleton(this.theme, {} as WmSkeletonStyles, {width: '68%', height: 16, borderRadius: 4})}\n        {createSkeleton(this.theme, {}as WmSkeletonStyles, {width: '10%', height: 28, borderRadius: 4})}\n      </View>\n      {createSkeleton(this.theme, {} as WmSkeletonStyles, {width: '96%', margin: 8, height: 320, borderRadius: 4})}\n      </View>)\n  } \n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon id={this.getTestId('prevyearicon')} iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon id={this.getTestId('prevmonthicon')} iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon id={this.getTestId('nextmonthicon')} iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon  id={this.getTestId('nextyearicon')} iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/calendar/calendar.styles.js

@@ -114,6 +114,25 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       root: {
         color: themeVariables.calendarNextYearIconColor
       }
+    },
+    skeleton: {
+      root: {
+        display: 'flex',
+        justifyContent: 'center',
+        backgroundColor: '#fff',
+        paddingHorizontal: 8,
+        alignItems: 'center'
+      }
+    },
+    headerSkeleton: {
+      root: {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-around',
+        marginBottom: 16
+      }
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

app-rn-runtime/components/input/calendar/calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","minHeight","minWidth","text","color","calendarDateColor","calendar","backgroundColor","calendarBgColor","borderColor","calendarHeaderBgColor","borderWidth","borderStyle","marginTop","paddingTop","paddingBottom","elevation","calendarHeader","borderBottomWidth","weekDay","padding","weekDayText","calendarWeekDayTextColor","fontWeight","fontFamily","baseFont","fontSize","day","dayWrapper","height","borderRadius","notDayOfCurrentMonth","calendarNotCurrentMonthDateColor","opacity","monthText","calendarHeaderTextColor","yearText","today","primaryColor","todayText","calendarSelectedDayBgColor","eventDay1","calendarEventDay1Color","eventDay2","calendarEventDay2Color","eventDay3","calendarEventDay3Color","selectedDay","selectedDayText","calendarSelectedDayTextColor","prevMonthBtn","calendarPrevMonthIconColor","nextMonthBtn","calendarNextMonthIconColor","prevYearBtn","calendarPrevYearIconColor","nextYearBtn","calendarNextYearIconColor","transform","rotateY"],"sources":["calendar.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 { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle } from 'react-native';\n\nexport type WmCalendarStyles = BaseStyles & {\n    calendar: AllStyle,\n    calendarHeader: AllStyle,\n    day: AllStyle,\n    dayWrapper: AllStyle,\n    notDayOfCurrentMonth: AllStyle,\n    monthText: TextStyle,\n    yearText: TextStyle,\n    weekDay: AllStyle,\n    today: AllStyle,\n    todayText: AllStyle,\n    prevMonthBtn: WmIconStyles,\n    nextMonthBtn: WmIconStyles,\n    prevYearBtn: WmIconStyles,\n    nextYearBtn: WmIconStyles,\n    selectedDay: AllStyle,\n    selectedDayText: AllStyle\n    eventDay1: AllStyle,\n    eventDay2: AllStyle,\n    eventDay3: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-calendar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCalendarStyles = defineStyles<WmCalendarStyles>({\n        root: {\n            width: '100%',\n            minHeight: 456,\n            minWidth: 360\n        },\n        text: {\n            color: themeVariables.calendarDateColor\n        },\n        calendar : {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            marginTop: 0,   \n            paddingTop: 0,\n            paddingBottom: 0,\n            elevation: 6\n        },\n        calendarHeader : {\n            backgroundColor: themeVariables.calendarHeaderBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            paddingTop: 8,\n            paddingBottom: 8\n        },\n        weekDay: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            padding: 2,\n        },\n        weekDayText: {\n            color: themeVariables.calendarWeekDayTextColor,\n            fontWeight: '400',\n            fontFamily: themeVariables.baseFont,\n            fontSize: 16,\n        },\n        day: {\n            borderColor: 'transparent',\n            color: themeVariables.calendarDateColor,\n            fontSize: 16,\n            fontFamily: themeVariables.baseFont,\n            fontWeight: '400'\n        },\n        dayWrapper: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: 'transparent',\n            width: 38,\n            height: 38,\n            borderRadius: 26\n        },\n        notDayOfCurrentMonth: {\n            color: themeVariables.calendarNotCurrentMonthDateColor,\n            fontWeight: 'normal',\n            opacity: 0\n        },\n        monthText: {\n            fontWeight: '500',\n            fontFamily: themeVariables.baseFont,\n            color: themeVariables.calendarHeaderTextColor\n        },\n        yearText: {\n            fontWeight: '500',\n            fontFamily: themeVariables.baseFont,\n            color: themeVariables.calendarHeaderTextColor\n        },\n        today: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.primaryColor\n        },\n        todayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        eventDay1 : {\n            color: themeVariables.calendarEventDay1Color\n        },\n        eventDay2 : {\n            color: themeVariables.calendarEventDay2Color\n        },\n        eventDay3 : {\n            color: themeVariables.calendarEventDay3Color\n        },\n        selectedDay: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        selectedDayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor,\n            color: themeVariables.calendarSelectedDayTextColor,\n            fontWeight: 'bold'\n        },\n        prevMonthBtn: {\n            root: {\n                color: themeVariables.calendarPrevMonthIconColor\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                color: themeVariables.calendarNextMonthIconColor\n            }\n        } as WmIconStyles,\n        prevYearBtn: {\n            root: {\n                color: themeVariables.calendarPrevYearIconColor\n            }\n        } as WmIconStyles,\n        nextYearBtn: {\n            root: {\n                color: themeVariables.calendarNextYearIconColor\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]            \n            }\n        } as WmIconStyles,\n        monthText: {\n            padding: 2\n        },\n        yearText: {\n            padding: 2\n        }\n    });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AA0BxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA+B,GAAGL,YAAY,CAAmB;IACnEM,IAAI,EAAE;MACFC,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE,GAAG;MACdC,QAAQ,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACFC,KAAK,EAAER,cAAc,CAACS;IAC1B,CAAC;IACDC,QAAQ,EAAG;MACPC,eAAe,EAAEX,cAAc,CAACY,eAAe;MAC/CC,WAAW,EAAEb,cAAc,CAACc,qBAAqB;MACjDC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,SAAS,EAAE,CAAC;MACZC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,SAAS,EAAE;IACf,CAAC;IACDC,cAAc,EAAG;MACbV,eAAe,EAAEX,cAAc,CAACc,qBAAqB;MACrDD,WAAW,EAAEb,cAAc,CAACc,qBAAqB;MACjDQ,iBAAiB,EAAE,CAAC;MACpBN,WAAW,EAAE,OAAO;MACpBE,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IACnB,CAAC;IACDI,OAAO,EAAE;MACLZ,eAAe,EAAEX,cAAc,CAACY,eAAe;MAC/CC,WAAW,EAAEb,cAAc,CAACc,qBAAqB;MACjDQ,iBAAiB,EAAE,CAAC;MACpBN,WAAW,EAAE,OAAO;MACpBQ,OAAO,EAAE;IACb,CAAC;IACDC,WAAW,EAAE;MACTjB,KAAK,EAAER,cAAc,CAAC0B,wBAAwB;MAC9CC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE5B,cAAc,CAAC6B,QAAQ;MACnCC,QAAQ,EAAE;IACd,CAAC;IACDC,GAAG,EAAE;MACDlB,WAAW,EAAE,aAAa;MAC1BL,KAAK,EAAER,cAAc,CAACS,iBAAiB;MACvCqB,QAAQ,EAAE,EAAE;MACZF,UAAU,EAAE5B,cAAc,CAAC6B,QAAQ;MACnCF,UAAU,EAAE;IAChB,CAAC;IACDK,UAAU,EAAE;MACRrB,eAAe,EAAEX,cAAc,CAACY,eAAe;MAC/CC,WAAW,EAAE,aAAa;MAC1BT,KAAK,EAAE,EAAE;MACT6B,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE;IAClB,CAAC;IACDC,oBAAoB,EAAE;MAClB3B,KAAK,EAAER,cAAc,CAACoC,gCAAgC;MACtDT,UAAU,EAAE,QAAQ;MACpBU,OAAO,EAAE;IACb,CAAC;IACDC,SAAS,EAAE;MACPX,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE5B,cAAc,CAAC6B,QAAQ;MACnCrB,KAAK,EAAER,cAAc,CAACuC;IAC1B,CAAC;IACDC,QAAQ,EAAE;MACNb,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE5B,cAAc,CAAC6B,QAAQ;MACnCrB,KAAK,EAAER,cAAc,CAACuC;IAC1B,CAAC;IACDE,KAAK,EAAE;MACH9B,eAAe,EAAEX,cAAc,CAACY,eAAe;MAC/CC,WAAW,EAAEb,cAAc,CAAC0C;IAChC,CAAC;IACDC,SAAS,EAAE;MACPhC,eAAe,EAAEX,cAAc,CAAC4C;IACpC,CAAC;IACDC,SAAS,EAAG;MACRrC,KAAK,EAAER,cAAc,CAAC8C;IAC1B,CAAC;IACDC,SAAS,EAAG;MACRvC,KAAK,EAAER,cAAc,CAACgD;IAC1B,CAAC;IACDC,SAAS,EAAG;MACRzC,KAAK,EAAER,cAAc,CAACkD;IAC1B,CAAC;IACDC,WAAW,EAAE;MACTxC,eAAe,EAAEX,cAAc,CAAC4C;IACpC,CAAC;IACDQ,eAAe,EAAE;MACbzC,eAAe,EAAEX,cAAc,CAAC4C,0BAA0B;MAC1DpC,KAAK,EAAER,cAAc,CAACqD,4BAA4B;MAClD1B,UAAU,EAAE;IAChB,CAAC;IACD2B,YAAY,EAAE;MACVnD,IAAI,EAAE;QACFK,KAAK,EAAER,cAAc,CAACuD;MAC1B;IACJ,CAAiB;IACjBC,YAAY,EAAE;MACVrD,IAAI,EAAE;QACFK,KAAK,EAAER,cAAc,CAACyD;MAC1B;IACJ,CAAiB;IACjBC,WAAW,EAAE;MACTvD,IAAI,EAAE;QACFK,KAAK,EAAER,cAAc,CAAC2D;MAC1B;IACJ,CAAiB;IACjBC,WAAW,EAAE;MACTzD,IAAI,EAAE;QACFK,KAAK,EAAER,cAAc,CAAC6D;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEF5D,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCwD,YAAY,EAAE;MACVnD,IAAI,EAAE;QACF2D,SAAS,EAAE,CAAE;UAACC,OAAO,EAAE;QAAQ,CAAC;MACpC;IACJ,CAAiB;IACjBP,YAAY,EAAE;MACVrD,IAAI,EAAE;QACF2D,SAAS,EAAE,CAAE;UAACC,OAAO,EAAE;QAAQ,CAAC;MACpC;IACJ,CAAiB;IACjBzB,SAAS,EAAE;MACPd,OAAO,EAAE;IACb,CAAC;IACDgB,QAAQ,EAAE;MACNhB,OAAO,EAAE;IACb;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","minHeight","minWidth","text","color","calendarDateColor","calendar","backgroundColor","calendarBgColor","borderColor","calendarHeaderBgColor","borderWidth","borderStyle","marginTop","paddingTop","paddingBottom","elevation","calendarHeader","borderBottomWidth","weekDay","padding","weekDayText","calendarWeekDayTextColor","fontWeight","fontFamily","baseFont","fontSize","day","dayWrapper","height","borderRadius","notDayOfCurrentMonth","calendarNotCurrentMonthDateColor","opacity","monthText","calendarHeaderTextColor","yearText","today","primaryColor","todayText","calendarSelectedDayBgColor","eventDay1","calendarEventDay1Color","eventDay2","calendarEventDay2Color","eventDay3","calendarEventDay3Color","selectedDay","selectedDayText","calendarSelectedDayTextColor","prevMonthBtn","calendarPrevMonthIconColor","nextMonthBtn","calendarNextMonthIconColor","prevYearBtn","calendarPrevYearIconColor","nextYearBtn","calendarNextYearIconColor","skeleton","display","justifyContent","paddingHorizontal","alignItems","headerSkeleton","flexDirection","marginBottom","transform","rotateY"],"sources":["calendar.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 { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCalendarStyles = BaseStyles & {\n    calendar: AllStyle,\n    calendarHeader: AllStyle,\n    day: AllStyle,\n    dayWrapper: AllStyle,\n    notDayOfCurrentMonth: AllStyle,\n    monthText: TextStyle,\n    yearText: TextStyle,\n    weekDay: AllStyle,\n    today: AllStyle,\n    todayText: AllStyle,\n    prevMonthBtn: WmIconStyles,\n    nextMonthBtn: WmIconStyles,\n    prevYearBtn: WmIconStyles,\n    nextYearBtn: WmIconStyles,\n    selectedDay: AllStyle,\n    selectedDayText: AllStyle\n    eventDay1: AllStyle,\n    eventDay2: AllStyle,\n    eventDay3: AllStyle,\n    skeleton: WmSkeletonStyles;\n    headerSkeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-calendar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCalendarStyles = defineStyles<WmCalendarStyles>({\n        root: {\n            width: '100%',\n            minHeight: 456,\n            minWidth: 360\n        },\n        text: {\n            color: themeVariables.calendarDateColor\n        },\n        calendar : {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            marginTop: 0,   \n            paddingTop: 0,\n            paddingBottom: 0,\n            elevation: 6\n        },\n        calendarHeader : {\n            backgroundColor: themeVariables.calendarHeaderBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            paddingTop: 8,\n            paddingBottom: 8\n        },\n        weekDay: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            padding: 2,\n        },\n        weekDayText: {\n            color: themeVariables.calendarWeekDayTextColor,\n            fontWeight: '400',\n            fontFamily: themeVariables.baseFont,\n            fontSize: 16,\n        },\n        day: {\n            borderColor: 'transparent',\n            color: themeVariables.calendarDateColor,\n            fontSize: 16,\n            fontFamily: themeVariables.baseFont,\n            fontWeight: '400'\n        },\n        dayWrapper: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: 'transparent',\n            width: 38,\n            height: 38,\n            borderRadius: 26\n        },\n        notDayOfCurrentMonth: {\n            color: themeVariables.calendarNotCurrentMonthDateColor,\n            fontWeight: 'normal',\n            opacity: 0\n        },\n        monthText: {\n            fontWeight: '500',\n            fontFamily: themeVariables.baseFont,\n            color: themeVariables.calendarHeaderTextColor\n        },\n        yearText: {\n            fontWeight: '500',\n            fontFamily: themeVariables.baseFont,\n            color: themeVariables.calendarHeaderTextColor\n        },\n        today: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.primaryColor\n        },\n        todayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        eventDay1 : {\n            color: themeVariables.calendarEventDay1Color\n        },\n        eventDay2 : {\n            color: themeVariables.calendarEventDay2Color\n        },\n        eventDay3 : {\n            color: themeVariables.calendarEventDay3Color\n        },\n        selectedDay: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        selectedDayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor,\n            color: themeVariables.calendarSelectedDayTextColor,\n            fontWeight: 'bold'\n        },\n        prevMonthBtn: {\n            root: {\n                color: themeVariables.calendarPrevMonthIconColor\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                color: themeVariables.calendarNextMonthIconColor\n            }\n        } as WmIconStyles,\n        prevYearBtn: {\n            root: {\n                color: themeVariables.calendarPrevYearIconColor\n            }\n        } as WmIconStyles,\n        nextYearBtn: {\n            root: {\n                color: themeVariables.calendarNextYearIconColor\n            }\n        } as WmIconStyles,\n        skeleton: {\n            root: {\n                display:'flex', \n                justifyContent: 'center',\n                backgroundColor:'#fff',\n                paddingHorizontal: 8,\n                alignItems: 'center',\n            },\n          } as any as  WmSkeletonStyles ,\n        headerSkeleton: {\n            root: {\n                width: '100%',\n                display:'flex', \n                flexDirection:'row', \n                alignItems: 'center',\n                justifyContent: 'space-around',\n                marginBottom: 16\n            } \n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]            \n            }\n        } as WmIconStyles,\n        monthText: {\n            padding: 2\n        },\n        yearText: {\n            padding: 2\n        }\n    });\n});"],"mappings":"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","ignoreList":[]}

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

@@ -3,13 +3,14 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
-import { Text, TouchableOpacity } from 'react-native';
+import { Text, TouchableOpacity, View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import { unStringify, validateField } from '@wavemaker/app-rn-runtime/core/utils';
 import WmCheckboxProps from './checkbox.props';
 import { DEFAULT_CLASS } from './checkbox.styles';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import WmLabel from '../../basic/label/label.component';
 export class WmCheckboxState extends BaseComponentState {
   constructor(...args) {
     super(...args);
@@ -78,6 +79,25 @@ export default class WmCheckbox extends BaseComponent {
       this.invokeEventCallback('onBlur', [null, this.proxy]);
     });
   }
+  renderSkeleton(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, this.styles.skeleton.root]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: {
+        root: {
+          ...this.styles.checkicon,
+          ...this.styles.iconSkeleton.root
+        }
+      }
+    }), /*#__PURE__*/React.createElement(WmLabel, {
+      styles: {
+        root: {
+          ...this.styles.text,
+          ...this.styles.labelSkeleton.root
+        }
+      }
+    }));
+  }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(), {
       style: [this.styles.root, this.state.isChecked ? this.styles.checkedItem : null],