@wavemaker/app-rn-runtime 11.6.0-rc.5484 → 11.7.0-next.42251

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Easing","Text","FontAwesome","BaseComponent","BaseComponentState","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","arguments","_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","renderIcon","state","color","text","transform","iconSize","fontSize","show","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","View","opacity","renderWidget","iterationCount","iterationcount","parseInt","undefined","_extends","target","getTestPropsForAction","entryanimation","_background","iconposition","caption","getTestPropsForLabel"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\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\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  renderIcon(props: WmIconProps) {\n    const iconDef = this.state.iconDef;\n    if (!iconDef) {\n      return null;\n    }\n    let icon = null;\n    const style = [{\n      color: this.styles.root.color || this.styles.text.color\n    }, this.styles.icon, {transform: [{rotate: iconDef.rotate}]}];\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      icon = (<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      icon = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n        {customIcon}\n      </WMCustomIcon>) : null;\n    }\n    if (icon && 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}>{icon}</Animated.View>);\n    } else if (icon && 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}>{icon}</Animated.View>);\n    } else {\n      this.stopAnimation = true;\n    }\n    return icon;\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}  {...this.getTestPropsForAction()}>\n        <Animatedview entryanimation={props.animation} 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}>{props.caption}</Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":"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"}
+{"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","arguments","_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","ICON","renderWidget","iterationCount","iterationcount","parseInt","undefined","_extends","target","rippleColor","getTestPropsForAction","entryanimation","_background","iconposition","caption","getTestPropsForLabel"],"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()}>  \n        <Animatedview entryanimation={props.animation} 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}>{props.caption}</Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -14,6 +14,13 @@ export default class WmIconProps extends BaseProps {
     _defineProperty(this, "onTap", void 0);
     _defineProperty(this, "skeletonheight", null);
     _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'none');
   }
 }
 //# sourceMappingURL=icon.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmIconProps","constructor","arguments","_defineProperty"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmIconProps extends BaseProps {\n  animation?: string = null as any;\n  iterationcount?: any;\n  iconclass?: string = 'wm-sl-l sl-user';\n  iconposition? = 'left';\n  caption? = '';\n  iconsize? = 0;\n  onTap?: Function;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEJ,iBAAiB;IAAAA,eAAA,uBACtB,MAAM;IAAAA,eAAA,kBACX,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEa,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAC/B"}
+{"version":3,"names":["BaseProps","WmIconProps","constructor","arguments","_defineProperty","undefined"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmIconProps extends BaseProps {\n  animation?: string = null as any;\n  iterationcount?: any;\n  iconclass?: string = 'wm-sl-l sl-user';\n  iconposition? = 'left';\n  caption? = '';\n  iconsize? = 0;\n  onTap?: Function;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'none';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEJ,iBAAiB;IAAAA,eAAA,uBACtB,MAAM;IAAAA,eAAA,kBACX,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEa,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,kBACV,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;EAAA;AAChD"}

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

@@ -9,7 +9,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       alignItems: 'center'
     },
     icon: {
-      paddingLeft: 0
+      paddingLeft: 0,
+      paddingRight: 8
     },
     text: {
       paddingLeft: 8

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignSelf","alignItems","icon","paddingLeft","text","skeleton","width","height","borderRadius","paddingRight"],"sources":["icon.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmIconStyles = BaseStyles & {\n    icon?: AllStyle,\n    skeleton: WmSkeletonStyles\n};\nexport const DEFAULT_CLASS = 'app-icon';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmIconStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            alignSelf: 'flex-start',\n            alignItems: 'center'\n        },\n        icon: {\n            paddingLeft: 0\n        },\n        text: {\n            paddingLeft: 8\n        },\n        skeleton:{\n            root: {\n                width: 32,\n                height: 32,\n                borderRadius: 4\n            }\n        } as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        text: {\n            paddingRight: 8        \n        }\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,SAAS,EAAE,YAAY;MACvBC,UAAU,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACFC,WAAW,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACFD,WAAW,EAAE;IACjB,CAAC;IACDE,QAAQ,EAAC;MACLP,IAAI,EAAE;QACFQ,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAClB;IACJ;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCW,IAAI,EAAE;MACFK,YAAY,EAAE;IAClB;EACJ,CAAC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignSelf","alignItems","icon","paddingLeft","paddingRight","text","skeleton","width","height","borderRadius"],"sources":["icon.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmIconStyles = BaseStyles & {\n    icon?: AllStyle,\n    skeleton: WmSkeletonStyles\n};\nexport const DEFAULT_CLASS = 'app-icon';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmIconStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            alignSelf: 'flex-start',\n            alignItems: 'center'\n        },\n        icon: {\n            paddingLeft: 0,\n            paddingRight: 8\n        },\n        text: {\n            paddingLeft: 8\n        },\n        skeleton:{\n            root: {\n                width: 32,\n                height: 32,\n                borderRadius: 4\n            }\n        } as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        text: {\n            paddingRight: 8        \n        }\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,SAAS,EAAE,YAAY;MACvBC,UAAU,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACFC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE;MACFF,WAAW,EAAE;IACjB,CAAC;IACDG,QAAQ,EAAC;MACLR,IAAI,EAAE;QACFS,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAClB;IACJ;EACJ,CAAC,CAAC;EAEFb,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCY,IAAI,EAAE;MACFD,YAAY,EAAE;IAClB;EACJ,CAAC,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -5,12 +6,13 @@ import React from 'react';
 import { Text, View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 import WmLabelProps from './label.props';
 import { DEFAULT_CLASS } from './label.styles';
 import { isNil, toString } from 'lodash-es';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
 import { createSkeleton } from '../skeleton/skeleton.component';
-import WmAnchor from '../anchor/anchor.component';
 export class WmLabelState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -53,6 +55,7 @@ export default class WmLabel extends BaseComponent {
       return [];
     }
     caption += '';
+    caption = caption.replace(/\(\s*\)/, '(#/__EMPTY__)');
     const pattern = /\[([^\]]+)\]\(([^)]*)\)/g;
     const linkRegex = /^(((http|https):\/\/)|#)[^ "]+$/;
     const captionSplit = caption.split(pattern);
@@ -60,10 +63,10 @@ export default class WmLabel extends BaseComponent {
     for (let i = 0; i < captionSplit.length; i++) {
       const isLink = captionSplit[i] === "" || linkRegex.test(captionSplit[i]);
       let part = {};
-      const isNextTextALink = captionSplit[i + 1] === "" || linkRegex.test(captionSplit[i + 1]) || false;
+      const isNextTextALink = linkRegex.test(captionSplit[i + 1]);
       if (isLink) {
         part.text = captionSplit[i - 1] ?? '';
-        part.link = captionSplit[i];
+        part.link = captionSplit[i] === '#/__EMPTY__' ? '' : captionSplit[i];
       } else {
         part.text = isNextTextALink ? "" : captionSplit[i];
       }
@@ -93,34 +96,40 @@ export default class WmLabel extends BaseComponent {
     }
   }
   renderWidget(props) {
-    var _this$state$parts;
     const linkStyles = this.theme.mergeStyle({
       text: this.styles.text
     }, this.styles.link);
     return !isNil(props.caption) ? /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
-      target: this
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: {
-        flexWrap: "wrap",
-        textAlign: this.styles.text.textAlign
-      },
-      numberOfLines: props.nooflines,
-      ellipsizeMode: "tail"
-    }, (_this$state$parts = this.state.parts) === null || _this$state$parts === void 0 ? void 0 : _this$state$parts.map((part, index) => /*#__PURE__*/React.createElement(React.Fragment, {
-      key: `part_${index}`
-    }, !isNil(part.link) ? /*#__PURE__*/React.createElement(WmAnchor, {
-      styles: linkStyles,
-      caption: part.text,
-      hyperlink: part.link
-    }) : /*#__PURE__*/React.createElement(Text, {
-      style: [this.styles.text, {
-        color: props.isValid === false ? 'red' : this.styles.text.color
-      }],
-      selectable: this.styles.text.userSelect === 'text'
-    }, toString(part.text), props.required && this.getAsterisk())))))) : null;
+    }, this._background, /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => {
+      var _this$state$parts;
+      return /*#__PURE__*/React.createElement(Tappable, {
+        target: this
+      }, /*#__PURE__*/React.createElement(Text, _extends({
+        style: {
+          flexWrap: "wrap",
+          textAlign: this.styles.text.textAlign
+        }
+      }, this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}, {
+        numberOfLines: props.nooflines,
+        ellipsizeMode: "tail"
+      }), (_this$state$parts = this.state.parts) === null || _this$state$parts === void 0 ? void 0 : _this$state$parts.map((part, index) => {
+        const isLink = !isNil(part.link);
+        return /*#__PURE__*/React.createElement(Text, _extends({
+          key: `part_${index}`,
+          style: [this.styles.text, isLink ? this.styles.link.text : null, props.isValid ? null : {
+            color: 'red'
+          }]
+        }, this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`), {
+          selectable: this.styles.text.userSelect === 'text'
+        }, part.link ? {
+          onPress: () => {
+            part.link && navigationService.openUrl(part.link, '_blank');
+          }
+        } : {}, getAccessibilityProps(AccessibilityWidgetType.LABEL, props)), toString(part.text), props.required && this.getAsterisk());
+      })));
+    })) : null;
   }
 }
 //# sourceMappingURL=label.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmAnchor","WmLabelState","constructor","arguments","_defineProperty","WmLabel","props","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","updateState","parts","parseCaption","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","caption","pattern","linkRegex","captionSplit","split","i","length","isLink","test","part","isNextTextALink","text","link","push","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","fontSize","multilineskeleton","renderWidget","_this$state$parts","linkStyles","mergeStyle","entryanimation","animation","_background","target","flexWrap","textAlign","numberOfLines","nooflines","ellipsizeMode","state","map","index","Fragment","key","hyperlink","color","isValid","selectable","userSelect","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';\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';\nimport WmAnchor from '../anchor/anchor.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($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    const pattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n    const linkRegex = /^(((http|https):\\/\\/)|#)[^ \"]+$/;\n    const captionSplit = caption.split(pattern);\n\n    let parts = [];\n\n    for (let i = 0; i < captionSplit.length; i++) {\n      const isLink = captionSplit[i] === \"\" || linkRegex.test(captionSplit[i]);\n      let part: PartType = {};\n      \n      const isNextTextALink = captionSplit[i + 1] === \"\" || linkRegex.test(captionSplit[i + 1]) || false;\n      if (isLink) {\n        part.text = captionSplit[i - 1] ?? '';\n        part.link = 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} style={this.styles.root}>\n        {this._background}\n        <Tappable target={this}>\n          <Text style={{flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}} numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n            {this.state.parts?.map((part, index) => (\n              <React.Fragment key={`part_${index}`}>\n                {!isNil(part.link) ? (\n                  <WmAnchor styles={linkStyles} caption={part.text} hyperlink={part.link} />\n                ) : (\n                  <Text\n                    style={[\n                      this.styles.text,\n                      {\n                        color:\n                          props.isValid === false\n                            ? 'red'\n                            : this.styles.text.color,\n                      },\n                    ]}\n                    selectable={this.styles.text.userSelect === 'text'}\n                  >\n                    {toString(part.text)}\n                    {props.required && this.getAsterisk()}\n                  </Text>\n                )}\n              </React.Fragment>\n            ))}\n          </Text>\n        </Tappable>\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;AAE5E,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;AAC3E,OAAOC,QAAQ,MAAM,4BAA4B;AAOjD,OAAO,MAAMC,YAAY,SAAST,kBAAkB,CAAe;EAAAU,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,gBAC7C,EAAE;EAAA;AACxB;AAEA,eAAe,MAAMC,OAAO,SAASd,aAAa,CAA4C;EAE5FW,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEX,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIO,YAAY,CAAC,CAAC,CAAC;EACrE;EAEQM,WAAWA,CAAA,EAAI;IACrB,oBAAOnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MAACoB,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,CAACJ,IAAI;QAC/B,CAAiB,CAAC;QAClB;IACJ;EACF;EACQK,oBAAoBA,CAACC,KAAU,EAAEC,MAAW,EAAE;IACpD,MAAMX,MAAM,GAAG;MACbY,YAAY,EAAC,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBF,MAAM,EAAEA;IACV,CAAC;IACD,OAAOtB,cAAc,CAAC,IAAI,CAACyB,KAAK,EAAE,IAAI,CAACd,MAAM,CAACe,QAAQ,EAAE;MACtD,GAAGf,MAAM;MACTU,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA;IACV,CAAC,CAAC;EACJ;EAEAH,YAAYA,CAACQ,OAAe,EAAE;IAC5B,IAAI,CAACA,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IACAA,OAAO,IAAI,EAAE;IACb,MAAMC,OAAO,GAAG,0BAA0B;IAC1C,MAAMC,SAAS,GAAG,iCAAiC;IACnD,MAAMC,YAAY,GAAGH,OAAO,CAACI,KAAK,CAACH,OAAO,CAAC;IAE3C,IAAIV,KAAK,GAAG,EAAE;IAEd,KAAK,IAAIc,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,YAAY,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;MAC5C,MAAME,MAAM,GAAGJ,YAAY,CAACE,CAAC,CAAC,KAAK,EAAE,IAAIH,SAAS,CAACM,IAAI,CAACL,YAAY,CAACE,CAAC,CAAC,CAAC;MACxE,IAAII,IAAc,GAAG,CAAC,CAAC;MAEvB,MAAMC,eAAe,GAAGP,YAAY,CAACE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,IAAIH,SAAS,CAACM,IAAI,CAACL,YAAY,CAACE,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK;MAClG,IAAIE,MAAM,EAAE;QACVE,IAAI,CAACE,IAAI,GAAGR,YAAY,CAACE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;QACrCI,IAAI,CAACG,IAAI,GAAGT,YAAY,CAACE,CAAC,CAAC;MAC7B,CAAC,MAAM;QACLI,IAAI,CAACE,IAAI,GAAGD,eAAe,GAAG,EAAE,GAAGP,YAAY,CAACE,CAAC,CAAC;MACpD;MAAC;MAED,IAAII,IAAI,CAACE,IAAI,EAAE;QACbpB,KAAK,CAACsB,IAAI,CAACJ,IAAI,CAAC;MAClB;IACF;IAEA,OAAOlB,KAAK;EACd;EAEOuB,cAAcA,CAAClC,KAAmB,EAAC;IAAA,IAAAmC,iBAAA,EAAAC,kBAAA;IACxC,MAAMC,aAAa,GAAG,IAAI,CAACrC,KAAK,CAACsC,aAAa,MAAAH,iBAAA,GAAI,IAAI,CAAC/B,MAAM,CAACmC,IAAI,cAAAJ,iBAAA,uBAAhBA,iBAAA,CAAkBrB,KAAK;IACzE,MAAM0B,cAAc,GAAG,IAAI,CAACxC,KAAK,CAACyC,cAAc,MAAAL,kBAAA,GAAI,IAAI,CAAChC,MAAM,CAACmC,IAAI,cAAAH,kBAAA,uBAAhBA,kBAAA,CAAkBrB,MAAM,KAAI,IAAI,CAACX,MAAM,CAAC2B,IAAI,CAACW,QAAQ;IACzG,IAAG,IAAI,CAAC1C,KAAK,CAAC2C,iBAAiB,EAAE;MAC/B,oBAAQ7D,KAAA,CAAAoB,aAAA,CAAClB,IAAI;QAACmB,KAAK,EAAE;UACnBW,KAAK,EAAEuB;QACT;MAAE,GACC,IAAI,CAACxB,oBAAoB,CAAC,MAAM,EAAE2B,cAAc,CAAC,EACjD,IAAI,CAAC3B,oBAAoB,CAAC,KAAK,EAAE2B,cAAc,CAAC,EAChD,IAAI,CAAC3B,oBAAoB,CAAC,KAAK,EAAE2B,cAAc,CAC5C,CAAC;IACT,CAAC,MACG;MACF,OAAO/C,cAAc,CAAC,IAAI,CAACyB,KAAK,EAAE,IAAI,CAACd,MAAM,CAACe,QAAQ,EAAE;QACtD,GAAG,IAAI,CAACf,MAAM,CAACmC,IAAI;QACnBzB,KAAK,EAAEuB,aAA+B;QACtCtB,MAAM,EAAEyB;MACV,CAAC,CAAC;IACJ;EACF;EAEAI,YAAYA,CAAC5C,KAAmB,EAAE;IAAA,IAAA6C,iBAAA;IAChC,MAAMC,UAAU,GAAG,IAAI,CAAC5B,KAAK,CAAC6B,UAAU,CAAC;MAAChB,IAAI,EAAE,IAAI,CAAC3B,MAAM,CAAC2B;IAAI,CAAC,EAAE,IAAI,CAAC3B,MAAM,CAAC4B,IAAI,CAAC;IACpF,OAAO,CAAC1C,KAAK,CAACU,KAAK,CAACoB,OAAO,CAAC,gBAC1BtC,KAAA,CAAAoB,aAAA,CAACV,YAAY;MAACwD,cAAc,EAAEhD,KAAK,CAACiD,SAAU;MAAC9C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACmC;IAAK,GACpE,IAAI,CAACW,WAAW,eACjBpE,KAAA,CAAAoB,aAAA,CAACf,QAAQ;MAACgE,MAAM,EAAE;IAAK,gBACrBrE,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE;QAACiD,QAAQ,EAAE,MAAM;QAAEC,SAAS,EAAE,IAAI,CAACjD,MAAM,CAAC2B,IAAI,CAACsB;MAAS,CAAE;MAACC,aAAa,EAAEtD,KAAK,CAACuD,SAAU;MAACC,aAAa,EAAC;IAAM,IAAAX,iBAAA,GACzH,IAAI,CAACY,KAAK,CAAC9C,KAAK,cAAAkC,iBAAA,uBAAhBA,iBAAA,CAAkBa,GAAG,CAAC,CAAC7B,IAAI,EAAE8B,KAAK,kBACjC7E,KAAA,CAAAoB,aAAA,CAACpB,KAAK,CAAC8E,QAAQ;MAACC,GAAG,EAAG,QAAOF,KAAM;IAAE,GAClC,CAACrE,KAAK,CAACuC,IAAI,CAACG,IAAI,CAAC,gBAChBlD,KAAA,CAAAoB,aAAA,CAACR,QAAQ;MAACU,MAAM,EAAE0C,UAAW;MAAC1B,OAAO,EAAES,IAAI,CAACE,IAAK;MAAC+B,SAAS,EAAEjC,IAAI,CAACG;IAAK,CAAE,CAAC,gBAE1ElD,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MACHoB,KAAK,EAAE,CACL,IAAI,CAACC,MAAM,CAAC2B,IAAI,EAChB;QACEgC,KAAK,EACH/D,KAAK,CAACgE,OAAO,KAAK,KAAK,GACnB,KAAK,GACL,IAAI,CAAC5D,MAAM,CAAC2B,IAAI,CAACgC;MACzB,CAAC,CACD;MACFE,UAAU,EAAE,IAAI,CAAC7D,MAAM,CAAC2B,IAAI,CAACmC,UAAU,KAAK;IAAO,GAElD3E,QAAQ,CAACsC,IAAI,CAACE,IAAI,CAAC,EACnB/B,KAAK,CAACmE,QAAQ,IAAI,IAAI,CAAClE,WAAW,CAAC,CAChC,CAEM,CACjB,CACG,CACE,CACE,CAAC,GACb,IAAI;EACV;AACF"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","AccessibilityWidgetType","getAccessibilityProps","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","constructor","arguments","_defineProperty","WmLabel","props","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","updateState","parts","parseCaption","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","caption","replace","pattern","linkRegex","captionSplit","split","i","length","isLink","test","part","isNextTextALink","text","link","push","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","fontSize","multilineskeleton","renderWidget","linkStyles","mergeStyle","entryanimation","animation","_background","navigationService","_this$state$parts","target","_extends","flexWrap","textAlign","state","getTestPropsForLabel","numberOfLines","nooflines","ellipsizeMode","map","index","key","isValid","color","selectable","userSelect","onPress","openUrl","LABEL","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($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*\\)/, '(#/__EMPTY__)');\n    const pattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n    const linkRegex = /^(((http|https):\\/\\/)|#)[^ \"]+$/;\n    const captionSplit = caption.split(pattern);\n\n    let parts = [];\n\n    for (let i = 0; i < captionSplit.length; i++) {\n      const isLink = captionSplit[i] === \"\" || 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} style={this.styles.root}>\n        {this._background}\n        <NavigationServiceConsumer>\n        {(navigationService: NavigationService) => {\n          return (<Tappable target={this}>\n            <Text style={{flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}}\n              {...this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}}\n              numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n              {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                    {...part.link ? {\n                      onPress: () => {\n                        part.link && navigationService.openUrl(part.link, '_blank');\n                      }\n                    }: {}}\n                    {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n                  >\n                    {toString(part.text)}\n                    {props.required && this.getAsterisk()}\n                  </Text>\n                );\n              })}\n            </Text>\n          </Tappable>)}}\n        </NavigationServiceConsumer>\n      </Animatedview>\n    ) : null;\n  }\n}\n"],"mappings":"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"}

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

@@ -14,6 +14,10 @@ export default class WmLabelProps extends BaseProps {
     _defineProperty(this, "skeletonheight", null);
     _defineProperty(this, "skeletonwidth", null);
     _defineProperty(this, "multilineskeleton", false);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'text');
+    _defineProperty(this, "onTap", null);
   }
 }
 //# sourceMappingURL=label.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmLabelProps","constructor","arguments","_defineProperty","undefined"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLabelProps extends BaseProps {\n    animation?: string = null as any;\n    caption?: string = 'Label';\n    required?: boolean = null as any;\n    isValid?: boolean = true;\n    wrap?: boolean = true;\n    nooflines?: any = undefined;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n    multilineskeleton?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,kBACN,OAAO;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,eACP,IAAI;IAAAA,eAAA,oBACHC,SAAS;IAAAD,eAAA,yBACD,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,4BACC,KAAK;EAAA;AACvC"}
+{"version":3,"names":["BaseProps","WmLabelProps","constructor","arguments","_defineProperty","undefined"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmLabelProps extends BaseProps {\n    animation?: string = null as any;\n    caption?: string = 'Label';\n    required?: boolean = null as any;\n    isValid?: boolean = true;\n    wrap?: boolean = true;\n    nooflines?: any = undefined;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n    multilineskeleton?: boolean = false;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'text';\n    onTap?: Function = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,kBACN,OAAO;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,eACP,IAAI;IAAAA,eAAA,oBACHC,SAAS;IAAAD,eAAA,yBACD,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,4BACC,KAAK;IAAAA,eAAA,6BACLC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,gBAC3B,IAAI;EAAA;AAC3B"}

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

@@ -4,7 +4,9 @@ import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
 export const DEFAULT_CLASS = 'app-label';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
-    root: {},
+    root: {
+      alignSelf: 'flex-start'
+    },
     text: {
       fontSize: 16,
       color: themeVariables.labelDefaultColor
@@ -21,11 +23,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       }
     },
     link: {
-      root: {
-        marginBottom: -4
-      },
       text: {
-        padding: 0
+        textDecorationLine: 'underline'
       }
     }
   });

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","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","marginBottom","padding","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      },\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        root: {\n          marginBottom: -4\n        },\n        text: {\n          padding: 0\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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"}
+{"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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"}

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

@@ -10,6 +10,7 @@ import { DEFAULT_CLASS } from './message.styles';
 import WmIcon from '../icon/icon.component';
 import WmButton from '../button/button.component';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 export class WmMessageState extends BaseComponentState {}
 const MESSAGE_ICONS = {
   'success': 'wm-sl-l sl-check',
@@ -63,9 +64,9 @@ export default class WmMessage extends BaseComponent {
       style: styles.message
     }, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('title'), {
       style: styles.title
-    }), props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
+    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
       style: styles.text
-    }), props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
+    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
       id: this.getTestId('close'),
       iconclass: "wi wi-close",
       styles: styles.closeBtn,

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","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","style","root","_background","id","getTestId","iconclass","icon","message","_extends","getTestPropsForLabel","title","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';\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} 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}>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text}>{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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"}
+{"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","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} 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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"}

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

@@ -11,6 +11,9 @@ export default class WmMessageProps extends BaseProps {
     _defineProperty(this, "caption", 'Message');
     _defineProperty(this, "type", 'success');
     _defineProperty(this, "hideclose", false);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'alert');
     _defineProperty(this, "onClose", void 0);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmMessageProps","constructor","arguments","_defineProperty"],"sources":["message.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmMessageProps extends BaseProps {\n  animation?: string = 'fadeIn';\n  title?: string = '';\n  variant?: string = 'dark'\n  caption? = 'Message';\n  type?: 'success' | 'warning' | 'error' | 'info' | 'loading' = 'success';\n  hideclose? = false;\n  onClose?: () => void;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,QAAQ;IAAAA,eAAA,gBACZ,EAAE;IAAAA,eAAA,kBACA,MAAM;IAAAA,eAAA,kBACd,SAAS;IAAAA,eAAA,eAC0C,SAAS;IAAAA,eAAA,oBAC1D,KAAK;IAAAA,eAAA;EAAA;AAEpB"}
+{"version":3,"names":["BaseProps","WmMessageProps","constructor","arguments","_defineProperty","undefined"],"sources":["message.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmMessageProps extends BaseProps {\n  animation?: string = 'fadeIn';\n  title?: string = '';\n  variant?: string = 'dark'\n  caption? = 'Message';\n  type?: 'success' | 'warning' | 'error' | 'info' | 'loading' = 'success';\n  hideclose? = false;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'alert';\n  onClose?: () => void;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,QAAQ;IAAAA,eAAA,gBACZ,EAAE;IAAAA,eAAA,kBACA,MAAM;IAAAA,eAAA,kBACd,SAAS;IAAAA,eAAA,eAC0C,SAAS;IAAAA,eAAA,oBAC1D,KAAK;IAAAA,eAAA,6BACYC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,OAAO;IAAAA,eAAA;EAAA;AAEjD"}

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

@@ -38,8 +38,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     closeBtn: {
       root: {
+        borderRadius: 0,
+        paddingLeft: 8,
         paddingHorizontal: 0,
-        paddingRight: 8,
+        paddingRight: 0,
         alignSelf: 'center'
       },
       icon: {

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","alignItems","borderWidth","borderStyle","message","flex","justifyContent","alignContent","title","fontWeight","fontSize","text","icon","closeBtn","paddingHorizontal","alignSelf","getStyle","bgColor","closeBtnColor","iconcolor","textcolor","titleColor","borderColor","arguments","length","undefined","transparent","backgroundColor","color","OS","textAlign","messageSuccessColor","defaultColorF","messageErrorColor","messageWarningColor","messageInfoColor","messageLoadingColor","defaultColor6","defaultColor1","defaultColorD"],"sources":["message.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { Platform } from 'react-native';\n\nexport type WmMessageStyles = BaseStyles & {\n    message: AllStyle,\n    icon: WmIconStyles\n    closeBtn: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-message';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmMessageStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            paddingTop: 8,\n            paddingBottom: 8,\n            paddingLeft: 8,\n            paddingRight: 8,\n            borderRadius: 6,\n            alignItems: 'center',\n            borderWidth: 1,\n            borderStyle: 'solid'\n        },\n        message: {\n            flex: 1,\n            flexDirection: 'column',\n            justifyContent: 'flex-start',\n            alignContent: 'center',\n            paddingLeft: 16\n        },\n        title: {\n            fontWeight: 'bold',\n            fontSize: 14,\n            paddingBottom: 4\n        },\n        text: {\n            fontSize: 12\n        },\n        icon: {\n            root: {\n                alignItems: 'flex-start',\n                fontSize: 20\n            }\n        } as WmIconStyles,\n        closeBtn: {\n            root: {\n                paddingHorizontal: 0,\n                paddingRight: 8,\n                alignSelf: 'center'\n            },\n            icon: {\n                text: {\n                    fontSize: 16\n                }\n            }\n        } as WmButtonStyles\n    }) as WmMessageStyles;\n\n    const getStyle = (bgColor: string, \n        closeBtnColor: string,\n        iconcolor: string,\n        textcolor: string,\n        titleColor: string,\n        borderColor = themeVariables.transparent) => {\n        return {\n            root: {\n                backgroundColor: bgColor,\n                borderColor: borderColor\n            },\n            message: {\n                color: textcolor\n            },\n            title: {\n                color: titleColor\n            },\n            text: {\n                color: textcolor\n            },\n            icon: {\n                root: {\n                    color: iconcolor\n                }\n            } as WmIconStyles,\n            closeBtn: {\n                icon: {\n                    root : {\n                        color: closeBtnColor,\n                    }\n                }\n            } as WmButtonStyles\n        } as WmMessageStyles;\n    };\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n        title:{\n            textAlign:'right',\n        },\n        text:{\n            textAlign:'right',\n        },\n        message:{\n            paddingRight: 16\n        }\n    }:{\n        title:{\n            textAlign:'left',\n        },\n        text:{\n            textAlign:'left',\n        },\n        message:{\n            paddingRight: 16\n        }\n    });\n    addStyle('success-dark-message', '', getStyle(\n        themeVariables.messageSuccessColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n    ));\n    addStyle('error-dark-message', '', getStyle(\n        themeVariables.messageErrorColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n    ));\n    addStyle('warning-dark-message', '', getStyle(\n        themeVariables.messageWarningColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF\n    ));\n    addStyle('info-dark-message', '', getStyle(\n        themeVariables.messageInfoColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n    ));\n    addStyle('loading-dark-message', '', getStyle(\n        themeVariables.messageLoadingColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n    ));\n\n\n    addStyle('success-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageSuccessColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n    addStyle('error-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageErrorColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n    addStyle('warning-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageWarningColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n    addStyle('info-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageInfoColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n    addStyle('loading-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageLoadingColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n});"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","alignItems","borderWidth","borderStyle","message","flex","justifyContent","alignContent","title","fontWeight","fontSize","text","icon","closeBtn","paddingHorizontal","alignSelf","getStyle","bgColor","closeBtnColor","iconcolor","textcolor","titleColor","borderColor","arguments","length","undefined","transparent","backgroundColor","color","OS","textAlign","messageSuccessColor","defaultColorF","messageErrorColor","messageWarningColor","messageInfoColor","messageLoadingColor","defaultColor6","defaultColor1","defaultColorD"],"sources":["message.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { Platform } from 'react-native';\n\nexport type WmMessageStyles = BaseStyles & {\n    message: AllStyle,\n    icon: WmIconStyles\n    closeBtn: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-message';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmMessageStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            paddingTop: 8,\n            paddingBottom: 8,\n            paddingLeft: 8,\n            paddingRight: 8,\n            borderRadius: 6,\n            alignItems: 'center',\n            borderWidth: 1,\n            borderStyle: 'solid'\n        },\n        message: {\n            flex: 1,\n            flexDirection: 'column',\n            justifyContent: 'flex-start',\n            alignContent: 'center',\n            paddingLeft: 16\n        },\n        title: {\n            fontWeight: 'bold',\n            fontSize: 14,\n            paddingBottom: 4\n        },\n        text: {\n            fontSize: 12\n        },\n        icon: {\n            root: {\n                alignItems: 'flex-start',\n                fontSize: 20\n            }\n        } as WmIconStyles,\n        closeBtn: {\n            root: {\n                borderRadius: 0,\n                paddingLeft: 8,\n                paddingHorizontal: 0,\n                paddingRight: 0,\n                alignSelf: 'center'\n            },\n            icon: {\n                text: {\n                    fontSize: 16\n                }\n            }\n        } as WmButtonStyles\n    }) as WmMessageStyles;\n\n    const getStyle = (bgColor: string, \n        closeBtnColor: string,\n        iconcolor: string,\n        textcolor: string,\n        titleColor: string,\n        borderColor = themeVariables.transparent) => {\n        return {\n            root: {\n                backgroundColor: bgColor,\n                borderColor: borderColor\n            },\n            message: {\n                color: textcolor\n            },\n            title: {\n                color: titleColor\n            },\n            text: {\n                color: textcolor\n            },\n            icon: {\n                root: {\n                    color: iconcolor\n                }\n            } as WmIconStyles,\n            closeBtn: {\n                icon: {\n                    root : {\n                        color: closeBtnColor,\n                    }\n                }\n            } as WmButtonStyles\n        } as WmMessageStyles;\n    };\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n        title:{\n            textAlign:'right',\n        },\n        text:{\n            textAlign:'right',\n        },\n        message:{\n            paddingRight: 16\n        }\n    }:{\n        title:{\n            textAlign:'left',\n        },\n        text:{\n            textAlign:'left',\n        },\n        message:{\n            paddingRight: 16\n        }\n    });\n    addStyle('success-dark-message', '', getStyle(\n        themeVariables.messageSuccessColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n    ));\n    addStyle('error-dark-message', '', getStyle(\n        themeVariables.messageErrorColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n    ));\n    addStyle('warning-dark-message', '', getStyle(\n        themeVariables.messageWarningColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF\n    ));\n    addStyle('info-dark-message', '', getStyle(\n        themeVariables.messageInfoColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n    ));\n    addStyle('loading-dark-message', '', getStyle(\n        themeVariables.messageLoadingColor,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n        themeVariables.defaultColorF,\n    ));\n\n\n    addStyle('success-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageSuccessColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n    addStyle('error-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageErrorColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n    addStyle('warning-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageWarningColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n    addStyle('info-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageInfoColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n    addStyle('loading-light-message', '', getStyle(\n        themeVariables.defaultColorF,\n        themeVariables.defaultColor6,\n        themeVariables.messageLoadingColor,\n        themeVariables.defaultColor6,\n        themeVariables.defaultColor1,\n        themeVariables.defaultColorD\n    ));\n});"],"mappings":"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"}

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

@@ -10,6 +10,7 @@ import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';
 import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 import WmPictureProps from './picture.props';
 import { DEFAULT_CLASS } from './picture.styles';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
@@ -123,12 +124,12 @@ export default class WmPicture extends BaseComponent {
       source = imgSrc;
     }
     if (this.state.naturalImageWidth) {
-      elementToshow = /*#__PURE__*/React.createElement(Image, {
+      elementToshow = /*#__PURE__*/React.createElement(Image, _extends({
         testID: this.getTestId('picture'),
         style: [this.styles.picture, shapeStyles.picture],
         resizeMode: props.resizemode,
         source: source
-      });
+      }, getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)));
     }
     return elementToshow;
   }
@@ -171,6 +172,7 @@ export default class WmPicture extends BaseComponent {
       }],
       onLayout: this.onViewLayoutChange
     }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      rippleColor: this.styles.root.rippleColor,
       target: this,
       styles: {
         width: imageWidth ? null : '100%',