@wavemaker/app-rn-runtime 12.0.0-next.45104 → 12.0.0-next.45128

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","View","Slider","isString","Audio","BaseComponent","BaseComponentState","WmAudioProps","DEFAULT_CLASS","WmIcon","isWebPreviewMode","WmAudioState","constructor","args","_defineProperty","WmAudio","props","onPropertyChange","name","$new","$old","initialized","Promise","resolve","then","_this$sound","sound","unloadAsync","onSeekChange","state","playing","autoplay","play","getSource","source","loadAsset","mp3format","uri","addPadding","str","maxLen","pad","length","formatTime","v","t","mins","Math","floor","seconds","round","setTimer","cancelTimer","timer","setInterval","currentTime","totalTime","loop","replay","stop","setState","max","offsetTime","clearInterval","_this$sound2","pause","updateState","replayAsync","loading","playAsync","Sound","createAsync","isMuted","muted","res","getStatusAsync","status","catch","_this$sound3","pauseAsync","mute","setStatusAsync","unmute","time","_this$sound4","setPositionAsync","componentDidMount","setTimeout","componentWillUnmount","renderWidget","controls","createElement","style","styles","root","_background","id","getTestId","playIcon","iconclass","onTap","pauseIcon","text","testID","step","flex","value","disabled","onValueChange","bind","minimumValue","inverted","isRTL","OS","maximumValue","thumbTintColor","slider","thumb","backgroundColor","minimumTrackTintColor","minimumTrack","maximumTrackTintColor","maximumTrack","muteIcon","unmuteIcon"],"sources":["audio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\nimport { isString } from 'lodash-es';\nimport { Audio } from 'expo-av';\nimport { Sound } from 'expo-av/build/Audio';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAudioProps from './audio.props';\nimport { DEFAULT_CLASS, WmAudioStyles } from './audio.styles';\nimport WmIcon from '../icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmAudioState extends BaseComponentState<WmAudioProps> {\n  playing = false;\n  currentTime = 0;\n  totalTime = 0;\n}\n\nexport default class WmAudio extends BaseComponent<WmAudioProps, WmAudioState, WmAudioStyles> {\n\n  private loading = false;\n  private sound: Sound = null as any;\n  private timer: any;\n  private offsetTime = 0;\n\n  constructor(props: WmAudioProps) {\n    super(props, DEFAULT_CLASS, new WmAudioProps(), new WmAudioState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'mp3format': {\n          if (this.initialized) {\n            Promise.resolve()\n              .then(() => this.sound?.unloadAsync())\n              .then(() => {\n                this.sound = null as any;\n                this.onSeekChange(0);\n                if (this.state.playing \n                  || this.state.props.autoplay) {\n                  this.play();\n                }\n              });\n          }\n        }\n        break;\n        case 'autoplay':\n          if (this.initialized && $new) {\n            this.play();\n          }\n      }\n  }\n\n  getSource() {\n    const source = this.loadAsset \n      && this.state.props.mp3format\n      && this.loadAsset(this.state.props.mp3format as string);\n    if (isString(source)) {\n      return {\n        uri: source\n      };\n    }\n    return source;\n  }\n\n  addPadding(str: string, maxLen: number,  pad = '0'): string {\n    if (str.length < maxLen) {\n      return this.addPadding(pad + str, maxLen, pad);\n    }\n    return str;\n  }\n\n  formatTime(v: number) {\n    const t = v/60;\n    const mins =  Math.floor(t);\n    const seconds = Math.round((t - mins) * 60);\n    return this.addPadding(mins+ '', 2) + ':' + this.addPadding(seconds+ '', 2);\n  }\n\n  setTimer() {\n    this.cancelTimer();\n    this.timer = setInterval(() => {\n      if (this.state.currentTime >= this.state.totalTime) {\n        if (this.state.props.loop) {\n          this.replay();\n        } else {\n          this.stop();\n        }\n        return;\n      }\n      this.setState({\n        currentTime:  Math.max(this.offsetTime + this.state.currentTime + 1, 0)\n      } as WmAudioState);\n      this.offsetTime = 0;\n    }, 1000);\n  }\n\n  cancelTimer() {\n    clearInterval(this.timer);\n  }\n\n  stop() {\n    this.pause();\n    this.sound?.unloadAsync();\n    this.sound = null as any;\n    this.cancelTimer();\n    this.offsetTime = 0;\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState);\n  }\n\n  replay() {\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState, () => {\n      this.sound.replayAsync();\n    });\n  }\n\n  play() {\n    if (isWebPreviewMode() \n      || this.loading\n      || (this.state.playing && this.sound)) {\n      return;\n    }\n    if (this.sound) {\n      this.sound.playAsync();\n      this.setTimer();\n      this.updateState({\n        playing: true\n      } as WmAudioState);\n    } else {\n      this.loading = true;\n      const source = this.getSource();\n      source && Audio.Sound.createAsync(source, {\n        isMuted: this.state.props.muted\n      })\n        .then((res) => {\n          this.sound = res.sound;\n          this.sound.playAsync();\n          this.sound.getStatusAsync().then((status: any) => {\n            this.updateState({\n              currentTime: 0,\n              totalTime: Math.round(status['durationMillis']/1000)\n            } as WmAudioState, () => this.setTimer());\n          });\n          this.updateState({\n            playing: true\n          } as WmAudioState);\n        }).catch(() => {}).then(() => {\n          this.loading = false;\n        });\n    }\n  }\n\n  pause() {\n    this.cancelTimer();\n    this.sound?.pauseAsync().then(() => {\n      this.updateState({\n        playing: false\n      } as WmAudioState);\n    })\n  }\n\n  mute() {\n    this.sound.setStatusAsync({\n      isMuted: true\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: true\n        }\n      } as WmAudioState);\n    });\n  }\n\n  unmute() {\n    this.sound.setStatusAsync({\n      isMuted: false\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: false\n        }\n      } as WmAudioState);\n    });\n  }\n\n  onSeekChange(time: number) {\n    if (time !== this.state.currentTime) {\n      this.offsetTime = time - this.state.currentTime;\n      this.sound?.setPositionAsync(time * 1000);\n    }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    //without settimeout, app is crashing with errors\n    setTimeout(() => {\n      if (this.state.props.autoplay) {\n        this.play();\n      }\n    }, 1000);\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    this.stop();\n  }\n\n  renderWidget(props: WmAudioProps) {\n    return props.controls ? (\n      <View style={this.styles.root}>\n        {this._background}\n        {!this.state.playing ? (<WmIcon \n          id={this.getTestId('play')}\n          name={props.name + \"_play\"}\n          styles={this.styles.playIcon}\n          iconclass=\"wi wi-play-arrow fa-2x\"\n          onTap={() => this.play()}></WmIcon>) : (\n        <WmIcon name={props.name + \"_pause\"}\n          id={this.getTestId('pause')}\n          iconclass=\"wi wi-pause fa-2x\"\n          styles={this.styles.pauseIcon}\n          onTap={() => this.pause()}></WmIcon>)}\n        <Text style={this.styles.text}>\n          {`${this.formatTime(this.state.currentTime)} / ${this.formatTime(this.state.totalTime)}`}\n        </Text>\n        <Slider\n          testID={this.getTestId('slider')}\n          step={1}\n          style={{flex: 1}}\n          value={this.state.currentTime}\n          disabled={isWebPreviewMode()}\n          onValueChange={this.onSeekChange.bind(this)}\n          minimumValue={0}\n          inverted={this.isRTL && (Platform.OS==\"android\" || Platform.OS==\"web\")}\n          maximumValue={this.state.totalTime || 1}\n          thumbTintColor={this.styles.slider.thumb.backgroundColor as string}\n          minimumTrackTintColor={this.styles.slider.minimumTrack.backgroundColor as string}\n          maximumTrackTintColor={this.styles.slider.maximumTrack.backgroundColor as string}\n        />\n        {!props.muted ? (<WmIcon name={props.name + \"_mute\"}\n          id={this.getTestId('mute')}\n          iconclass=\"wi wi-volume-up fa-2x\"\n          styles={this.styles.muteIcon}\n          onTap={() => this.mute()}></WmIcon>) :\n        (<WmIcon name={props.name + \"_unmute\"}\n          id={this.getTestId('unmute')}\n          iconclass=\"wi wi-volume-off fa-2x\"\n          styles={this.styles.unmuteIcon}\n          onTap={() => this.unmute()}></WmIcon>)}\n      </View>) : null; \n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","Text","View","Slider","isString","Audio","BaseComponent","BaseComponentState","WmAudioProps","DEFAULT_CLASS","WmIcon","isWebPreviewMode","WmAudioState","constructor","args","_defineProperty","WmAudio","props","onPropertyChange","name","$new","$old","initialized","Promise","resolve","then","_this$sound","sound","unloadAsync","onSeekChange","state","playing","autoplay","play","getSource","source","loadAsset","mp3format","uri","addPadding","str","maxLen","pad","length","formatTime","v","t","mins","Math","floor","seconds","round","setTimer","cancelTimer","timer","setInterval","currentTime","totalTime","loop","replay","stop","setState","max","offsetTime","clearInterval","_this$sound2","pause","updateState","replayAsync","loading","playAsync","Sound","createAsync","isMuted","muted","res","getStatusAsync","status","catch","_this$sound3","pauseAsync","mute","setStatusAsync","unmute","time","_this$sound4","setPositionAsync","componentDidMount","setTimeout","componentWillUnmount","renderWidget","controls","createElement","style","styles","root","_background","id","getTestId","playIcon","iconclass","onTap","pauseIcon","text","testID","step","flex","value","disabled","onValueChange","bind","minimumValue","inverted","isRTL","OS","maximumValue","thumbTintColor","slider","thumb","backgroundColor","minimumTrackTintColor","minimumTrack","maximumTrackTintColor","maximumTrack","muteIcon","unmuteIcon"],"sources":["audio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\nimport { isString } from 'lodash-es';\nimport { Audio } from 'expo-av';\nimport { Sound } from 'expo-av/build/Audio';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAudioProps from './audio.props';\nimport { DEFAULT_CLASS, WmAudioStyles } from './audio.styles';\nimport WmIcon from '../icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmAudioState extends BaseComponentState<WmAudioProps> {\n  playing = false;\n  currentTime = 0;\n  totalTime = 0;\n}\n\nexport default class WmAudio extends BaseComponent<WmAudioProps, WmAudioState, WmAudioStyles> {\n\n  private loading = false;\n  private sound: Sound = null as any;\n  private timer: any;\n  private offsetTime = 0;\n\n  constructor(props: WmAudioProps) {\n    super(props, DEFAULT_CLASS, new WmAudioProps(), new WmAudioState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'mp3format': {\n          if (this.initialized) {\n            Promise.resolve()\n              .then(() => this.sound?.unloadAsync())\n              .then(() => {\n                this.sound = null as any;\n                this.onSeekChange(0);\n                if (this.state.playing \n                  || this.state.props.autoplay) {\n                  this.play();\n                }\n              });\n          }\n        }\n        break;\n        case 'autoplay':\n          if (this.initialized && $new) {\n            this.play();\n          }\n      }\n  }\n\n  getSource() {\n    const source = this.loadAsset \n      && this.state.props.mp3format\n      && this.loadAsset(this.state.props.mp3format as string);\n    if (isString(source)) {\n      return {\n        uri: source\n      };\n    }\n    return source;\n  }\n\n  addPadding(str: string, maxLen: number,  pad = '0'): string {\n    if (str.length < maxLen) {\n      return this.addPadding(pad + str, maxLen, pad);\n    }\n    return str;\n  }\n\n  formatTime(v: number) {\n    const t = v/60;\n    const mins =  Math.floor(t);\n    const seconds = Math.round((t - mins) * 60);\n    return this.addPadding(mins+ '', 2) + ':' + this.addPadding(seconds+ '', 2);\n  }\n\n  setTimer() {\n    this.cancelTimer();\n    this.timer = setInterval(() => {\n      if (this.state.currentTime >= this.state.totalTime) {\n        if (this.state.props.loop) {\n          this.replay();\n        } else {\n          this.stop();\n        }\n        return;\n      }\n      this.setState({\n        currentTime:  Math.max(this.offsetTime + this.state.currentTime + 1, 0)\n      } as WmAudioState);\n      this.offsetTime = 0;\n    }, 1000);\n  }\n\n  cancelTimer() {\n    clearInterval(this.timer);\n  }\n\n  stop() {\n    this.pause();\n    this.sound?.unloadAsync();\n    this.sound = null as any;\n    this.cancelTimer();\n    this.offsetTime = 0;\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState);\n  }\n\n  replay() {\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState, () => {\n      this.sound.replayAsync();\n    });\n  }\n\n  play() {\n    if (isWebPreviewMode() \n      || this.loading\n      || (this.state.playing && this.sound)) {\n      return;\n    }\n    if (this.sound) {\n      this.sound.playAsync();\n      this.setTimer();\n      this.updateState({\n        playing: true\n      } as WmAudioState);\n    } else {\n      this.loading = true;\n      const source = this.getSource();\n      source && Audio.Sound.createAsync(source, {\n        isMuted: this.state.props.muted\n      })\n        .then((res) => {\n          this.sound = res.sound;\n          this.sound.playAsync();\n          this.sound.getStatusAsync().then((status: any) => {\n            this.updateState({\n              currentTime: 0,\n              totalTime: Math.round(status['durationMillis']/1000)\n            } as WmAudioState, () => this.setTimer());\n          });\n          this.updateState({\n            playing: true\n          } as WmAudioState);\n        }).catch(() => {}).then(() => {\n          this.loading = false;\n        });\n    }\n  }\n\n  pause() {\n    this.cancelTimer();\n    this.sound?.pauseAsync().then(() => {\n      this.updateState({\n        playing: false\n      } as WmAudioState);\n    })\n  }\n\n  mute() {\n    this.sound.setStatusAsync({\n      isMuted: true\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: true\n        }\n      } as WmAudioState);\n    });\n  }\n\n  unmute() {\n    this.sound.setStatusAsync({\n      isMuted: false\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: false\n        }\n      } as WmAudioState);\n    });\n  }\n\n  onSeekChange(time: number) {\n    if (time !== this.state.currentTime) {\n      this.offsetTime = time - this.state.currentTime;\n      this.sound?.setPositionAsync(time * 1000);\n    }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    //without settimeout, app is crashing with errors\n    setTimeout(() => {\n      if (this.state.props.autoplay) {\n        this.play();\n      }\n    }, 1000);\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    this.stop();\n  }\n\n  renderWidget(props: WmAudioProps) {\n    return props.controls ? (\n      <View style={this.styles.root}>\n        {this._background}\n        {!this.state.playing ? (<WmIcon \n          id={this.getTestId('play')}\n          name={props.name + \"_play\"}\n          styles={this.styles.playIcon}\n          iconclass=\"wi wi-play-arrow fa-2x\"\n          onTap={() => this.play()}></WmIcon>) : (\n        <WmIcon name={props.name + \"_pause\"}\n          id={this.getTestId('pause')}\n          iconclass=\"wi wi-pause fa-2x\"\n          styles={this.styles.pauseIcon}\n          onTap={() => this.pause()}></WmIcon>)}\n        <Text style={this.styles.text}>\n          {`${this.formatTime(this.state.currentTime)} / ${this.formatTime(this.state.totalTime)}`}\n        </Text>\n        <Slider\n          testID={this.getTestId('slider')}\n          step={1}\n          style={{flex: 1}}\n          value={this.state.currentTime}\n          disabled={isWebPreviewMode()}\n          onValueChange={this.onSeekChange.bind(this)}\n          minimumValue={0}\n          inverted={this.isRTL && (Platform.OS==\"android\" || Platform.OS==\"web\")}\n          maximumValue={this.state.totalTime || 1}\n          thumbTintColor={this.styles.slider.thumb.backgroundColor as string}\n          minimumTrackTintColor={this.styles.slider.minimumTrack.backgroundColor as string}\n          maximumTrackTintColor={this.styles.slider.maximumTrack.backgroundColor as string}\n        />\n        {!props.muted ? (<WmIcon name={props.name + \"_mute\"}\n          id={this.getTestId('mute')}\n          iconclass=\"wi wi-volume-up fa-2x\"\n          styles={this.styles.muteIcon}\n          onTap={() => this.mute()}></WmIcon>) :\n        (<WmIcon name={props.name + \"_unmute\"}\n          id={this.getTestId('unmute')}\n          iconclass=\"wi wi-volume-off fa-2x\"\n          styles={this.styles.unmuteIcon}\n          onTap={() => this.unmute()}></WmIcon>)}\n      </View>) : null; \n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -25,7 +25,8 @@ export default class WmButton extends BaseComponent {
     iconmargin,
     iconwidth
   }) {
-    return iconclass || iconurl ? /*#__PURE__*/React.createElement(WmIcon, _extends({}, this.getTestPropsForLabel('icon'), {
+    return iconclass || iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
       hint: hint,
       styles: this.styles.icon,
       name: `${name}_icon`,
@@ -35,19 +36,32 @@ export default class WmButton extends BaseComponent {
       iconheight: iconheight,
       iconmargin: iconmargin,
       iconwidth: iconwidth
-    })) : null;
+    }) : null;
   }
   prepareBadge(props) {
     //@ts-ignore
-    return /*#__PURE__*/React.createElement(Badge, {
+    return /*#__PURE__*/React.createElement(Badge, _extends({
       style: this.styles.badge
-    }, props.badgevalue);
+    }, this.getTestProps('badge')), props.badgevalue);
   }
   renderSkeleton(prop) {
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height);
+    }
     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
+      width: skeletonWidth,
+      height: skeletonHeight
     });
   }
   renderWidget(props) {

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","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","_extends","getTestPropsForLabel","styles","icon","prepareBadge","style","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","Fragment","entryanimation","animation","delay","animationdelay","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","flex","_background","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, 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';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          {...this.getTestPropsForLabel('icon')}\n          hint={hint}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n        />): null;\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)as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <>\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        style={[\n          this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: 'hidden',\n            flexDirection: 'column'\n          },\n          this.styles.root.height == \"100%\" ? {flex: 1}:{}\n        ]}\n        // accessibilityProps={{...getAccessibilityProps(\n        //   AccessibilityWidgetType.BUTTON,\n        //   props\n        // )}}\n        >\n        {this._background}\n        <Tappable\n          styles={{\n            paddingTop: this.styles.root.paddingTop,\n            paddingBottom: this.styles.root.paddingBottom,\n            paddingLeft: this.styles.root.paddingLeft,\n            paddingRight: this.styles.root.paddingRight,\n            width: '100%',\n            height: this.styles.root.height ? '100%' : null,\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n                // accessibilityLabel={`${props.caption}`}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n      {props.badgevalue && this.prepareBadge(props)}\n      </>\n    );\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzD,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;AAC/D,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAO,MAAMC,aAAa,SAASV,kBAAkB,CAAgB;AAIrE,eAAe,MAAMW,QAAQ,SAASZ,aAAa,CAA+C;EAEhGa,WAAWA,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;EAClD;EAEQW,WAAWA,CAAC;IAClBC,SAAS;IACTC,OAAO;IACPC,IAAI;IACJC,IAAI;IACJC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVC;EACG,CAAC,EAAE;IACN,OAAOP,SAAS,IAAIC,OAAO,gBACtBpB,KAAA,CAAA2B,aAAA,CAAClB,MAAM,EAAAmB,QAAA,KACF,IAAI,CAACC,oBAAoB,CAAC,MAAM,CAAC;MACrCR,IAAI,EAAEA,IAAK;MACXS,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,IAAK;MACzBT,IAAI,EAAG,GAAEA,IAAK,OAAO;MACrBH,SAAS,EAAEA,SAAU;MACrBI,QAAQ,EAAEA,QAAS;MACnBH,OAAO,EAAEA,OAAQ;MACjBI,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBC,SAAS,EAAEA;IAAU,EACtB,CAAC,GAAG,IAAI;EACf;EAEQM,YAAYA,CAACf,KAAU,EAAE;IAC/B;IACA,oBAAQjB,KAAA,CAAA2B,aAAA,CAACrB,KAAK;MAAC2B,KAAK,EAAE,IAAI,CAACH,MAAM,CAACI;IAAM,GAAEjB,KAAK,CAACkB,UAAkB,CAAC;EACrE;EAEOC,cAAcA,CAACC,IAAmB,EAAE;IACzC,OAAO1B,cAAc,CAAC,IAAI,CAAC2B,KAAK,EAAE,IAAI,CAACR,MAAM,CAACS,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACT,MAAM,CAACU,IAAI;MACnBC,KAAK,EAAG,IAAI,CAACxB,KAAK,CAACyB,aAAa,IAAI,IAAI,CAACZ,MAAM,CAACU,IAAI,CAACC,KAAuB;MAC5EE,MAAM,EAAG,IAAI,CAAC1B,KAAK,CAAC2B,cAAc,IAAI,IAAI,CAACd,MAAM,CAACU,IAAI,CAACG;IACzD,CAAC,CAAC;EACJ;EAEAE,YAAYA,CAAC5B,KAAoB,EAAE;IACjC,oBACEjB,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA8C,QAAA,qBACA9C,KAAA,CAAA2B,aAAA,CAACjB,YAAY;MAACqC,cAAc,EAAE9B,KAAK,CAAC+B,SAAU;MAACC,KAAK,EAAEhC,KAAK,CAACiC,cAAe;MACzEjB,KAAK,EAAE,CACL,IAAI,CAACH,MAAM,CAACU,IAAI,EAChB;QACEW,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE,CAAC;QACfC,QAAQ,EAAE,QAAQ;QAClBC,aAAa,EAAE;MACjB,CAAC,EACD,IAAI,CAAC1B,MAAM,CAACU,IAAI,CAACG,MAAM,IAAI,MAAM,GAAG;QAACc,IAAI,EAAE;MAAC,CAAC,GAAC,CAAC,CAAC;MAElD;MACA;MACA;MACA;IAAA,GAEC,IAAI,CAACC,WAAW,eACjB1D,KAAA,CAAA2B,aAAA,CAACtB,QAAQ,EAAAuB,QAAA;MACPE,MAAM,EAAE;QACNqB,UAAU,EAAE,IAAI,CAACrB,MAAM,CAACU,IAAI,CAACW,UAAU;QACvCC,aAAa,EAAE,IAAI,CAACtB,MAAM,CAACU,IAAI,CAACY,aAAa;QAC7CC,WAAW,EAAE,IAAI,CAACvB,MAAM,CAACU,IAAI,CAACa,WAAW;QACzCC,YAAY,EAAE,IAAI,CAACxB,MAAM,CAACU,IAAI,CAACc,YAAY;QAC3Cb,KAAK,EAAE,MAAM;QACbE,MAAM,EAAE,IAAI,CAACb,MAAM,CAACU,IAAI,CAACG,MAAM,GAAG,MAAM,GAAG,IAAI;QAC/CgB,cAAc,EAAE;MAClB,CAAE;MACFC,WAAW,EAAI,IAAI,CAAC9B,MAAM,CAACU,IAAI,CAACoB,WAAY;MAC5CC,MAAM,EAAE;IAAK,GACT,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAChCC,kBAAkB,EAAE;QAAC,GAAGlD,qBAAqB,CAC3CD,uBAAuB,CAACoD,MAAM,EAC9B/C,KACF;MAAC;IAAE,iBACHjB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;MACH+B,KAAK,EAAE,CACL,IAAI,CAACH,MAAM,CAACmC,OAAO,EACnB;QAAET,aAAa,EAAEvC,KAAK,CAACiD,YAAY,KAAK,KAAK,GAAG,QAAQ,GAAG;MAAM,CAAC;IAClE,GACDjD,KAAK,CAACiD,YAAY,KAAK,KAAK,IAAI,IAAI,CAAChD,WAAW,CAACD,KAAK,CAAC,EACvDA,KAAK,CAACiD,YAAY,KAAK,MAAM,IAAI,IAAI,CAAChD,WAAW,CAACD,KAAK,CAAC,EACxDA,KAAK,CAACkD,OAAO,gBACZnE,KAAA,CAAA2B,aAAA,CAAC1B,IAAI,EAAA2B,QAAA;MACHK,KAAK,EAAE,IAAI,CAACH,MAAM,CAACsC;IAAK,GACpB,IAAI,CAACvC,oBAAoB,CAAC,SAAS,CAAC;MACxCwC,yBAAyB,EAAE;MAC3B;IAAA,IAECpD,KAAK,CAACkD,OACH,CAAC,GACL,IAAI,EACPlD,KAAK,CAACiD,YAAY,KAAK,OAAO,IAAI,IAAI,CAAChD,WAAW,CAACD,KAAK,CACrD,CACE,CACE,CAAC,EACdA,KAAK,CAACkB,UAAU,IAAI,IAAI,CAACH,YAAY,CAACf,KAAK,CAC1C,CAAC;EAEP;AACF","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","styles","icon","prepareBadge","_extends","style","badge","getTestProps","badgevalue","renderSkeleton","prop","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","Fragment","entryanimation","animation","delay","animationdelay","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","flex","_background","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","getTestPropsForLabel","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, 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';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          id={this.getTestId('icon')}\n          hint={hint}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge} {...this.getTestProps('badge')}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n    \n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <>\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        style={[\n          this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: 'hidden',\n            flexDirection: 'column'\n          },\n          this.styles.root.height == \"100%\" ? {flex: 1}:{}\n        ]}\n        // accessibilityProps={{...getAccessibilityProps(\n        //   AccessibilityWidgetType.BUTTON,\n        //   props\n        // )}}\n        >\n        {this._background}\n        <Tappable\n          styles={{\n            paddingTop: this.styles.root.paddingTop,\n            paddingBottom: this.styles.root.paddingBottom,\n            paddingLeft: this.styles.root.paddingLeft,\n            paddingRight: this.styles.root.paddingRight,\n            width: '100%',\n            height: this.styles.root.height ? '100%' : null,\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n                // accessibilityLabel={`${props.caption}`}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n      {props.badgevalue && this.prepareBadge(props)}\n      </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -108,10 +108,18 @@ export default class WmIcon extends BaseComponent {
     return null;
   }
   renderSkeleton(props) {
+    let skeletonWidth = this.props.skeletonwidth || this.props.iconsize || this.styles.root.width;
+    let skeletonHeight = this.props.skeletonheight || this.props.iconsize || this.styles.root.height;
+    if (this.props.skeletonheight == "0") {
+      skeletonWidth = 0;
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    }
     return createSkeleton(this.theme, this.styles.skeleton, {
       ...this.styles.root,
-      width: this.props.skeletonwidth || this.props.iconsize || this.styles.root.width,
-      height: this.props.skeletonheight || this.props.iconsize || this.styles.root.height
+      width: skeletonWidth,
+      height: skeletonHeight
     });
   }
   getElementToShow(props, iconSrc) {
@@ -179,11 +187,11 @@ export default class WmIcon extends BaseComponent {
     const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;
     if (props.show && iconDef && iconDef.isFontAwesome) {
       //@ts-ignore type information is not matching
-      iconJsx = /*#__PURE__*/React.createElement(FontAwesome, {
+      iconJsx = /*#__PURE__*/React.createElement(FontAwesome, _extends({
         name: customIcon ? '' : iconDef.type,
         style: style,
         size: iconSize
-      }, customIcon);
+      }, this.getTestProps('icon')), customIcon);
     } else if (props.show && iconDef) {
       var _this$styles$icon;
       let WMCustomIcon = WavIcon;
@@ -195,11 +203,11 @@ export default class WmIcon extends BaseComponent {
         return null;
       }
       //@ts-ignore type information is not matching
-      iconJsx = WMCustomIcon ? /*#__PURE__*/React.createElement(WMCustomIcon, {
+      iconJsx = WMCustomIcon ? /*#__PURE__*/React.createElement(WMCustomIcon, _extends({
         name: customIcon ? '' : iconDef.type,
         style: style,
         size: iconSize
-      }, customIcon) : null;
+      }, this.getTestProps('icon')), customIcon) : null;
     }
     if (iconJsx && iconDef.animation === 'spin') {
       const rotate = this.spinValue.interpolate({

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Easing","Text","Image","View","FontAwesome","BaseComponent","BaseComponentState","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","args","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeleton","root","width","skeletonwidth","iconsize","height","skeletonheight","getElementToShow","iconSrc","iconmargin","iconheight","iconwidth","elementToshow","source","uri","testID","getTestId","margin","loadIcon","iconImage","loadAsset","iconImageSrc","renderIcon","iconJsx","_iconSource","iconurl","state","text","color","transform","iconSize","fontSize","show","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","opacity","renderWidget","iterationCount","iterationcount","parseInt","undefined","_extends","target","rippleColor","getTestPropsForAction","accessibilityProps","ICON","entryanimation","delay","animationdelay","_background","iconposition","caption","getTestPropsForLabel","accessibilityRole","accessibilityrole"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text, Image, View } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n  isFontAwesome: boolean;\n  isWavIcon: boolean;\n  isStreamlineLightIcon: boolean;\n  isStreamlineRegularIcon: boolean;\n  type: string;\n  rotate: string;\n  size: number;\n  animation: string;\n}\n\nconst ICON_SIZES = new Map([\n  ['fa-lg', 24],\n  ['fa-2x', 36],\n  ['fa-3x', 48],\n  ['fa-4x', 60],\n  ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n  ['fa-rotate-90', '90deg'],\n  ['fa-rotate-180', '180deg'],\n  ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n  public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n  spinValue = new Animated.Value(0);\n  pulseValue = new Animated.Value(0);\n  public stopAnimation = true;\n  private _iconSource = null as any;\n\n  constructor(props: WmIconProps) {\n    super(props, DEFAULT_CLASS, new WmIconProps());\n  }\n\n  getIconDef(iconClass: string): IconDef {\n    const iconDef = {\n      rotate: '0'\n    } as IconDef;\n    const splits = iconClass.split(' ');\n    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n    if (iconDef.isFontAwesome) {\n      iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineLightIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineRegularIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else {\n      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n      iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n    }\n    if (iconClass.indexOf('fa-spin') >= 0) {\n      iconDef.animation = 'spin';\n    } else if (iconClass.indexOf('fa-pulse') >= 0) {\n      iconDef.animation = 'pulse';\n    }\n    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n    return iconDef;\n  }\n\n  private spin () {\n    if (this.stopAnimation) {\n      return;\n    }\n    this.spinValue.setValue(0);\n    Animated.timing(\n      this.spinValue,\n      {\n        toValue: 1,\n        duration: 1000,\n        easing: Easing.linear,\n        useNativeDriver: true\n      }\n    ).start(() => this.spin());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.spin();\n  }\n\n  componentWillUnmount(): void {\n      super.componentWillUnmount();\n      this.stopAnimation = true;\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'iconclass':\n        $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n        break;\n    }\n  }\n\n  private getCustomIcon(props: WmIconProps, style: any) {\n    const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n    const customIconContent = customIcon?.content;\n    if (customIconContent) {\n      delete customIcon.content;\n      return (<Text\n        style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n          {decodeURIComponent(customIconContent)}\n      </Text>);\n    }\n    return null;\n  }\n\n  public renderSkeleton(props: WmIconProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  getElementToShow(props: WmIconProps, iconSrc: any) {\n\n    const { iconmargin, iconheight, iconwidth } = props;\n    let width, height;\n    let elementToshow, source;\n\n    if (iconwidth) width = iconwidth;\n    else if (iconheight) width = iconheight;\n    else width = 12;\n    if (iconheight) height = iconheight;\n    else if (iconwidth) height = iconwidth;\n    else height = 12;\n\n    if (isFullPathUrl(iconSrc)) {\n      source = {\n        uri: iconSrc\n      };\n    } else {\n      source = iconSrc;\n    }\n    elementToshow = <Image testID={this.getTestId('icon')}\n      style={{\n        margin: iconmargin ?? 0,\n        height: height,\n        width: width\n      }}\n      source={source}/>;\n    return elementToshow;\n  }\n\n  loadIcon(iconImage: string | undefined) {\n    if (!iconImage || !this.loadAsset) {\n      return null;\n    }\n    const iconImageSrc = this.loadAsset(iconImage);\n    if (iconImageSrc && typeof iconImageSrc !== 'function') {\n      return iconImageSrc;\n    }\n    return null;\n  }\n\n  renderIcon(props: WmIconProps) {\n    let iconJsx = null;\n    this._iconSource =  this._iconSource || this.loadIcon(props.iconurl);\n    const iconSrc: any = this._iconSource\n    if (iconSrc) {\n      return this.getElementToShow(props, iconSrc);\n    }\n    const iconDef = this.state.iconDef;\n    if (!iconDef) {\n      return null;\n    }\n    const { root, text, icon } = this.styles;\n    const style = [{ color: root.color || text.color },\n    icon,\n    { transform: [{ rotate: iconDef.rotate }] }];\n\n    const customIcon = this.getCustomIcon(props, style);\n    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n    if (props.show && iconDef && iconDef.isFontAwesome) {\n      //@ts-ignore type information is not matching\n      iconJsx = (<FontAwesome name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n          {customIcon}\n        </FontAwesome>);\n    } else if (props.show && iconDef) {\n      let WMCustomIcon = WavIcon as unknown;\n      if (iconDef.isStreamlineLightIcon) {\n        WMCustomIcon = StreamlineLightIcon;\n      } else if (iconDef.isStreamlineRegularIcon) {\n        WMCustomIcon = StreamlineRegularIcon;\n      } else if (!iconDef.isWavIcon && !customIcon && !this.styles.icon?.fontFamily) {\n        return null;\n      }\n      //@ts-ignore type information is not matching\n      iconJsx = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n        {customIcon}\n      </WMCustomIcon>) : null;\n    }\n    if (iconJsx && iconDef.animation === 'spin') {\n      const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n      const animation = { transform: [{ rotate }] };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else if (iconJsx && iconDef.animation === 'pulse') {\n      const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n      const animation = { opacity: opacity };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else {\n      this.stopAnimation = true;\n    }\n    return (\n      <View\n        // {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}\n      >\n        {iconJsx}\n      </View>\n    );\n  }\n\n  renderWidget(props: WmIconProps) {\n    let icon = this.renderIcon(props);\n    let iterationCount: any = props.iterationcount ? (props.iterationcount != 'infinite' ? parseInt(props.iterationcount): 'infinite') : undefined;\n    return (\n      <Tappable target={this} rippleColor = {this.styles.root.rippleColor} {...this.getTestPropsForAction()} accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.ICON, props)}}>\n        <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={this.styles.root} iterationCount={iterationCount}>\n          {this._background}\n          {(props.iconposition === 'left' && icon) || null}\n          {(props.caption && (<Text {...this.getTestPropsForLabel('caption')}style={this.styles.text} accessibilityRole={props?.accessibilityrole ? props?.accessibilityrole : 'text'}>{props.caption}</Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Animated","Easing","Text","Image","View","FontAwesome","BaseComponent","BaseComponentState","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","args","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeletonWidth","skeletonwidth","iconsize","root","width","skeletonHeight","skeletonheight","height","skeleton","getElementToShow","iconSrc","iconmargin","iconheight","iconwidth","elementToshow","source","uri","testID","getTestId","margin","loadIcon","iconImage","loadAsset","iconImageSrc","renderIcon","iconJsx","_iconSource","iconurl","state","text","color","transform","iconSize","fontSize","show","_extends","getTestProps","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","opacity","renderWidget","iterationCount","iterationcount","parseInt","undefined","target","rippleColor","getTestPropsForAction","accessibilityProps","ICON","entryanimation","delay","animationdelay","_background","iconposition","caption","getTestPropsForLabel","accessibilityRole","accessibilityrole"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text, Image, View } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n  isFontAwesome: boolean;\n  isWavIcon: boolean;\n  isStreamlineLightIcon: boolean;\n  isStreamlineRegularIcon: boolean;\n  type: string;\n  rotate: string;\n  size: number;\n  animation: string;\n}\n\nconst ICON_SIZES = new Map([\n  ['fa-lg', 24],\n  ['fa-2x', 36],\n  ['fa-3x', 48],\n  ['fa-4x', 60],\n  ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n  ['fa-rotate-90', '90deg'],\n  ['fa-rotate-180', '180deg'],\n  ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n  public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n  spinValue = new Animated.Value(0);\n  pulseValue = new Animated.Value(0);\n  public stopAnimation = true;\n  private _iconSource = null as any;\n\n  constructor(props: WmIconProps) {\n    super(props, DEFAULT_CLASS, new WmIconProps());\n  }\n\n  getIconDef(iconClass: string): IconDef {\n    const iconDef = {\n      rotate: '0'\n    } as IconDef;\n    const splits = iconClass.split(' ');\n    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n    if (iconDef.isFontAwesome) {\n      iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineLightIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineRegularIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else {\n      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n      iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n    }\n    if (iconClass.indexOf('fa-spin') >= 0) {\n      iconDef.animation = 'spin';\n    } else if (iconClass.indexOf('fa-pulse') >= 0) {\n      iconDef.animation = 'pulse';\n    }\n    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n    return iconDef;\n  }\n\n  private spin () {\n    if (this.stopAnimation) {\n      return;\n    }\n    this.spinValue.setValue(0);\n    Animated.timing(\n      this.spinValue,\n      {\n        toValue: 1,\n        duration: 1000,\n        easing: Easing.linear,\n        useNativeDriver: true\n      }\n    ).start(() => this.spin());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.spin();\n  }\n\n  componentWillUnmount(): void {\n      super.componentWillUnmount();\n      this.stopAnimation = true;\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'iconclass':\n        $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n        break;\n    }\n  }\n\n  private getCustomIcon(props: WmIconProps, style: any) {\n    const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n    const customIconContent = customIcon?.content;\n    if (customIconContent) {\n      delete customIcon.content;\n      return (<Text\n        style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n          {decodeURIComponent(customIconContent)}\n      </Text>);\n    }\n    return null;\n  }\n\n  public renderSkeleton(props: WmIconProps) {\n    let skeletonWidth = (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue;\n    let skeletonHeight =  (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonWidth = 0\n    }\n    \n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    }\n    \n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth,\n      height: skeletonHeight\n    });\n  }\n\n  getElementToShow(props: WmIconProps, iconSrc: any) {\n\n    const { iconmargin, iconheight, iconwidth } = props;\n    let width, height;\n    let elementToshow, source;\n\n    if (iconwidth) width = iconwidth;\n    else if (iconheight) width = iconheight;\n    else width = 12;\n    if (iconheight) height = iconheight;\n    else if (iconwidth) height = iconwidth;\n    else height = 12;\n\n    if (isFullPathUrl(iconSrc)) {\n      source = {\n        uri: iconSrc\n      };\n    } else {\n      source = iconSrc;\n    }\n    elementToshow = <Image testID={this.getTestId('icon')}\n      style={{\n        margin: iconmargin ?? 0,\n        height: height,\n        width: width\n      }}\n      source={source}/>;\n    return elementToshow;\n  }\n\n  loadIcon(iconImage: string | undefined) {\n    if (!iconImage || !this.loadAsset) {\n      return null;\n    }\n    const iconImageSrc = this.loadAsset(iconImage);\n    if (iconImageSrc && typeof iconImageSrc !== 'function') {\n      return iconImageSrc;\n    }\n    return null;\n  }\n\n  renderIcon(props: WmIconProps) {\n    let iconJsx = null;\n    this._iconSource =  this._iconSource || this.loadIcon(props.iconurl);\n    const iconSrc: any = this._iconSource\n    if (iconSrc) {\n      return this.getElementToShow(props, iconSrc);\n    }\n    const iconDef = this.state.iconDef;\n    if (!iconDef) {\n      return null;\n    }\n    const { root, text, icon } = this.styles;\n    const style = [{ color: root.color || text.color },\n    icon,\n    { transform: [{ rotate: iconDef.rotate }] }];\n\n    const customIcon = this.getCustomIcon(props, style);\n    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n    if (props.show && iconDef && iconDef.isFontAwesome) {\n      //@ts-ignore type information is not matching\n      iconJsx = (<FontAwesome name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}\n        {...this.getTestProps('icon')}>\n          {customIcon}\n        </FontAwesome>);\n    } else if (props.show && iconDef) {\n      let WMCustomIcon = WavIcon as unknown;\n      if (iconDef.isStreamlineLightIcon) {\n        WMCustomIcon = StreamlineLightIcon;\n      } else if (iconDef.isStreamlineRegularIcon) {\n        WMCustomIcon = StreamlineRegularIcon;\n      } else if (!iconDef.isWavIcon && !customIcon && !this.styles.icon?.fontFamily) {\n        return null;\n      }\n      //@ts-ignore type information is not matching\n      iconJsx = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}\n        {...this.getTestProps('icon')}>\n        {customIcon}\n      </WMCustomIcon>) : null;\n    }\n    if (iconJsx && iconDef.animation === 'spin') {\n      const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n      const animation = { transform: [{ rotate }] };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else if (iconJsx && iconDef.animation === 'pulse') {\n      const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n      const animation = { opacity: opacity };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else {\n      this.stopAnimation = true;\n    }\n    return (\n      <View\n        // {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}\n      >\n        {iconJsx}\n      </View>\n    );\n  }\n\n  renderWidget(props: WmIconProps) {\n    let icon = this.renderIcon(props);\n    let iterationCount: any = props.iterationcount ? (props.iterationcount != 'infinite' ? parseInt(props.iterationcount): 'infinite') : undefined;\n    return (\n      <Tappable target={this} rippleColor = {this.styles.root.rippleColor} {...this.getTestPropsForAction()} accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.ICON, props)}}>\n        <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={this.styles.root} iterationCount={iterationCount}>\n          {this._background}\n          {(props.iconposition === 'left' && icon) || null}\n          {(props.caption && (<Text {...this.getTestPropsForLabel('caption')}style={this.styles.text} accessibilityRole={props?.accessibilityrole ? props?.accessibilityrole : 'text'}>{props.caption}</Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -80,9 +80,19 @@ export default class WmLabel extends BaseComponent {
     return parts;
   }
   renderSkeleton(props) {
-    var _this$styles$root, _this$styles$root2;
-    const skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
-    const skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || this.styles.text.fontSize;
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || this.styles.text.fontSize;
+    }
     if (this.props.multilineskeleton) {
       return /*#__PURE__*/React.createElement(View, {
         style: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","AccessibilityWidgetType","getAccessibilityProps","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","constructor","args","_defineProperty","WmLabel","props","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","updateState","parts","parseCaption","String","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","caption","replace","pattern","linkRegex","captionSplit","split","i","length","isLink","test","part","isNextTextALink","_captionSplit","text","link","push","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","fontSize","multilineskeleton","renderWidget","linkStyles","mergeStyle","entryanimation","animation","delay","animationdelay","_background","navigationService","_this$state$parts","_this$state$parts2","target","_extends","state","flexWrap","textAlign","getTestPropsForLabel","LABEL","numberOfLines","nooflines","ellipsizeMode","map","index","key","isValid","color","selectable","userSelect","onPress","startsWith","openUrl","eventName","substring","invokeEventCallback","proxy","required"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, 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 NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ntype PartType = {\n  text?: string,\n  link?: string,\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n  parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n  constructor(props: WmLabelProps) {\n    super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n  }\n\n  private getAsterisk () {\n    return <Text style={this.styles.asterisk}>*</Text>;\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n\n    switch(name) {\n      case \"caption\":\n        this.updateState({\n          parts: this.parseCaption(String($new))\n        } as WmLabelState);\n        break;\n    }\n  }\n  private getMultilineSkeleton(width: any, height: any) {\n    const styles = {\n      borderRadius:4,\n      marginBottom: 10,\n      height: height\n    };\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...styles,\n      width: width,\n      height: height\n    });\n  }\n\n  parseCaption(caption: string) {\n    if (!caption) {\n      return [];\n    }\n    caption += '';\n    caption = caption.replace(/\\s*\\(\\s*\\$event,\\s*\\$widget\\s*\\)\\s*/, '');\n    caption = caption.replace(/\\(\\s*\\)/, '(#/__EMPTY__)');\n    const pattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n    const linkRegex = /^(((http|https):\\/\\/)|javascript:|#).+$/;\n    const captionSplit = caption.split(pattern);\n\n    let parts = [];\n\n    for (let i = 0; i < captionSplit.length; i++) {\n      const isLink = linkRegex.test(captionSplit[i]);\n      let part: PartType = {};\n\n      const isNextTextALink = linkRegex.test(captionSplit[i + 1]);\n      if (isLink) {\n        part.text = captionSplit[i - 1] ?? '';\n        part.link = captionSplit[i] === '#/__EMPTY__' ? '' : captionSplit[i];\n      } else {\n        part.text = isNextTextALink ? \"\" : captionSplit[i];\n      };\n\n      if (part.text) {\n        parts.push(part);\n      }\n    }\n\n    return parts;\n  }\n\n  public renderSkeleton(props: WmLabelProps){\n    const skeletonWidth = this.props.skeletonwidth || this.styles.root?.width;\n    const skeletonHeight = this.props.skeletonheight || this.styles.root?.height || this.styles.text.fontSize;\n    if(this.props.multilineskeleton) {\n      return (<View style={{\n        width: skeletonWidth as DimensionValue\n      }}>\n        {this.getMultilineSkeleton('100%', skeletonHeight)}\n        {this.getMultilineSkeleton('70%', skeletonHeight)}\n        {this.getMultilineSkeleton('40%', skeletonHeight)}\n      </View>)\n    }\n    else{\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.root,\n        width: skeletonWidth as DimensionValue,\n        height: skeletonHeight as DimensionValue\n      });\n    }\n  }\n\n  renderWidget(props: WmLabelProps) {\n    const linkStyles = this.theme.mergeStyle({text: this.styles.text}, this.styles.link);\n    return !isNil(props.caption) ? (\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={this.styles.root}>\n        {this._background}\n        <NavigationServiceConsumer>\n        {(navigationService: NavigationService) => {\n          return (<Tappable target={this}>\n            <Text style={ this.state.parts.length <= 1 ? this.styles.text : {flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}}\n              {...this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}}\n              {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n              numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n              {this.state.parts?.length === 1 ? toString(this.state.props.caption) : this.state.parts?.map((part, index) => {\n                const isLink = !isNil(part.link);\n                return (\n                  <Text\n                    key={`part_${index}`}\n                    style={[\n                      this.styles.text,\n                      isLink ? this.styles.link.text : null,\n                      props.isValid ? null : { color: 'red'}\n                    ]}\n                    {...this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`)}\n                    selectable={this.styles.text.userSelect === 'text'}\n                    onPress={() => {\n                      if (part.link) {\n                        if (part.link.startsWith('http:')\n                          || part.link.startsWith('https:')\n                          || part.link.startsWith('#')) {\n                          navigationService.openUrl(part.link, '_blank');\n                        } else if (part.link.startsWith('javascript:')) {\n                          const eventName = part.link.substring(11);\n                          this.invokeEventCallback(eventName, [null, this.proxy]);\n                        }\n                      }\n                      this.invokeEventCallback('onTap', [null, this.proxy]);\n                    }}\n                    // {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n                  >\n                    {toString(part.text)}\n                  </Text>\n                );\n              })}\n               {props.required && this.getAsterisk()}\n            </Text>\n          </Tappable>)}}\n        </NavigationServiceConsumer>\n      </Animatedview>\n    ) : null;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","AccessibilityWidgetType","getAccessibilityProps","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","constructor","args","_defineProperty","WmLabel","props","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","updateState","parts","parseCaption","String","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","caption","replace","pattern","linkRegex","captionSplit","split","i","length","isLink","test","part","isNextTextALink","_captionSplit","text","link","push","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","skeletonheight","_this$styles$root2","fontSize","multilineskeleton","renderWidget","linkStyles","mergeStyle","entryanimation","animation","delay","animationdelay","_background","navigationService","_this$state$parts","_this$state$parts2","target","_extends","state","flexWrap","textAlign","getTestPropsForLabel","LABEL","numberOfLines","nooflines","ellipsizeMode","map","index","key","isValid","color","selectable","userSelect","onPress","startsWith","openUrl","eventName","substring","invokeEventCallback","proxy","required"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, 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 NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ntype PartType = {\n  text?: string,\n  link?: string,\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n  parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n  constructor(props: WmLabelProps) {\n    super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n  }\n\n  private getAsterisk () {\n    return <Text style={this.styles.asterisk}>*</Text>;\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n\n    switch(name) {\n      case \"caption\":\n        this.updateState({\n          parts: this.parseCaption(String($new))\n        } as WmLabelState);\n        break;\n    }\n  }\n  private getMultilineSkeleton(width: any, height: any) {\n    const styles = {\n      borderRadius:4,\n      marginBottom: 10,\n      height: height\n    };\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...styles,\n      width: width,\n      height: height\n    });\n  }\n\n  parseCaption(caption: string) {\n    if (!caption) {\n      return [];\n    }\n    caption += '';\n    caption = caption.replace(/\\s*\\(\\s*\\$event,\\s*\\$widget\\s*\\)\\s*/, '');\n    caption = caption.replace(/\\(\\s*\\)/, '(#/__EMPTY__)');\n    const pattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n    const linkRegex = /^(((http|https):\\/\\/)|javascript:|#).+$/;\n    const captionSplit = caption.split(pattern);\n\n    let parts = [];\n\n    for (let i = 0; i < captionSplit.length; i++) {\n      const isLink = linkRegex.test(captionSplit[i]);\n      let part: PartType = {};\n\n      const isNextTextALink = linkRegex.test(captionSplit[i + 1]);\n      if (isLink) {\n        part.text = captionSplit[i - 1] ?? '';\n        part.link = captionSplit[i] === '#/__EMPTY__' ? '' : captionSplit[i];\n      } else {\n        part.text = isNextTextALink ? \"\" : captionSplit[i];\n      };\n\n      if (part.text) {\n        parts.push(part);\n      }\n    }\n\n    return parts;\n  }\n\n  public renderSkeleton(props: WmLabelProps){\n\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height || this.styles.text.fontSize;\n    }\n    \n    if(this.props.multilineskeleton) {\n      return (<View style={{\n        width: skeletonWidth as DimensionValue\n      }}>\n        {this.getMultilineSkeleton('100%', skeletonHeight)}\n        {this.getMultilineSkeleton('70%', skeletonHeight)}\n        {this.getMultilineSkeleton('40%', skeletonHeight)}\n      </View>)\n    }\n    else{\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.root,\n        width: skeletonWidth as DimensionValue,\n        height: skeletonHeight as DimensionValue\n      });\n    }\n  }\n\n  renderWidget(props: WmLabelProps) {\n    const linkStyles = this.theme.mergeStyle({text: this.styles.text}, this.styles.link);\n    return !isNil(props.caption) ? (\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={this.styles.root}>\n        {this._background}\n        <NavigationServiceConsumer>\n        {(navigationService: NavigationService) => {\n          return (<Tappable target={this}>\n            <Text style={ this.state.parts.length <= 1 ? this.styles.text : {flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}}\n              {...this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}}\n              {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n              numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n              {this.state.parts?.length === 1 ? toString(this.state.props.caption) : this.state.parts?.map((part, index) => {\n                const isLink = !isNil(part.link);\n                return (\n                  <Text\n                    key={`part_${index}`}\n                    style={[\n                      this.styles.text,\n                      isLink ? this.styles.link.text : null,\n                      props.isValid ? null : { color: 'red'}\n                    ]}\n                    {...this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`)}\n                    selectable={this.styles.text.userSelect === 'text'}\n                    onPress={() => {\n                      if (part.link) {\n                        if (part.link.startsWith('http:')\n                          || part.link.startsWith('https:')\n                          || part.link.startsWith('#')) {\n                          navigationService.openUrl(part.link, '_blank');\n                        } else if (part.link.startsWith('javascript:')) {\n                          const eventName = part.link.substring(11);\n                          this.invokeEventCallback(eventName, [null, this.proxy]);\n                        }\n                      }\n                      this.invokeEventCallback('onTap', [null, this.proxy]);\n                    }}\n                    // {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n                  >\n                    {toString(part.text)}\n                  </Text>\n                );\n              })}\n               {props.required && this.getAsterisk()}\n            </Text>\n          </Tappable>)}}\n        </NavigationServiceConsumer>\n      </Animatedview>\n    ) : null;\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAA4BC,yBAAyB,QAAQ,mDAAmD;AAChH,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,KAAK,EAAEC,QAAQ,QAAQ,WAAW;AAC3C,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAAqBC,cAAc,QAAQ,gCAAgC;AAO3E,OAAO,MAAMC,YAAY,SAASX,kBAAkB,CAAe;EAAAY,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBAC7C,EAAE;EAAA;AACxB;AAEA,eAAe,MAAMC,OAAO,SAAShB,aAAa,CAA4C;EAE5Fa,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIM,YAAY,CAAC,CAAC,CAAC;EACrE;EAEQM,WAAWA,CAAA,EAAI;IACrB,oBAAOrB,KAAA,CAAAsB,aAAA,CAACrB,IAAI;MAACsB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAS,GAAC,GAAO,CAAC;EACpD;EAEOC,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAQ;IAChE,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IAExC,QAAOF,IAAI;MACT,KAAK,SAAS;QACZ,IAAI,CAACG,WAAW,CAAC;UACfC,KAAK,EAAE,IAAI,CAACC,YAAY,CAACC,MAAM,CAACL,IAAI,CAAC;QACvC,CAAiB,CAAC;QAClB;IACJ;EACF;EACQM,oBAAoBA,CAACC,KAAU,EAAEC,MAAW,EAAE;IACpD,MAAMZ,MAAM,GAAG;MACba,YAAY,EAAC,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBF,MAAM,EAAEA;IACV,CAAC;IACD,OAAOtB,cAAc,CAAC,IAAI,CAACyB,KAAK,EAAE,IAAI,CAACf,MAAM,CAACgB,QAAQ,EAAE;MACtD,GAAGhB,MAAM;MACTW,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA;IACV,CAAC,CAAC;EACJ;EAEAJ,YAAYA,CAACS,OAAe,EAAE;IAC5B,IAAI,CAACA,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IACAA,OAAO,IAAI,EAAE;IACbA,OAAO,GAAGA,OAAO,CAACC,OAAO,CAAC,qCAAqC,EAAE,EAAE,CAAC;IACpED,OAAO,GAAGA,OAAO,CAACC,OAAO,CAAC,SAAS,EAAE,eAAe,CAAC;IACrD,MAAMC,OAAO,GAAG,0BAA0B;IAC1C,MAAMC,SAAS,GAAG,yCAAyC;IAC3D,MAAMC,YAAY,GAAGJ,OAAO,CAACK,KAAK,CAACH,OAAO,CAAC;IAE3C,IAAIZ,KAAK,GAAG,EAAE;IAEd,KAAK,IAAIgB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,YAAY,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;MAC5C,MAAME,MAAM,GAAGL,SAAS,CAACM,IAAI,CAACL,YAAY,CAACE,CAAC,CAAC,CAAC;MAC9C,IAAII,IAAc,GAAG,CAAC,CAAC;MAEvB,MAAMC,eAAe,GAAGR,SAAS,CAACM,IAAI,CAACL,YAAY,CAACE,CAAC,GAAG,CAAC,CAAC,CAAC;MAC3D,IAAIE,MAAM,EAAE;QAAA,IAAAI,aAAA;QACVF,IAAI,CAACG,IAAI,IAAAD,aAAA,GAAGR,YAAY,CAACE,CAAC,GAAG,CAAC,CAAC,cAAAM,aAAA,cAAAA,aAAA,GAAI,EAAE;QACrCF,IAAI,CAACI,IAAI,GAAGV,YAAY,CAACE,CAAC,CAAC,KAAK,aAAa,GAAG,EAAE,GAAGF,YAAY,CAACE,CAAC,CAAC;MACtE,CAAC,MAAM;QACLI,IAAI,CAACG,IAAI,GAAGF,eAAe,GAAG,EAAE,GAAGP,YAAY,CAACE,CAAC,CAAC;MACpD;MAAC;MAED,IAAII,IAAI,CAACG,IAAI,EAAE;QACbvB,KAAK,CAACyB,IAAI,CAACL,IAAI,CAAC;MAClB;IACF;IAEA,OAAOpB,KAAK;EACd;EAEO0B,cAAcA,CAACrC,KAAmB,EAAC;IAExC,IAAIsC,aAAa,EAAEC,cAAc;IACjC,IAAG,IAAI,CAACvC,KAAK,CAACwC,aAAa,IAAI,GAAG,EAAE;MAClCF,aAAa,GAAG,CAAC;IACnB,CAAC,MAAM;MAAA,IAAAG,iBAAA;MACLH,aAAa,GAAG,IAAI,CAACtC,KAAK,CAACwC,aAAa,MAAAC,iBAAA,GAAI,IAAI,CAACrC,MAAM,CAACsC,IAAI,cAAAD,iBAAA,uBAAhBA,iBAAA,CAAkB1B,KAAK;IACrE;IAEA,IAAG,IAAI,CAACf,KAAK,CAAC2C,cAAc,IAAI,GAAG,EAAE;MACnCJ,cAAc,GAAG,CAAC;IACpB,CAAC,MAAM;MAAA,IAAAK,kBAAA;MACLL,cAAc,GAAG,IAAI,CAACvC,KAAK,CAAC2C,cAAc,MAAAC,kBAAA,GAAI,IAAI,CAACxC,MAAM,CAACsC,IAAI,cAAAE,kBAAA,uBAAhBA,kBAAA,CAAkB5B,MAAM,KAAI,IAAI,CAACZ,MAAM,CAAC8B,IAAI,CAACW,QAAQ;IACrG;IAEA,IAAG,IAAI,CAAC7C,KAAK,CAAC8C,iBAAiB,EAAE;MAC/B,oBAAQlE,KAAA,CAAAsB,aAAA,CAACpB,IAAI;QAACqB,KAAK,EAAE;UACnBY,KAAK,EAAEuB;QACT;MAAE,GACC,IAAI,CAACxB,oBAAoB,CAAC,MAAM,EAAEyB,cAAc,CAAC,EACjD,IAAI,CAACzB,oBAAoB,CAAC,KAAK,EAAEyB,cAAc,CAAC,EAChD,IAAI,CAACzB,oBAAoB,CAAC,KAAK,EAAEyB,cAAc,CAC5C,CAAC;IACT,CAAC,MACG;MACF,OAAO7C,cAAc,CAAC,IAAI,CAACyB,KAAK,EAAE,IAAI,CAACf,MAAM,CAACgB,QAAQ,EAAE;QACtD,GAAG,IAAI,CAAChB,MAAM,CAACsC,IAAI;QACnB3B,KAAK,EAAEuB,aAA+B;QACtCtB,MAAM,EAAEuB;MACV,CAAC,CAAC;IACJ;EACF;EAEAQ,YAAYA,CAAC/C,KAAmB,EAAE;IAChC,MAAMgD,UAAU,GAAG,IAAI,CAAC7B,KAAK,CAAC8B,UAAU,CAAC;MAACf,IAAI,EAAE,IAAI,CAAC9B,MAAM,CAAC8B;IAAI,CAAC,EAAE,IAAI,CAAC9B,MAAM,CAAC+B,IAAI,CAAC;IACpF,OAAO,CAAC5C,KAAK,CAACS,KAAK,CAACqB,OAAO,CAAC,gBAC1BzC,KAAA,CAAAsB,aAAA,CAACT,YAAY;MAACyD,cAAc,EAAElD,KAAK,CAACmD,SAAU;MAACC,KAAK,EAAEpD,KAAK,CAACqD,cAAe;MAAClD,KAAK,EAAE,IAAI,CAACC,MAAM,CAACsC;IAAK,GACjG,IAAI,CAACY,WAAW,eACjB1E,KAAA,CAAAsB,aAAA,CAAChB,yBAAyB,QACxBqE,iBAAoC,IAAK;MAAA,IAAAC,iBAAA,EAAAC,kBAAA;MACzC,oBAAQ7E,KAAA,CAAAsB,aAAA,CAACjB,QAAQ;QAACyE,MAAM,EAAE;MAAK,gBAC7B9E,KAAA,CAAAsB,aAAA,CAACrB,IAAI,EAAA8E,QAAA;QAACxD,KAAK,EAAG,IAAI,CAACyD,KAAK,CAACjD,KAAK,CAACiB,MAAM,IAAI,CAAC,GAAG,IAAI,CAACxB,MAAM,CAAC8B,IAAI,GAAG;UAAC2B,QAAQ,EAAE,MAAM;UAAEC,SAAS,EAAE,IAAI,CAAC1D,MAAM,CAAC8B,IAAI,CAAC4B;QAAS;MAAE,GACpH,IAAI,CAACF,KAAK,CAACjD,KAAK,CAACiB,MAAM,IAAI,CAAC,GAAG,IAAI,CAACmC,oBAAoB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACxE3E,qBAAqB,CAACD,uBAAuB,CAAC6E,KAAK,EAAEhE,KAAK,CAAC;QAC/DiE,aAAa,EAAEjE,KAAK,CAACkE,SAAU;QAACC,aAAa,EAAC;MAAM,IACnD,EAAAX,iBAAA,OAAI,CAACI,KAAK,CAACjD,KAAK,cAAA6C,iBAAA,uBAAhBA,iBAAA,CAAkB5B,MAAM,MAAK,CAAC,GAAGpC,QAAQ,CAAC,IAAI,CAACoE,KAAK,CAAC5D,KAAK,CAACqB,OAAO,CAAC,IAAAoC,kBAAA,GAAG,IAAI,CAACG,KAAK,CAACjD,KAAK,cAAA8C,kBAAA,uBAAhBA,kBAAA,CAAkBW,GAAG,CAAC,CAACrC,IAAI,EAAEsC,KAAK,KAAK;QAC5G,MAAMxC,MAAM,GAAG,CAACtC,KAAK,CAACwC,IAAI,CAACI,IAAI,CAAC;QAChC,oBACEvD,KAAA,CAAAsB,aAAA,CAACrB,IAAI,EAAA8E,QAAA;UACHW,GAAG,EAAE,QAAQD,KAAK,EAAG;UACrBlE,KAAK,EAAE,CACL,IAAI,CAACC,MAAM,CAAC8B,IAAI,EAChBL,MAAM,GAAG,IAAI,CAACzB,MAAM,CAAC+B,IAAI,CAACD,IAAI,GAAG,IAAI,EACrClC,KAAK,CAACuE,OAAO,GAAG,IAAI,GAAG;YAAEC,KAAK,EAAE;UAAK,CAAC;QACtC,GACE,IAAI,CAACT,oBAAoB,CAAClC,MAAM,GAAG,QAAQwC,KAAK,EAAE,GAAG,WAAWA,KAAK,EAAE,CAAC;UAC5EI,UAAU,EAAE,IAAI,CAACrE,MAAM,CAAC8B,IAAI,CAACwC,UAAU,KAAK,MAAO;UACnDC,OAAO,EAAEA,CAAA,KAAM;YACb,IAAI5C,IAAI,CAACI,IAAI,EAAE;cACb,IAAIJ,IAAI,CAACI,IAAI,CAACyC,UAAU,CAAC,OAAO,CAAC,IAC5B7C,IAAI,CAACI,IAAI,CAACyC,UAAU,CAAC,QAAQ,CAAC,IAC9B7C,IAAI,CAACI,IAAI,CAACyC,UAAU,CAAC,GAAG,CAAC,EAAE;gBAC9BrB,iBAAiB,CAACsB,OAAO,CAAC9C,IAAI,CAACI,IAAI,EAAE,QAAQ,CAAC;cAChD,CAAC,MAAM,IAAIJ,IAAI,CAACI,IAAI,CAACyC,UAAU,CAAC,aAAa,CAAC,EAAE;gBAC9C,MAAME,SAAS,GAAG/C,IAAI,CAACI,IAAI,CAAC4C,SAAS,CAAC,EAAE,CAAC;gBACzC,IAAI,CAACC,mBAAmB,CAACF,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACG,KAAK,CAAC,CAAC;cACzD;YACF;YACA,IAAI,CAACD,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;UACvD;UACA;QAAA,IAECzF,QAAQ,CAACuC,IAAI,CAACG,IAAI,CACf,CAAC;MAEX,CAAC,CAAC,EACAlC,KAAK,CAACkF,QAAQ,IAAI,IAAI,CAACjF,WAAW,CAAC,CACjC,CACE,CAAC;IAAC,CACa,CACf,CAAC,GACb,IAAI;EACV;AACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","textDecorationLine","flexDirection","textAlign","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n  asterisk: AllStyle,\n  skeleton: WmSkeletonStyles \n  link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmLabelStyles = defineStyles({\n      root: {\n        alignSelf: 'flex-start'\n      },\n      text: {\n        fontSize: 16,\n        color: themeVariables.labelDefaultColor\n      },\n      asterisk: {\n        color: themeVariables.labelAsteriskColor,\n        marginLeft: 2\n      },\n      skeleton: {\n        root:{\n          width: '100%',\n          height: 16,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles,\n      link: {\n        text: {\n          textDecorationLine: 'underline'\n        }\n      } as WmAnchorStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root : {\n      flexDirection: 'row',\n      textAlign: 'right'\n    }\n  });\n  const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n    return {\n      root: {\n        backgroundColor: color,\n        paddingLeft: 32,\n        paddingTop: 16,\n        paddingRight: 32,\n        paddingBottom: 16,\n        borderRadius: 6\n      },\n      text: {\n        color: textColor,\n        fontWeight: 'bold'\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n  addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n  addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n  addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n  addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n  addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n  addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n  addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n\n  const getTextStyles = (color: string) => {\n    return {\n      text: {\n        color: color\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n  addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n  addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n  addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n  addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n  addStyle('text-center', '', {\n    root: {\n      textAlign: 'center'\n    }\n  } as WmLabelStyles);\n  addStyle('text-left', '', {\n    root: {\n      textAlign: 'left'\n    }\n  } as WmLabelStyles);\n  addStyle('text-right', '', {\n    root: {\n      textAlign: 'right'\n    }\n  } as WmLabelStyles);\n\n\n  const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n    return deepCopy({\n      text: {\n        fontWeight: '400',\n        fontSize: fontSize,\n        margin: 4,\n        color: themeVariables.labelHeaderColor\n      }\n    } as WmLabelStyles, overrides);\n  };\n  addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n  addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n  addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n  addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n  addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n  addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n  addStyle('media-heading', '', {\n    text : {\n      fontSize: 16\n    }\n  } as WmLabelStyles);\n  addStyle('text-muted', '', {\n    text : {\n      color: themeVariables.labelTextMutedColor\n    }\n  } as WmLabelStyles);\n  addStyle('p', '', {\n    text : {\n      fontSize: 12\n    }\n  } as WmLabelStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","textDecorationLine","flexDirection","textAlign","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n  asterisk: AllStyle,\n  skeleton: WmSkeletonStyles \n  link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmLabelStyles = defineStyles({\n    root: {\n      alignSelf: 'flex-start',\n    },\n    text: {\n        fontSize: 16,\n        color: themeVariables.labelDefaultColor\n      },\n      asterisk: {\n        color: themeVariables.labelAsteriskColor,\n        marginLeft: 2\n      },\n      skeleton: {\n        root:{\n          width: '100%',\n          height: 16,\n          borderRadius: 4,\n        }\n      } as any as WmSkeletonStyles,\n      link: {\n        text: {\n          textDecorationLine: 'underline'\n        }\n      } as WmAnchorStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root : {\n      flexDirection: 'row',\n      textAlign: 'right'\n    }\n  });\n  const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n    return {\n      root: {\n        backgroundColor: color,\n        paddingLeft: 32,\n        paddingTop: 16,\n        paddingRight: 32,\n        paddingBottom: 16,\n        borderRadius: 6\n      },\n      text: {\n        color: textColor,\n        fontWeight: 'bold'\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n  addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n  addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n  addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n  addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n  addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n  addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n  addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n\n  const getTextStyles = (color: string) => {\n    return {\n      text: {\n        color: color\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n  addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n  addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n  addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n  addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n  addStyle('text-center', '', {\n    root: {\n      textAlign: 'center'\n    }\n  } as WmLabelStyles);\n  addStyle('text-left', '', {\n    root: {\n      textAlign: 'left'\n    }\n  } as WmLabelStyles);\n  addStyle('text-right', '', {\n    root: {\n      textAlign: 'right'\n    }\n  } as WmLabelStyles);\n\n\n  const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n    return deepCopy({\n      text: {\n        fontWeight: '400',\n        fontSize: fontSize,\n        margin: 4,\n        color: themeVariables.labelHeaderColor\n      }\n    } as WmLabelStyles, overrides);\n  };\n  addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n  addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n  addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n  addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n  addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n  addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n  addStyle('media-heading', '', {\n    text : {\n      fontSize: 16\n    }\n  } as WmLabelStyles);\n  addStyle('text-muted', '', {\n    text : {\n      color: themeVariables.labelTextMutedColor\n    }\n  } as WmLabelStyles);\n  addStyle('p', '', {\n    text : {\n      fontSize: 12\n    }\n  } as WmLabelStyles);\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","AccessibilityWidgetType","getAccessibilityProps","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","delay","animationdelay","style","root","_background","id","getTestId","iconclass","icon","message","_extends","getTestPropsForLabel","title","MESSAGE","text","caption","hideclose","closeBtn","onTap","close"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n  'success': 'wm-sl-l sl-check',\n  'warning': 'wm-sl-l sl-alarm-bell',\n  'error': 'fa fa-times-circle',\n  'info': 'wi wi-info',\n  'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n  'success': 'Success',\n  'warning': 'Warning',\n  'error': 'Error',\n  'info': 'Info',\n  'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n  constructor(props: WmMessageProps) {\n    super(props, DEFAULT_CLASS, new WmMessageProps());\n  }\n\n  showMessage() {\n    this.updateState({\n      props: {\n        show: true\n      }\n    } as WmMessageState);\n  }\n\n  hideMessage() {\n    this.updateState({\n      props: {\n        show: false\n      }\n    } as WmMessageState);\n  }\n\n  close = () => {\n    this.updateState({props: {\n      show : false\n    }}, () => this.invokeEventCallback('onClose', [null, this]));\n  }\n\n  renderWidget(props: WmMessageProps) {\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n    return (<Animatedview entryanimation={props.animation} delay={props.animationdelay} style={styles.root}>\n      {this._background}\n      <WmIcon\n        id={this.getTestId('icon')}\n        iconclass={props.type && MESSAGE_ICONS[props.type]}\n        styles={styles.icon}></WmIcon>\n      <View style={styles.message}>\n        <Text {...this.getTestPropsForLabel('title')} style={styles.title} {...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text} {...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\n          id={this.getTestId('close')}\n          iconclass=\"wi wi-close\"\n          styles={styles.closeBtn}\n          onTap={this.close}></WmButton>\n      )}\n    </Animatedview>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","AccessibilityWidgetType","getAccessibilityProps","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","delay","animationdelay","style","root","_background","id","getTestId","iconclass","icon","message","_extends","getTestPropsForLabel","title","MESSAGE","text","caption","hideclose","closeBtn","onTap","close"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n  'success': 'wm-sl-l sl-check',\n  'warning': 'wm-sl-l sl-alarm-bell',\n  'error': 'fa fa-times-circle',\n  'info': 'wi wi-info',\n  'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n  'success': 'Success',\n  'warning': 'Warning',\n  'error': 'Error',\n  'info': 'Info',\n  'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n  constructor(props: WmMessageProps) {\n    super(props, DEFAULT_CLASS, new WmMessageProps());\n  }\n\n  showMessage() {\n    this.updateState({\n      props: {\n        show: true\n      }\n    } as WmMessageState);\n  }\n\n  hideMessage() {\n    this.updateState({\n      props: {\n        show: false\n      }\n    } as WmMessageState);\n  }\n\n  close = () => {\n    this.updateState({props: {\n      show : false\n    }}, () => this.invokeEventCallback('onClose', [null, this]));\n  }\n\n  renderWidget(props: WmMessageProps) {\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n    return (<Animatedview entryanimation={props.animation} delay={props.animationdelay} style={styles.root}>\n      {this._background}\n      <WmIcon\n        id={this.getTestId('icon')}\n        iconclass={props.type && MESSAGE_ICONS[props.type]}\n        styles={styles.icon}></WmIcon>\n      <View style={styles.message}>\n        <Text {...this.getTestPropsForLabel('title')} style={styles.title} {...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text} {...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\n          id={this.getTestId('close')}\n          iconclass=\"wi wi-close\"\n          styles={styles.closeBtn}\n          onTap={this.close}></WmButton>\n      )}\n    </Animatedview>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -124,8 +124,7 @@ export default class WmPicture extends BaseComponent {
       source = imgSrc;
     }
     if (this.state.naturalImageWidth) {
-      elementToshow = /*#__PURE__*/React.createElement(Image, _extends({
-        testID: this.getTestId('picture'),
+      elementToshow = /*#__PURE__*/React.createElement(Image, _extends({}, this.getTestProps('picture'), {
         style: [this.styles.picture, shapeStyles.picture],
         resizeMode: props.resizemode,
         source: source