@wavemaker/app-rn-runtime 11.4.0-next.26251 → 11.4.0-next.28151

app-rn-runtime/components/advanced/carousel/carousel-content/carousel-content.component.js

@@ -11,7 +11,7 @@ export default class WmCarouselContent extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=carousel-content.component.js.map

app-rn-runtime/components/advanced/carousel/carousel-content/carousel-content.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCarouselContentProps","DEFAULT_CLASS","WmCarouselContentState","WmCarouselContent","constructor","props","renderWidget","styles","root","children"],"sources":["carousel-content.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 WmCarouselContentProps from './carousel-content.props';\nimport { DEFAULT_CLASS, WmCarouselContentStyles } from './carousel-content.styles';\n\nexport class WmCarouselContentState extends BaseComponentState<WmCarouselContentProps> {}\n\nexport default class WmCarouselContent extends BaseComponent<WmCarouselContentProps, WmCarouselContentState, WmCarouselContentStyles> {\n\n  constructor(props: WmCarouselContentProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselContentProps());\n  }\n\n  renderWidget(props: WmCarouselContentProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,SAASC,aAAa,QAAiC,2BAA2B;AAElF,OAAO,MAAMC,sBAAsB,SAASH,kBAAkB,CAAyB;AAEvF,eAAe,MAAMI,iBAAiB,SAASL,aAAa,CAA0E;EAEpIM,WAAW,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,sBAAsB,EAAE,CAAC;EAC3D;EAEAM,YAAY,CAACD,KAA6B,EAAE;IAC1C,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCarouselContentProps","DEFAULT_CLASS","WmCarouselContentState","WmCarouselContent","constructor","props","renderWidget","styles","root","_background","children"],"sources":["carousel-content.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 WmCarouselContentProps from './carousel-content.props';\nimport { DEFAULT_CLASS, WmCarouselContentStyles } from './carousel-content.styles';\n\nexport class WmCarouselContentState extends BaseComponentState<WmCarouselContentProps> {}\n\nexport default class WmCarouselContent extends BaseComponent<WmCarouselContentProps, WmCarouselContentState, WmCarouselContentStyles> {\n\n  constructor(props: WmCarouselContentProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselContentProps());\n  }\n\n  renderWidget(props: WmCarouselContentProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,SAASC,aAAa,QAAiC,2BAA2B;AAElF,OAAO,MAAMC,sBAAsB,SAASH,kBAAkB,CAAyB;AAEvF,eAAe,MAAMI,iBAAiB,SAASL,aAAa,CAA0E;EAEpIM,WAAW,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,sBAAsB,EAAE,CAAC;EAC3D;EAEAM,YAAY,CAACD,KAA6B,EAAE;IAC1C,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/advanced/carousel/carousel-template/carousel-template.component.js

@@ -11,7 +11,7 @@ export default class WmCarouselTemplate extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=carousel-template.component.js.map

app-rn-runtime/components/advanced/carousel/carousel-template/carousel-template.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCarouselTemplateProps","DEFAULT_CLASS","WmCarouselTemplateState","WmCarouselTemplate","constructor","props","renderWidget","styles","root","children"],"sources":["carousel-template.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 WmCarouselTemplateProps from './carousel-template.props';\nimport { DEFAULT_CLASS, WmCarouselTemplateStyles } from './carousel-template.styles';\n\nexport class WmCarouselTemplateState extends BaseComponentState<WmCarouselTemplateProps> {}\n\nexport default class WmCarouselTemplate extends BaseComponent<WmCarouselTemplateProps, WmCarouselTemplateState, WmCarouselTemplateStyles> {\n\n  constructor(props: WmCarouselTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselTemplateProps());\n  }\n\n  renderWidget(props: WmCarouselTemplateProps) {\n    return (<View style={this.styles.root}>{props.children}</View>);  \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,SAASC,aAAa,QAAkC,4BAA4B;AAEpF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAW,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,EAAE,CAAC;EAC5D;EAEAM,YAAY,CAACD,KAA8B,EAAE;IAC3C,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCarouselTemplateProps","DEFAULT_CLASS","WmCarouselTemplateState","WmCarouselTemplate","constructor","props","renderWidget","styles","root","_background","children"],"sources":["carousel-template.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 WmCarouselTemplateProps from './carousel-template.props';\nimport { DEFAULT_CLASS, WmCarouselTemplateStyles } from './carousel-template.styles';\n\nexport class WmCarouselTemplateState extends BaseComponentState<WmCarouselTemplateProps> {}\n\nexport default class WmCarouselTemplate extends BaseComponent<WmCarouselTemplateProps, WmCarouselTemplateState, WmCarouselTemplateStyles> {\n\n  constructor(props: WmCarouselTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselTemplateProps());\n  }\n\n  renderWidget(props: WmCarouselTemplateProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>);  \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,SAASC,aAAa,QAAkC,4BAA4B;AAEpF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAW,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,EAAE,CAAC;EAC5D;EAEAM,YAAY,CAACD,KAA8B,EAAE;IAC3C,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/advanced/carousel/carousel.component.js

@@ -113,7 +113,7 @@ export default class WmCarousel extends BaseComponent {
     return /*#__PURE__*/React.createElement(View, {
       style: styles.root,
       onLayout: this.onLayoutChange
-    }, this.state.sliderWidth > 0 ? /*#__PURE__*/React.createElement(Carousel, {
+    }, this._background, this.state.sliderWidth > 0 ? /*#__PURE__*/React.createElement(Carousel, {
       ref: ref => this.carouselRef = ref,
       data: data ?? [],
       firstItem: 0,

app-rn-runtime/components/advanced/carousel/carousel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Carousel","Pagination","WmIcon","BaseComponent","BaseComponentState","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","WmCarousel","constructor","props","index","prevIndex","state","activeIndex","updateState","invokeEventCallback","data","type","renderSlide","item","children","e","sliderWidth","nativeEvent","layout","width","active","styles","activeDotStyle","dotStyle","carouselRef","currentIndex","noOfSlides","snapToNext","snapToItem","snapToPrev","cleanup","push","stopPlay","autoPlay","animation","animationinterval","intervalId","setInterval","next","clearInterval","onPropertyChange","name","$new","$old","renderPagination","dotsWrapperStyle","renderWidget","hasNavs","controls","hasDots","dataset","length","root","onLayoutChange","ref","height","renderItem","onSlideChange","btnPanel","prevBtn","prev","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent } from 'react-native';\nimport Carousel, { Pagination } from 'react-native-snap-carousel';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 0;\n  sliderWidth = 0;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  carouselRef: Carousel<unknown> | null = null as any;\n  noOfSlides: number = 0;\n  stopPlay: Function = null as any;\n\n  constructor(props: WmCarouselProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());\n    this.cleanup.push(() => {\n      this.stopPlay && this.stopPlay();\n    })\n  }\n\n  autoPlay() {\n    const props = this.state.props;\n    this.stopPlay && this.stopPlay();\n    if (props.animation && props.animationinterval) {\n      const intervalId = setInterval(() => {\n        this.next();\n      }, props.animationinterval * 1000);\n      this.stopPlay = () => clearInterval(intervalId);\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch (name) {\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\n      }\n  }\n\n  onSlideChange = (index: number) => {\n    const prevIndex = this.state.activeIndex;\n    this.updateState({\n      activeIndex: index\n    } as WmCarouselState,\n    () => this.invokeEventCallback('onChange', [this, index, prevIndex]));\n  }\n\n  renderItem = (data: any) => {\n    const props = this.state.props;\n    if (props.type === 'dynamic') {\n      return props.renderSlide ? props.renderSlide(data.item, data.index) : null;\n    }\n    return props.children[data.index];\n  }\n\n  onLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      sliderWidth: e.nativeEvent.layout.width\n    } as WmCarouselState);\n  }\n\n  getDotElement = ({active, index}: {active: boolean, index: number}) => {\n    return (<Text style={active ? this.styles.activeDotStyle: this.styles.dotStyle}>{index}</Text>);\n  }\n\n  renderPagination(props: WmCarouselProps, styles: WmCarouselStyles) {\n    return (\n        <Pagination\n          carouselRef={this.carouselRef as any}\n          dotsLength={this.noOfSlides}\n          activeDotIndex={this.state.activeIndex}\n          containerStyle={styles.dotsWrapperStyle}\n          dotStyle={styles.activeDotStyle}\n          inactiveDotStyle={styles.dotStyle}\n          inactiveDotScale={0.8}\n          tappableDots={true}\n        />\n    );\n  }\n\n  next = () => {\n    if (this.carouselRef && this.carouselRef.currentIndex < this.noOfSlides - 1) {\n      this.carouselRef?.snapToNext();\n    } else {\n      this.carouselRef?.snapToItem(0);\n    }\n  }\n\n  prev = () => {\n    if (this.carouselRef && this.carouselRef.currentIndex > 0) {\n      this.carouselRef?.snapToPrev();\n    } else {\n      this.carouselRef?.snapToItem(this.noOfSlides - 1);\n    }\n  }\n\n  renderWidget(props: WmCarouselProps) {\n    const hasNavs = props.controls === 'both' || props.controls ==='navs';\n    const hasDots = props.controls === 'both' || props.controls ==='indicators';\n    let styles = this.styles;\n    const data = props.type === 'dynamic' ? props.dataset : props.children;\n    this.noOfSlides = data?.length || 0;\n    const autoPlay = props.animation === 'auto';\n    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608\n    return (\n      <View style={styles.root} onLayout={this.onLayoutChange}>\n        {this.state.sliderWidth > 0 ?\n          (<Carousel\n            ref={ref => this.carouselRef = ref}\n            data={data ?? []}\n            firstItem={0}\n            style={{width: '100%', height: '100%'}}\n            enableSnap={true}\n            loopClonesPerSide={1}\n            autoplay={false}\n            activeSlideAlignment='start'\n            renderItem={this.renderItem}\n            sliderWidth={this.state.sliderWidth}\n            itemWidth={this.state.sliderWidth}\n            lockScrollWhileSnapping={false}\n            scrollEnabled={false}\n            onSnapToItem={this.onSlideChange}\n          ></Carousel>) : null}\n        {hasNavs ? (\n          <View style={styles.btnPanel}>\n            <WmIcon\n              iconclass=\"wi wi-chevron-left fa-2x\"\n              styles={styles.prevBtn}\n              onTap={this.prev}/>\n            <WmIcon\n              iconclass=\"wi wi-chevron-right fa-2x\"\n              styles={styles.nextBtn}\n              onTap={this.next}/>\n          </View>): null}\n        {this.state.sliderWidth > 0 && hasDots && data ? this.renderPagination(props, styles) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","Carousel","Pagination","WmIcon","BaseComponent","BaseComponentState","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","WmCarousel","constructor","props","index","prevIndex","state","activeIndex","updateState","invokeEventCallback","data","type","renderSlide","item","children","e","sliderWidth","nativeEvent","layout","width","active","styles","activeDotStyle","dotStyle","carouselRef","currentIndex","noOfSlides","snapToNext","snapToItem","snapToPrev","cleanup","push","stopPlay","autoPlay","animation","animationinterval","intervalId","setInterval","next","clearInterval","onPropertyChange","name","$new","$old","renderPagination","dotsWrapperStyle","renderWidget","hasNavs","controls","hasDots","dataset","length","root","onLayoutChange","_background","ref","height","renderItem","onSlideChange","btnPanel","prevBtn","prev","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent } from 'react-native';\nimport Carousel, { Pagination } from 'react-native-snap-carousel';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 0;\n  sliderWidth = 0;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  carouselRef: Carousel<unknown> | null = null as any;\n  noOfSlides: number = 0;\n  stopPlay: Function = null as any;\n\n  constructor(props: WmCarouselProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());\n    this.cleanup.push(() => {\n      this.stopPlay && this.stopPlay();\n    })\n  }\n\n  autoPlay() {\n    const props = this.state.props;\n    this.stopPlay && this.stopPlay();\n    if (props.animation && props.animationinterval) {\n      const intervalId = setInterval(() => {\n        this.next();\n      }, props.animationinterval * 1000);\n      this.stopPlay = () => clearInterval(intervalId);\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch (name) {\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\n      }\n  }\n\n  onSlideChange = (index: number) => {\n    const prevIndex = this.state.activeIndex;\n    this.updateState({\n      activeIndex: index\n    } as WmCarouselState,\n    () => this.invokeEventCallback('onChange', [this, index, prevIndex]));\n  }\n\n  renderItem = (data: any) => {\n    const props = this.state.props;\n    if (props.type === 'dynamic') {\n      return props.renderSlide ? props.renderSlide(data.item, data.index) : null;\n    }\n    return props.children[data.index];\n  }\n\n  onLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      sliderWidth: e.nativeEvent.layout.width\n    } as WmCarouselState);\n  }\n\n  getDotElement = ({active, index}: {active: boolean, index: number}) => {\n    return (<Text style={active ? this.styles.activeDotStyle: this.styles.dotStyle}>{index}</Text>);\n  }\n\n  renderPagination(props: WmCarouselProps, styles: WmCarouselStyles) {\n    return (\n        <Pagination\n          carouselRef={this.carouselRef as any}\n          dotsLength={this.noOfSlides}\n          activeDotIndex={this.state.activeIndex}\n          containerStyle={styles.dotsWrapperStyle}\n          dotStyle={styles.activeDotStyle}\n          inactiveDotStyle={styles.dotStyle}\n          inactiveDotScale={0.8}\n          tappableDots={true}\n        />\n    );\n  }\n\n  next = () => {\n    if (this.carouselRef && this.carouselRef.currentIndex < this.noOfSlides - 1) {\n      this.carouselRef?.snapToNext();\n    } else {\n      this.carouselRef?.snapToItem(0);\n    }\n  }\n\n  prev = () => {\n    if (this.carouselRef && this.carouselRef.currentIndex > 0) {\n      this.carouselRef?.snapToPrev();\n    } else {\n      this.carouselRef?.snapToItem(this.noOfSlides - 1);\n    }\n  }\n\n  renderWidget(props: WmCarouselProps) {\n    const hasNavs = props.controls === 'both' || props.controls ==='navs';\n    const hasDots = props.controls === 'both' || props.controls ==='indicators';\n    let styles = this.styles;\n    const data = props.type === 'dynamic' ? props.dataset : props.children;\n    this.noOfSlides = data?.length || 0;\n    const autoPlay = props.animation === 'auto';\n    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608\n    return (\n      <View style={styles.root} onLayout={this.onLayoutChange}>\n        {this._background}\n        {this.state.sliderWidth > 0 ?\n          (<Carousel\n            ref={ref => this.carouselRef = ref}\n            data={data ?? []}\n            firstItem={0}\n            style={{width: '100%', height: '100%'}}\n            enableSnap={true}\n            loopClonesPerSide={1}\n            autoplay={false}\n            activeSlideAlignment='start'\n            renderItem={this.renderItem}\n            sliderWidth={this.state.sliderWidth}\n            itemWidth={this.state.sliderWidth}\n            lockScrollWhileSnapping={false}\n            scrollEnabled={false}\n            onSnapToItem={this.onSlideChange}\n          ></Carousel>) : null}\n        {hasNavs ? (\n          <View style={styles.btnPanel}>\n            <WmIcon\n              iconclass=\"wi wi-chevron-left fa-2x\"\n              styles={styles.prevBtn}\n              onTap={this.prev}/>\n            <WmIcon\n              iconclass=\"wi wi-chevron-right fa-2x\"\n              styles={styles.nextBtn}\n              onTap={this.next}/>\n          </View>): null}\n        {this.state.sliderWidth > 0 && hasDots && data ? this.renderPagination(props, styles) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/advanced/login/login.component.js

@@ -28,7 +28,7 @@ export default class WmLogin extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this.state.errorMsg && /*#__PURE__*/React.createElement(Text, {
+    }, this._background, this.state.errorMsg && /*#__PURE__*/React.createElement(Text, {
       style: this.styles.errorMsgStyles
     }, this.state.errorMsg), /*#__PURE__*/React.createElement(View, {
       style: this.styles.formStyles

app-rn-runtime/components/advanced/login/login.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","WmLoginProps","DEFAULT_CLASS","WmLoginState","WmLogin","constructor","props","onLoginSuccess","response","onLoginError","error","updateState","errorMsg","message","doLogin","formData","onLogin","bind","renderWidget","styles","root","state","errorMsgStyles","formStyles","children"],"sources":["login.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLoginProps from './login.props';\nimport { DEFAULT_CLASS, WmLoginStyles } from './login.styles';\nimport { AxiosError, AxiosResponse } from 'axios';\n\nexport class WmLoginState extends BaseComponentState<WmLoginProps> {\n  errorMsg = '';\n}\n\nexport default class WmLogin extends BaseComponent<WmLoginProps, WmLoginState, WmLoginStyles> {\n  constructor(props: WmLoginProps) {\n    super(props, DEFAULT_CLASS, new WmLoginProps());\n  }\n\n  onLoginSuccess(response: AxiosResponse) {\n  }\n\n  onLoginError(error: AxiosError) {\n    this.updateState({errorMsg: error?.message} as WmLoginState);\n  }\n\n  doLogin(formData: any) {\n    this.props.onLogin(formData, this.onLoginSuccess.bind(this), this.onLoginError.bind(this));\n  }\n\n  renderWidget(props: WmLoginProps) {\n    return (<View style={this.styles.root}>\n      {this.state.errorMsg && <Text style={this.styles.errorMsgStyles}>{this.state.errorMsg}</Text>}\n      <View style={this.styles.formStyles}>{props.children}</View>\n    </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAG7D,OAAO,MAAMC,YAAY,SAASH,kBAAkB,CAAe;EAAA;IAAA;IAAA,kCACtD,EAAE;EAAA;AACf;AAEA,eAAe,MAAMI,OAAO,SAASL,aAAa,CAA4C;EAC5FM,WAAW,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,YAAY,EAAE,CAAC;EACjD;EAEAM,cAAc,CAACC,QAAuB,EAAE,CACxC;EAEAC,YAAY,CAACC,KAAiB,EAAE;IAC9B,IAAI,CAACC,WAAW,CAAC;MAACC,QAAQ,EAAEF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG;IAAO,CAAC,CAAiB;EAC9D;EAEAC,OAAO,CAACC,QAAa,EAAE;IACrB,IAAI,CAACT,KAAK,CAACU,OAAO,CAACD,QAAQ,EAAE,IAAI,CAACR,cAAc,CAACU,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAACR,YAAY,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5F;EAEAC,YAAY,CAACZ,KAAmB,EAAE;IAChC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACa,MAAM,CAACC;IAAK,GACnC,IAAI,CAACC,KAAK,CAACT,QAAQ,iBAAI,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACG;IAAe,GAAE,IAAI,CAACD,KAAK,CAACT,QAAQ,CAAQ,eAC7F,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACI;IAAW,GAAEjB,KAAK,CAACkB,QAAQ,CAAQ,CACvD;EACT;AACF"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","WmLoginProps","DEFAULT_CLASS","WmLoginState","WmLogin","constructor","props","onLoginSuccess","response","onLoginError","error","updateState","errorMsg","message","doLogin","formData","onLogin","bind","renderWidget","styles","root","_background","state","errorMsgStyles","formStyles","children"],"sources":["login.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLoginProps from './login.props';\nimport { DEFAULT_CLASS, WmLoginStyles } from './login.styles';\nimport { AxiosError, AxiosResponse } from 'axios';\n\nexport class WmLoginState extends BaseComponentState<WmLoginProps> {\n  errorMsg = '';\n}\n\nexport default class WmLogin extends BaseComponent<WmLoginProps, WmLoginState, WmLoginStyles> {\n  constructor(props: WmLoginProps) {\n    super(props, DEFAULT_CLASS, new WmLoginProps());\n  }\n\n  onLoginSuccess(response: AxiosResponse) {\n  }\n\n  onLoginError(error: AxiosError) {\n    this.updateState({errorMsg: error?.message} as WmLoginState);\n  }\n\n  doLogin(formData: any) {\n    this.props.onLogin(formData, this.onLoginSuccess.bind(this), this.onLoginError.bind(this));\n  }\n\n  renderWidget(props: WmLoginProps) {\n    return (<View style={this.styles.root}>\n      {this._background}\n      {this.state.errorMsg && <Text style={this.styles.errorMsgStyles}>{this.state.errorMsg}</Text>}\n      <View style={this.styles.formStyles}>{props.children}</View>\n    </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAG7D,OAAO,MAAMC,YAAY,SAASH,kBAAkB,CAAe;EAAA;IAAA;IAAA,kCACtD,EAAE;EAAA;AACf;AAEA,eAAe,MAAMI,OAAO,SAASL,aAAa,CAA4C;EAC5FM,WAAW,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,YAAY,EAAE,CAAC;EACjD;EAEAM,cAAc,CAACC,QAAuB,EAAE,CACxC;EAEAC,YAAY,CAACC,KAAiB,EAAE;IAC9B,IAAI,CAACC,WAAW,CAAC;MAACC,QAAQ,EAAEF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG;IAAO,CAAC,CAAiB;EAC9D;EAEAC,OAAO,CAACC,QAAa,EAAE;IACrB,IAAI,CAACT,KAAK,CAACU,OAAO,CAACD,QAAQ,EAAE,IAAI,CAACR,cAAc,CAACU,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAACR,YAAY,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5F;EAEAC,YAAY,CAACZ,KAAmB,EAAE;IAChC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACa,MAAM,CAACC;IAAK,GACnC,IAAI,CAACC,WAAW,EAChB,IAAI,CAACC,KAAK,CAACV,QAAQ,iBAAI,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACI;IAAe,GAAE,IAAI,CAACD,KAAK,CAACV,QAAQ,CAAQ,eAC7F,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACO,MAAM,CAACK;IAAW,GAAElB,KAAK,CAACmB,QAAQ,CAAQ,CACvD;EACT;AACF"}

app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.component.js

@@ -38,7 +38,7 @@ export default class WmNetworkInfoToaster extends BaseComponent {
     if (this.state.newtworkState.isConnected) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, {
         style: this.styles.text
       }, this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED), /*#__PURE__*/React.createElement(TouchableOpacity, {
         style: this.styles.action,
@@ -50,14 +50,14 @@ export default class WmNetworkInfoToaster extends BaseComponent {
     if (this.state.newtworkState.isConnecting) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, {
         style: this.styles.text
       }, this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING));
     }
     if (this.state.newtworkState.isServiceAvailable) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, {
         style: this.styles.text
       }, this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
         style: this.styles.action,
@@ -75,7 +75,7 @@ export default class WmNetworkInfoToaster extends BaseComponent {
     if (!this.state.newtworkState.isNetworkAvailable) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, {
         style: this.styles.text
       }, this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
         style: this.styles.action,
@@ -86,7 +86,7 @@ export default class WmNetworkInfoToaster extends BaseComponent {
     }
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, this._background, /*#__PURE__*/React.createElement(Text, {
       style: this.styles.text
     }, this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
       style: this.styles.action,

app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TouchableOpacity","View","NetworkService","BaseComponent","BaseComponentState","ToastConsumer","WmNetworkInfoToasterProps","DEFAULT_CLASS","isEqual","WmNetworkInfoToasterState","WmNetworkInfoToaster","constructor","props","updateState","newtworkState","getState","showToast","isConnected","cleanup","push","notifier","subscribe","networkState","state","getToastContent","styles","root","text","appLocale","messages","MESSAGE_SERVICE_CONNECTED","action","_close","actionText","LABEL_HIDE_NETWORK_INFO","isConnecting","MESSAGE_SERVICE_CONNECTING","isServiceAvailable","MESSAGE_SERVICE_AVAILABLE","actionSeparator","LABEL_CONNECT_TO_SERVICE","isNetworkAvailable","MESSAGE_NETWORK_NOT_AVAILABLE","MESSAGE_SERVICE_NOT_AVAILABLE","renderWidget","options","content","onClose","toastService","hideToast"],"sources":["network-info-toaster.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport NetworkService, { NetworkState } from '@wavemaker/app-rn-runtime/core/network.service';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ToastConsumer, ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmNetworkInfoToasterProps from './network-info-toaster.props';\nimport { DEFAULT_CLASS, WmNetworkInfoToasterStyles } from './network-info-toaster.styles';\nimport { isEqual } from 'lodash-es';\n\nexport class WmNetworkInfoToasterState extends BaseComponentState<WmNetworkInfoToasterProps> {\n  newtworkState = {} as NetworkState;\n  showToast = false;\n}\n\nexport default class WmNetworkInfoToaster extends BaseComponent<WmNetworkInfoToasterProps, WmNetworkInfoToasterState, WmNetworkInfoToasterStyles> {\n  options = {} as ToastOptions;\n  private _close: Function = null as any;\n\n  constructor(props: WmNetworkInfoToasterProps) {\n    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());\n    this.updateState({\n      newtworkState: NetworkService.getState(),\n      showToast: !NetworkService.isConnected()\n    } as WmNetworkInfoToasterState);\n    this.cleanup.push(\n      NetworkService.notifier.subscribe('onNetworkStateChange', (networkState: NetworkState) => {\n        if (!isEqual(networkState, this.state.newtworkState)) {\n          this.updateState({\n            newtworkState: networkState,\n            showToast: true\n          } as WmNetworkInfoToasterState);\n        }\n      }\n    ));\n  }\n\n  getToastContent() {\n    if (this.state.newtworkState.isConnected) { \n      return (\n      <View style={this.styles.root}>\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (this.state.newtworkState.isConnecting) { \n      return (\n        <View style={this.styles.root}>\n          <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING}</Text>\n        </View>);\n    }\n    if (this.state.newtworkState.isServiceAvailable) { \n      return (\n      <View style={this.styles.root}>\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n          <Text style={this.styles.actionSeparator}>|</Text>\n        <TouchableOpacity style={this.styles.action}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (!this.state.newtworkState.isNetworkAvailable) { \n      return (\n      <View style={this.styles.root}>\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    return (\n      <View style={this.styles.root}>\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n  }\n\n  renderWidget(props: WmNetworkInfoToasterProps) {\n    this.options.content = this.getToastContent();\n    this.options.onClose = () => {\n      this._close = null as any;\n      this.updateState({\n        showToast : false\n      } as WmNetworkInfoToasterState);\n    };\n    return this.options.content && this.state.showToast ? (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this._close = () => toastService.hideToast(this.options);\n          toastService.showToast(this.options)\n          return null;\n        }}\n      </ToastConsumer>\n    ) : null; \n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","TouchableOpacity","View","NetworkService","BaseComponent","BaseComponentState","ToastConsumer","WmNetworkInfoToasterProps","DEFAULT_CLASS","isEqual","WmNetworkInfoToasterState","WmNetworkInfoToaster","constructor","props","updateState","newtworkState","getState","showToast","isConnected","cleanup","push","notifier","subscribe","networkState","state","getToastContent","styles","root","_background","text","appLocale","messages","MESSAGE_SERVICE_CONNECTED","action","_close","actionText","LABEL_HIDE_NETWORK_INFO","isConnecting","MESSAGE_SERVICE_CONNECTING","isServiceAvailable","MESSAGE_SERVICE_AVAILABLE","actionSeparator","LABEL_CONNECT_TO_SERVICE","isNetworkAvailable","MESSAGE_NETWORK_NOT_AVAILABLE","MESSAGE_SERVICE_NOT_AVAILABLE","renderWidget","options","content","onClose","toastService","hideToast"],"sources":["network-info-toaster.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport NetworkService, { NetworkState } from '@wavemaker/app-rn-runtime/core/network.service';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ToastConsumer, ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmNetworkInfoToasterProps from './network-info-toaster.props';\nimport { DEFAULT_CLASS, WmNetworkInfoToasterStyles } from './network-info-toaster.styles';\nimport { isEqual } from 'lodash-es';\n\nexport class WmNetworkInfoToasterState extends BaseComponentState<WmNetworkInfoToasterProps> {\n  newtworkState = {} as NetworkState;\n  showToast = false;\n}\n\nexport default class WmNetworkInfoToaster extends BaseComponent<WmNetworkInfoToasterProps, WmNetworkInfoToasterState, WmNetworkInfoToasterStyles> {\n  options = {} as ToastOptions;\n  private _close: Function = null as any;\n\n  constructor(props: WmNetworkInfoToasterProps) {\n    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());\n    this.updateState({\n      newtworkState: NetworkService.getState(),\n      showToast: !NetworkService.isConnected()\n    } as WmNetworkInfoToasterState);\n    this.cleanup.push(\n      NetworkService.notifier.subscribe('onNetworkStateChange', (networkState: NetworkState) => {\n        if (!isEqual(networkState, this.state.newtworkState)) {\n          this.updateState({\n            newtworkState: networkState,\n            showToast: true\n          } as WmNetworkInfoToasterState);\n        }\n      }\n    ));\n  }\n\n  getToastContent() {\n    if (this.state.newtworkState.isConnected) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (this.state.newtworkState.isConnecting) { \n      return (\n        <View style={this.styles.root}>\n          {this._background}\n          <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING}</Text>\n        </View>);\n    }\n    if (this.state.newtworkState.isServiceAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n          <Text style={this.styles.actionSeparator}>|</Text>\n        <TouchableOpacity style={this.styles.action}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (!this.state.newtworkState.isNetworkAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n  }\n\n  renderWidget(props: WmNetworkInfoToasterProps) {\n    this.options.content = this.getToastContent();\n    this.options.onClose = () => {\n      this._close = null as any;\n      this.updateState({\n        showToast : false\n      } as WmNetworkInfoToasterState);\n    };\n    return this.options.content && this.state.showToast ? (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this._close = () => toastService.hideToast(this.options);\n          toastService.showToast(this.options)\n          return null;\n        }}\n      </ToastConsumer>\n    ) : null; \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC3D,OAAOC,cAAc,MAAwB,gDAAgD;AAC7F,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,aAAa,QAAoC,8CAA8C;AAExG,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,SAASC,aAAa,QAAoC,+BAA+B;AACzF,SAASC,OAAO,QAAQ,WAAW;AAEnC,OAAO,MAAMC,yBAAyB,SAASL,kBAAkB,CAA4B;EAAA;IAAA;IAAA,uCAC3E,CAAC,CAAC;IAAA,mCACN,KAAK;EAAA;AACnB;AAEA,eAAe,MAAMM,oBAAoB,SAASP,aAAa,CAAmF;EAIhJQ,WAAW,CAACC,KAAgC,EAAE;IAC5C,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,yBAAyB,EAAE,EAAE,IAAIG,yBAAyB,EAAE,CAAC;IAAC,iCAJtF,CAAC,CAAC;IAAA,gCACe,IAAI;IAI7B,IAAI,CAACI,WAAW,CAAC;MACfC,aAAa,EAAEZ,cAAc,CAACa,QAAQ,EAAE;MACxCC,SAAS,EAAE,CAACd,cAAc,CAACe,WAAW;IACxC,CAAC,CAA8B;IAC/B,IAAI,CAACC,OAAO,CAACC,IAAI,CACfjB,cAAc,CAACkB,QAAQ,CAACC,SAAS,CAAC,sBAAsB,EAAGC,YAA0B,IAAK;MACxF,IAAI,CAACd,OAAO,CAACc,YAAY,EAAE,IAAI,CAACC,KAAK,CAACT,aAAa,CAAC,EAAE;QACpD,IAAI,CAACD,WAAW,CAAC;UACfC,aAAa,EAAEQ,YAAY;UAC3BN,SAAS,EAAE;QACb,CAAC,CAA8B;MACjC;IACF,CAAC,CACF,CAAC;EACJ;EAEAQ,eAAe,GAAG;IAChB,IAAI,IAAI,CAACD,KAAK,CAACT,aAAa,CAACG,WAAW,EAAE;MACxC,oBACA,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACQ,MAAM,CAACC;MAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACF,MAAM,CAACG;MAAK,GAAE,IAAI,CAAChB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACC,yBAAyB,CAAQ,eAC/F,oBAAC,gBAAgB;QAAC,KAAK,EAAE,IAAI,CAACN,MAAM,CAACO,MAAO;QAAC,OAAO,EAAE,MAAM,IAAI,CAACC,MAAM;MAAG,gBACxE,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACR,MAAM,CAACS;MAAW,GAAE,IAAI,CAACtB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACK,uBAAuB,CAAQ,CAClF,CACd;IACT;IACA,IAAI,IAAI,CAACZ,KAAK,CAACT,aAAa,CAACsB,YAAY,EAAE;MACzC,oBACE,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACX,MAAM,CAACC;MAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACF,MAAM,CAACG;MAAK,GAAE,IAAI,CAAChB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACO,0BAA0B,CAAQ,CAC3F;IACX;IACA,IAAI,IAAI,CAACd,KAAK,CAACT,aAAa,CAACwB,kBAAkB,EAAE;MAC/C,oBACA,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACb,MAAM,CAACC;MAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACF,MAAM,CAACG;MAAK,GAAE,IAAI,CAAChB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACS,yBAAyB,CAAQ,eAC/F,oBAAC,gBAAgB;QAAC,KAAK,EAAE,IAAI,CAACd,MAAM,CAACO,MAAO;QAAC,OAAO,EAAE,MAAM,IAAI,CAACC,MAAM;MAAG,gBACxE,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACR,MAAM,CAACS;MAAW,GAAE,IAAI,CAACtB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACK,uBAAuB,CAAQ,CAClF,eACjB,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACV,MAAM,CAACe;MAAgB,GAAC,GAAC,CAAO,eACpD,oBAAC,gBAAgB;QAAC,KAAK,EAAE,IAAI,CAACf,MAAM,CAACO;MAAO,gBAC1C,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACP,MAAM,CAACS;MAAW,GAAE,IAAI,CAACtB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACW,wBAAwB,CAAQ,CACnF,CACd;IACT;IACA,IAAI,CAAC,IAAI,CAAClB,KAAK,CAACT,aAAa,CAAC4B,kBAAkB,EAAE;MAChD,oBACA,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACjB,MAAM,CAACC;MAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACF,MAAM,CAACG;MAAK,GAAE,IAAI,CAAChB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACa,6BAA6B,CAAQ,eACnG,oBAAC,gBAAgB;QAAC,KAAK,EAAE,IAAI,CAAClB,MAAM,CAACO,MAAO;QAAC,OAAO,EAAE,MAAM,IAAI,CAACC,MAAM;MAAG,gBACxE,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACR,MAAM,CAACS;MAAW,GAAE,IAAI,CAACtB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACK,uBAAuB,CAAQ,CAClF,CACd;IACT;IACA,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACV,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACF,MAAM,CAACG;IAAK,GAAE,IAAI,CAAChB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACc,6BAA6B,CAAQ,eACnG,oBAAC,gBAAgB;MAAC,KAAK,EAAE,IAAI,CAACnB,MAAM,CAACO,MAAO;MAAC,OAAO,EAAE,MAAM,IAAI,CAACC,MAAM;IAAG,gBACxE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACR,MAAM,CAACS;IAAW,GAAE,IAAI,CAACtB,KAAK,CAACiB,SAAS,CAACC,QAAQ,CAACK,uBAAuB,CAAQ,CAClF,CACd;EACX;EAEAU,YAAY,CAACjC,KAAgC,EAAE;IAC7C,IAAI,CAACkC,OAAO,CAACC,OAAO,GAAG,IAAI,CAACvB,eAAe,EAAE;IAC7C,IAAI,CAACsB,OAAO,CAACE,OAAO,GAAG,MAAM;MAC3B,IAAI,CAACf,MAAM,GAAG,IAAW;MACzB,IAAI,CAACpB,WAAW,CAAC;QACfG,SAAS,EAAG;MACd,CAAC,CAA8B;IACjC,CAAC;IACD,OAAO,IAAI,CAAC8B,OAAO,CAACC,OAAO,IAAI,IAAI,CAACxB,KAAK,CAACP,SAAS,gBACjD,oBAAC,aAAa,QACViC,YAA0B,IAAK;MAC/B,IAAI,CAAChB,MAAM,GAAG,MAAMgB,YAAY,CAACC,SAAS,CAAC,IAAI,CAACJ,OAAO,CAAC;MACxDG,YAAY,CAACjC,SAAS,CAAC,IAAI,CAAC8B,OAAO,CAAC;MACpC,OAAO,IAAI;IACb,CAAC,CACa,GACd,IAAI;EACV;AACF"}

app-rn-runtime/components/advanced/webview/webview.component.js

@@ -103,7 +103,7 @@ export default class WmWebview extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, Platform.OS === 'web' ? /*#__PURE__*/React.createElement("iframe", {
+    }, this._background, Platform.OS === 'web' ? /*#__PURE__*/React.createElement("iframe", {
       src: props.src,
       width: '100%',
       height: '100%',

app-rn-runtime/components/advanced/webview/webview.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BackHandler","Platform","View","WebView","HideMode","BaseComponent","BaseComponentState","WmWebviewProps","DEFAULT_CLASS","WmWebViewState","WmWebview","constructor","props","webview","webViewState","canGoBack","goBack","event","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","e","title","url","updateState","src","hideMode","DONOT_ADD_TO_DOM","addEventListener","handleBackButtonPress","componentWillUnmount","removeEventListener","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","replace","JSON","parse","getTitle","iframe","currentTarget","contentWindow","document","renderWidget","styles","root","OS","onLoad","ref","uri","incognito","onMessage","state"],"sources":["webview.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler, Platform, View } from 'react-native';\nimport { WebView, WebViewNavigation, WebViewMessageEvent } from 'react-native-webview';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWebviewProps from './webview.props';\nimport { DEFAULT_CLASS, WebviewStyles } from './webview.styles';\n\nclass WmWebViewState extends BaseComponentState<WmWebviewProps> {\n\n}\n\nexport default class WmWebview extends BaseComponent<WmWebviewProps, WmWebViewState, WebviewStyles> {\n\n  private webview: WebView | null = null as any;\n  private webViewState: WebViewNavigation = null as any;\n  private invokeJSCallbacks = {} as any;\n\n  constructor(props: WmWebviewProps) {\n    super(props, DEFAULT_CLASS, new WmWebviewProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  handleBackButtonPress = (): boolean => {\n    if (this.webview && this.webViewState && this.webViewState.canGoBack) {\n      this.webview.goBack();\n      return true;\n    }\n    return false;\n  }\n\n  executeScript(fn: string) {\n    return new Promise((resolve, reject) => {\n      if (this.webview) {\n        const id = '' + Date.now();\n        this.invokeJSCallbacks[id] = resolve;\n        fn = `\n         (function(){\n          try{\n            return (${fn});\n          } catch(e) {\n            return e.getMessage();\n          }\n         }())\n        `;\n        this.webview.injectJavaScript(\n          `window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`\n        );\n      } else {\n        reject();\n      }\n    });\n  }\n\n  insertCSS(style = '') {\n    style = style.replace(/[\\n\\t\\r]/g, '');\n    return this.executeScript(`\n    function() {\n      const style = document.createElement('style');\n      style.innerHTML = '${style}';\n      document.head.appendChild(style);\n      return 'SUCCESS';\n    }()\n    `);\n  }\n\n  parseResult(result: string) {\n    try {\n      return JSON.parse(result);\n    } catch(e) {\n      if (result === 'undefined' || result === 'null') {\n        return null;\n      }\n      return result;\n    }\n  }\n\n  onMessage = (event: WebViewMessageEvent) => {\n    const data: string = event.nativeEvent?.data;\n    if (data && data.startsWith('afterInjectJavaScript')) {\n      const id = data?.match(/\\:([0-9]+)\\:/);\n      const callback = id && this.invokeJSCallbacks[id[1]];\n      const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);\n      callback && callback(this.parseResult(result));\n    } else {\n      this.invokeEventCallback('onMessage', [event, this]);\n    }\n  }\n\n  getTitle(iframe: any) {\n    try {\n      return iframe.currentTarget.contentWindow.document.title;\n    } catch(e) {\n      // browser blocks cross origin access to iframe content.\n    }\n  }\n\n  public onLoad = (e: any, title: string, url: string) => {\n    this.updateState({\n      props: {\n        title: title,\n        src: url\n      }\n    } as WmWebViewState, () => {\n      this.invokeEventCallback('onLoad', [e, this]);\n    });\n  }\n\n  protected renderWidget(props: WmWebviewProps) {\n    return (\n      <View style={this.styles.root}>\n        {Platform.OS === 'web' ?\n          (<iframe src={props.src} width={'100%'} height={'100%'}\n            onLoad={(e) => this.onLoad(e, this.getTitle(e.currentTarget), (e.currentTarget as any).src)}></iframe>) :\n          (<WebView\n            ref={(ref) => this.webview = ref}\n            nestedScrollEnabled={true}\n            style={this.styles.webview}\n            source={{\n              uri: props.src\n            }}\n            incognito={props.incognito}\n            onMessage={this.onMessage}\n            sharedCookiesEnabled={true}\n            onNavigationStateChange={(state) => {\n              this.webViewState = state;\n            }}\n            scrollEnabled={true}\n            onLoadEnd={(e) => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)}>\n          </WebView>)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","BackHandler","Platform","View","WebView","HideMode","BaseComponent","BaseComponentState","WmWebviewProps","DEFAULT_CLASS","WmWebViewState","WmWebview","constructor","props","webview","webViewState","canGoBack","goBack","event","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","e","title","url","updateState","src","hideMode","DONOT_ADD_TO_DOM","addEventListener","handleBackButtonPress","componentWillUnmount","removeEventListener","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","replace","JSON","parse","getTitle","iframe","currentTarget","contentWindow","document","renderWidget","styles","root","_background","OS","onLoad","ref","uri","incognito","onMessage","state"],"sources":["webview.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler, Platform, View } from 'react-native';\nimport { WebView, WebViewNavigation, WebViewMessageEvent } from 'react-native-webview';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWebviewProps from './webview.props';\nimport { DEFAULT_CLASS, WebviewStyles } from './webview.styles';\n\nclass WmWebViewState extends BaseComponentState<WmWebviewProps> {\n\n}\n\nexport default class WmWebview extends BaseComponent<WmWebviewProps, WmWebViewState, WebviewStyles> {\n\n  private webview: WebView | null = null as any;\n  private webViewState: WebViewNavigation = null as any;\n  private invokeJSCallbacks = {} as any;\n\n  constructor(props: WmWebviewProps) {\n    super(props, DEFAULT_CLASS, new WmWebviewProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  handleBackButtonPress = (): boolean => {\n    if (this.webview && this.webViewState && this.webViewState.canGoBack) {\n      this.webview.goBack();\n      return true;\n    }\n    return false;\n  }\n\n  executeScript(fn: string) {\n    return new Promise((resolve, reject) => {\n      if (this.webview) {\n        const id = '' + Date.now();\n        this.invokeJSCallbacks[id] = resolve;\n        fn = `\n         (function(){\n          try{\n            return (${fn});\n          } catch(e) {\n            return e.getMessage();\n          }\n         }())\n        `;\n        this.webview.injectJavaScript(\n          `window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`\n        );\n      } else {\n        reject();\n      }\n    });\n  }\n\n  insertCSS(style = '') {\n    style = style.replace(/[\\n\\t\\r]/g, '');\n    return this.executeScript(`\n    function() {\n      const style = document.createElement('style');\n      style.innerHTML = '${style}';\n      document.head.appendChild(style);\n      return 'SUCCESS';\n    }()\n    `);\n  }\n\n  parseResult(result: string) {\n    try {\n      return JSON.parse(result);\n    } catch(e) {\n      if (result === 'undefined' || result === 'null') {\n        return null;\n      }\n      return result;\n    }\n  }\n\n  onMessage = (event: WebViewMessageEvent) => {\n    const data: string = event.nativeEvent?.data;\n    if (data && data.startsWith('afterInjectJavaScript')) {\n      const id = data?.match(/\\:([0-9]+)\\:/);\n      const callback = id && this.invokeJSCallbacks[id[1]];\n      const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);\n      callback && callback(this.parseResult(result));\n    } else {\n      this.invokeEventCallback('onMessage', [event, this]);\n    }\n  }\n\n  getTitle(iframe: any) {\n    try {\n      return iframe.currentTarget.contentWindow.document.title;\n    } catch(e) {\n      // browser blocks cross origin access to iframe content.\n    }\n  }\n\n  public onLoad = (e: any, title: string, url: string) => {\n    this.updateState({\n      props: {\n        title: title,\n        src: url\n      }\n    } as WmWebViewState, () => {\n      this.invokeEventCallback('onLoad', [e, this]);\n    });\n  }\n\n  protected renderWidget(props: WmWebviewProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {Platform.OS === 'web' ?\n          (<iframe src={props.src} width={'100%'} height={'100%'}\n            onLoad={(e) => this.onLoad(e, this.getTitle(e.currentTarget), (e.currentTarget as any).src)}></iframe>) :\n          (<WebView\n            ref={(ref) => this.webview = ref}\n            nestedScrollEnabled={true}\n            style={this.styles.webview}\n            source={{\n              uri: props.src\n            }}\n            incognito={props.incognito}\n            onMessage={this.onMessage}\n            sharedCookiesEnabled={true}\n            onNavigationStateChange={(state) => {\n              this.webViewState = state;\n            }}\n            scrollEnabled={true}\n            onLoadEnd={(e) => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)}>\n          </WebView>)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/anchor/anchor.component.js

@@ -60,7 +60,7 @@ export default class WmAnchor extends BaseComponent {
         flexDirection: props.iconposition === 'top' ? 'column' : 'row'
       }],
       onTap: props.hyperlink || props.onTap ? e => this.onTap(navigationService, e) : undefined
-    }, props.iconposition === 'top' && icon, props.iconposition === 'left' && icon, props.caption ? /*#__PURE__*/React.createElement(Text, {
+    }, this._background, props.iconposition === 'top' && icon, props.iconposition === 'left' && icon, props.caption ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.text
     }, props.caption) : null, props.iconposition === 'right' && icon, badge)));
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","icon","text","color","name","iconclass","badge","badgevalue","undefined","animation","justifyContent","flexDirection","iconposition","caption"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TapEvent, Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: TapEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmAnchorProps) {\n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n    const icon = (<WmIcon\n      styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>);\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}>\n            <Tappable styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: TapEvent) => this.onTap(navigationService, e) : undefined}>\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.caption ? (<Text style={this.styles.text}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","icon","text","color","name","iconclass","badge","badgevalue","undefined","animation","justifyContent","flexDirection","iconposition","_background","caption"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TapEvent, Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: TapEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmAnchorProps) {\n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n    const icon = (<WmIcon\n      styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>);\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}>\n            <Tappable styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: TapEvent) => this.onTap(navigationService, e) : undefined}>\n              {this._background}\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.caption ? (<Text style={this.styles.text}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/button/button.component.js

@@ -38,7 +38,7 @@ export default class WmButton extends BaseComponent {
     return /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(Tappable, {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this
     }, /*#__PURE__*/React.createElement(View, {
       style: [this.styles.content, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmButtonState","WmButton","constructor","props","prepareIcon","styles","icon","name","iconclass","iconsize","prepareBadge","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","animation","content","flexDirection","iconposition","text","caption"],"sources":["button.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 { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon(props: any) {\n    return (<WmIcon\n      styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass} iconsize={props.iconsize}></WmIcon>);\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        <Tappable target={this}>\n          <View style={[this.styles.content, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            <Text style={this.styles.text}>{props.caption}</Text>\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n            {props.badgevalue && this.prepareBadge(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,OAAO,MAAMC,aAAa,SAASR,kBAAkB,CAAgB;AAIrE,eAAe,MAAMS,QAAQ,SAASV,aAAa,CAA+C;EAEhGW,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,aAAa,EAAE,CAAC;EAClD;EAEQS,WAAW,CAACD,KAAU,EAAE;IAC9B,oBAAQ,oBAAC,MAAM;MACb,MAAM,EAAE,IAAI,CAACE,MAAM,CAACC,IAAK;MAAC,IAAI,EAAEH,KAAK,CAACI,IAAI,GAAG,OAAQ;MAAC,SAAS,EAAEJ,KAAK,CAACK,SAAU;MAAC,QAAQ,EAAEL,KAAK,CAACM;IAAS,EAAU;EACzH;EAEQC,YAAY,CAACP,KAAU,EAAE;IAC/B;IACA,oBAAQ,oBAAC,KAAK;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACM;IAAM,GAAER,KAAK,CAACS,UAAU,CAAS;EACrE;EAEOC,cAAc,CAACC,IAAmB,EAAE;IACzC,OAAOf,cAAc,CAAC,IAAI,CAACgB,KAAK,EAAE,IAAI,CAACV,MAAM,CAACW,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACX,MAAM,CAACY,IAAI;MACnBC,KAAK,EAAE,IAAI,CAACf,KAAK,CAACgB,aAAa,IAAI,IAAI,CAACd,MAAM,CAACY,IAAI,CAACC,KAAK;MACzDE,MAAM,EAAE,IAAI,CAACjB,KAAK,CAACkB,cAAc,IAAI,IAAI,CAAChB,MAAM,CAACY,IAAI,CAACG;IACxD,CAAC,CAAC;EACJ;EAEAE,YAAY,CAACnB,KAAoB,EAAE;IACjC,oBACE,oBAAC,YAAY;MAAC,cAAc,EAAEA,KAAK,CAACoB,SAAU;MAAC,KAAK,EAAE,IAAI,CAAClB,MAAM,CAACY;IAAK,gBACrE,oBAAC,QAAQ;MAAC,MAAM,EAAE;IAAK,gBACrB,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC,IAAI,CAACZ,MAAM,CAACmB,OAAO,EAAE;QAACC,aAAa,EAAEtB,KAAK,CAACuB,YAAY,KAAK,KAAK,GAAG,QAAQ,GAAE;MAAK,CAAC;IAAE,GACjGvB,KAAK,CAACuB,YAAY,KAAK,KAAK,IAAI,IAAI,CAACtB,WAAW,CAACD,KAAK,CAAC,EACvDA,KAAK,CAACuB,YAAY,KAAK,MAAM,IAAI,IAAI,CAACtB,WAAW,CAACD,KAAK,CAAC,eACzD,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACsB;IAAK,GAAExB,KAAK,CAACyB,OAAO,CAAQ,EACpDzB,KAAK,CAACuB,YAAY,KAAK,OAAO,IAAI,IAAI,CAACtB,WAAW,CAACD,KAAK,CAAC,EACzDA,KAAK,CAACS,UAAU,IAAI,IAAI,CAACF,YAAY,CAACP,KAAK,CAAC,CACxC,CACE,CACE;EAEnB;AACF"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmButtonState","WmButton","constructor","props","prepareIcon","styles","icon","name","iconclass","iconsize","prepareBadge","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","animation","_background","content","flexDirection","iconposition","text","caption"],"sources":["button.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 { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon(props: any) {\n    return (<WmIcon\n      styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass} iconsize={props.iconsize}></WmIcon>);\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        {this._background}\n        <Tappable target={this}>\n          <View style={[this.styles.content, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            <Text style={this.styles.text}>{props.caption}</Text>\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n            {props.badgevalue && this.prepareBadge(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,OAAO,MAAMC,aAAa,SAASR,kBAAkB,CAAgB;AAIrE,eAAe,MAAMS,QAAQ,SAASV,aAAa,CAA+C;EAEhGW,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,aAAa,EAAE,CAAC;EAClD;EAEQS,WAAW,CAACD,KAAU,EAAE;IAC9B,oBAAQ,oBAAC,MAAM;MACb,MAAM,EAAE,IAAI,CAACE,MAAM,CAACC,IAAK;MAAC,IAAI,EAAEH,KAAK,CAACI,IAAI,GAAG,OAAQ;MAAC,SAAS,EAAEJ,KAAK,CAACK,SAAU;MAAC,QAAQ,EAAEL,KAAK,CAACM;IAAS,EAAU;EACzH;EAEQC,YAAY,CAACP,KAAU,EAAE;IAC/B;IACA,oBAAQ,oBAAC,KAAK;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACM;IAAM,GAAER,KAAK,CAACS,UAAU,CAAS;EACrE;EAEOC,cAAc,CAACC,IAAmB,EAAE;IACzC,OAAOf,cAAc,CAAC,IAAI,CAACgB,KAAK,EAAE,IAAI,CAACV,MAAM,CAACW,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACX,MAAM,CAACY,IAAI;MACnBC,KAAK,EAAE,IAAI,CAACf,KAAK,CAACgB,aAAa,IAAI,IAAI,CAACd,MAAM,CAACY,IAAI,CAACC,KAAK;MACzDE,MAAM,EAAE,IAAI,CAACjB,KAAK,CAACkB,cAAc,IAAI,IAAI,CAAChB,MAAM,CAACY,IAAI,CAACG;IACxD,CAAC,CAAC;EACJ;EAEAE,YAAY,CAACnB,KAAoB,EAAE;IACjC,oBACE,oBAAC,YAAY;MAAC,cAAc,EAAEA,KAAK,CAACoB,SAAU;MAAC,KAAK,EAAE,IAAI,CAAClB,MAAM,CAACY;IAAK,GACpE,IAAI,CAACO,WAAW,eACjB,oBAAC,QAAQ;MAAC,MAAM,EAAE;IAAK,gBACrB,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC,IAAI,CAACnB,MAAM,CAACoB,OAAO,EAAE;QAACC,aAAa,EAAEvB,KAAK,CAACwB,YAAY,KAAK,KAAK,GAAG,QAAQ,GAAE;MAAK,CAAC;IAAE,GACjGxB,KAAK,CAACwB,YAAY,KAAK,KAAK,IAAI,IAAI,CAACvB,WAAW,CAACD,KAAK,CAAC,EACvDA,KAAK,CAACwB,YAAY,KAAK,MAAM,IAAI,IAAI,CAACvB,WAAW,CAACD,KAAK,CAAC,eACzD,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACuB;IAAK,GAAEzB,KAAK,CAAC0B,OAAO,CAAQ,EACpD1B,KAAK,CAACwB,YAAY,KAAK,OAAO,IAAI,IAAI,CAACvB,WAAW,CAACD,KAAK,CAAC,EACzDA,KAAK,CAACS,UAAU,IAAI,IAAI,CAACF,YAAY,CAACP,KAAK,CAAC,CACxC,CACE,CACE;EAEnB;AACF"}

app-rn-runtime/components/basic/buttongroup/buttongroup.component.js

@@ -21,7 +21,7 @@ export default class WmButtongroup extends BaseComponent {
       style: [this.styles.root, {
         flexDirection: props.vertical ? 'column' : 'row'
       }]
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=buttongroup.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmButtongroupProps","DEFAULT_CLASS","createSkeleton","WmButtongroupState","WmButtongroup","constructor","props","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","flexDirection","vertical","children"],"sources":["buttongroup.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 WmButtongroupProps from './buttongroup.props';\nimport { DEFAULT_CLASS, WmButtongroupStyles } from './buttongroup.styles';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmButtongroupState extends BaseComponentState<WmButtongroupProps> {}\n\nexport default class WmButtongroup extends BaseComponent<WmButtongroupProps, WmButtongroupState, WmButtongroupStyles> {\n\n  constructor(props: WmButtongroupProps) {\n    super(props, DEFAULT_CLASS, new WmButtongroupProps());\n  }\n\n  public renderSkeleton(props: WmButtongroupProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmButtongroupProps) {\n    return (\n      <View style={[this.styles.root, {flexDirection: props.vertical ? 'column': 'row'}]}>\n        {props.children}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,qBAAqB;AACpD,SAASC,aAAa,QAA6B,sBAAsB;AACzE,SAAqBC,cAAc,QAAQ,gCAAgC;AAE3E,OAAO,MAAMC,kBAAkB,SAASJ,kBAAkB,CAAqB;AAE/E,eAAe,MAAMK,aAAa,SAASN,aAAa,CAA8D;EAEpHO,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEOO,cAAc,CAACD,KAAyB,EAAC;IAC9C,OAAOJ,cAAc,CAAC,IAAI,CAACM,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAE,IAAI,CAACN,KAAK,CAACO,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAK;MACzDE,MAAM,EAAE,IAAI,CAACR,KAAK,CAACS,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACxD,CAAC,CAAC;EACJ;EAEAE,YAAY,CAACV,KAAyB,EAAE;IACtC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC,IAAI,CAACG,MAAM,CAACE,IAAI,EAAE;QAACM,aAAa,EAAEX,KAAK,CAACY,QAAQ,GAAG,QAAQ,GAAE;MAAK,CAAC;IAAE,GAChFZ,KAAK,CAACa,QAAQ,CACV;EAEX;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmButtongroupProps","DEFAULT_CLASS","createSkeleton","WmButtongroupState","WmButtongroup","constructor","props","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","flexDirection","vertical","_background","children"],"sources":["buttongroup.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 WmButtongroupProps from './buttongroup.props';\nimport { DEFAULT_CLASS, WmButtongroupStyles } from './buttongroup.styles';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmButtongroupState extends BaseComponentState<WmButtongroupProps> {}\n\nexport default class WmButtongroup extends BaseComponent<WmButtongroupProps, WmButtongroupState, WmButtongroupStyles> {\n\n  constructor(props: WmButtongroupProps) {\n    super(props, DEFAULT_CLASS, new WmButtongroupProps());\n  }\n\n  public renderSkeleton(props: WmButtongroupProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmButtongroupProps) {\n    return (\n      <View style={[this.styles.root, {flexDirection: props.vertical ? 'column': 'row'}]}>\n        {this._background}\n        {props.children}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,qBAAqB;AACpD,SAASC,aAAa,QAA6B,sBAAsB;AACzE,SAAqBC,cAAc,QAAQ,gCAAgC;AAE3E,OAAO,MAAMC,kBAAkB,SAASJ,kBAAkB,CAAqB;AAE/E,eAAe,MAAMK,aAAa,SAASN,aAAa,CAA8D;EAEpHO,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEOO,cAAc,CAACD,KAAyB,EAAC;IAC9C,OAAOJ,cAAc,CAAC,IAAI,CAACM,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAE,IAAI,CAACN,KAAK,CAACO,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAK;MACzDE,MAAM,EAAE,IAAI,CAACR,KAAK,CAACS,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACxD,CAAC,CAAC;EACJ;EAEAE,YAAY,CAACV,KAAyB,EAAE;IACtC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,CAAC,IAAI,CAACG,MAAM,CAACE,IAAI,EAAE;QAACM,aAAa,EAAEX,KAAK,CAACY,QAAQ,GAAG,QAAQ,GAAE;MAAK,CAAC;IAAE,GAChF,IAAI,CAACC,WAAW,EAChBb,KAAK,CAACc,QAAQ,CACV;EAEX;AACF"}

app-rn-runtime/components/basic/custom/custom.component.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmCustomProps from './custom.props';
+import { DEFAULT_CLASS } from './custom.styles';
+import { View } from 'react-native';
+import { createSkeleton } from '../skeleton/skeleton.component';
+export class WmCustomState extends BaseComponentState {}
+export default class WmCustom extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCustomProps(), new WmCustomState());
+  }
+  renderSkeleton(prop) {
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: this.props.skeletonwidth || this.styles.root.width,
+      height: this.props.skeletonheight || this.styles.root.height
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, props.renderview(props));
+  }
+}
+//# sourceMappingURL=custom.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmCustomProps","DEFAULT_CLASS","View","createSkeleton","WmCustomState","WmCustom","constructor","props","renderSkeleton","prop","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","renderview"],"sources":["custom.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCustomProps from './custom.props';\nimport { DEFAULT_CLASS, WmCustomStyles } from './custom.styles';\nimport { Text, View } from 'react-native';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\n\nexport class WmCustomState extends BaseComponentState<WmCustomProps> { }\n\nexport default class WmCustom extends BaseComponent<WmCustomProps, WmCustomState, WmCustomStyles> {\n\n  constructor(props: WmCustomProps) {\n    super(props, DEFAULT_CLASS, new WmCustomProps(), new WmCustomState());\n  }\n\n  public renderSkeleton(prop: WmCustomProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmCustomProps) {\n    return (\n      <View style={this.styles.root}>\n        {props.renderview(props)}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,cAAc,QAAQ,gCAAgC;AAG/D,OAAO,MAAMC,aAAa,SAASL,kBAAkB,CAAgB;AAErE,eAAe,MAAMM,QAAQ,SAASP,aAAa,CAA+C;EAEhGQ,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,EAAE,EAAE,IAAII,aAAa,EAAE,CAAC;EACvE;EAEOI,cAAc,CAACC,IAAmB,EAAE;IACzC,OAAON,cAAc,CAAC,IAAI,CAACO,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAE,IAAI,CAACP,KAAK,CAACQ,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAK;MACzDE,MAAM,EAAE,IAAI,CAACT,KAAK,CAACU,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACxD,CAAC,CAAC;EACJ;EAEAE,YAAY,CAACX,KAAoB,EAAE;IACjC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACI,MAAM,CAACE;IAAK,GAC3BN,KAAK,CAACY,UAAU,CAACZ,KAAK,CAAC,CACnB;EAEX;AACF"}

app-rn-runtime/components/basic/custom/custom.props.js

@@ -0,0 +1,16 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCustomProps extends BaseProps {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "renderview", () => {
+      return null;
+    });
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+  }
+}
+//# sourceMappingURL=custom.props.js.map

app-rn-runtime/components/basic/custom/custom.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCustomProps"],"sources":["custom.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCustomProps extends BaseProps {\n    renderview:Function = () => {return null};\n    children? = null as any;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,oCAC3B,MAAM;MAAC,OAAO,IAAI;IAAA,CAAC;IAAA,kCAC7B,IAAI;IAAA,wCACU,IAAI;IAAA,uCACL,IAAI;EAAA;AACjC"}

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

@@ -0,0 +1,18 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-custom';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    skeleton: {
+      root: {
+        width: 96,
+        height: 48,
+        borderRadius: 4
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=custom.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","skeleton","width","height","borderRadius"],"sources":["custom.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\n\nexport type WmCustomStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles;\n}\n\nexport const DEFAULT_CLASS = 'app-custom';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmCustomStyles>({\n        root: {},\n        text: {},\n        skeleton: {\n            root: {\n              width: 96,\n              height: 48,\n              borderRadius: 4\n            }\n          } as WmSkeletonStyles\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAiB;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNF,IAAI,EAAE;QACJG,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF;EACN,CAAC,CAAC;EACFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/basic/icon/icon.component.js

@@ -184,7 +184,7 @@ export default class WmIcon extends BaseComponent {
     }, /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
-    }, props.iconposition === 'left' && icon || null, props.caption && /*#__PURE__*/React.createElement(Text, {
+    }, this._background, props.iconposition === 'left' && icon || null, props.caption && /*#__PURE__*/React.createElement(Text, {
       style: this.styles.text
     }, props.caption) || null, props.iconposition === 'right' && icon || null));
   }