@wavemaker/app-rn-runtime 11.14.2-rc.6311 → 11.15.0-1.246

package/components/basic/button/button.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","styles","icon","accessible","prepareBadge","_extends","style","badge","getTestProps","badgevalue","renderSkeleton","prop","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","Fragment","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","flex","_background","disableTouchEffect","state","disabletoucheffect","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","getTestPropsForLabel","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          id={this.getTestId('icon')}\n          hint={hint}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n          accessible={false}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge} {...this.getTestProps('badge')}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n    \n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <>\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n        style={[\n          this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: 'hidden',\n            flexDirection: 'column'\n          },\n          this.styles.root.height == \"100%\" ? {flex: 1}:{}\n        ]}\n        >\n        {this._background}\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          styles={{\n            paddingTop: this.styles.root.paddingTop,\n            paddingBottom: this.styles.root.paddingBottom,\n            paddingLeft: this.styles.root.paddingLeft,\n            paddingRight: this.styles.root.paddingRight,\n            width: '100%',\n            height: this.styles.root.height ? '100%' : null,\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n      {props.badgevalue && this.prepareBadge(props)}\n      </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","constructor","args","_defineProperty","WmButton","props","event","_this$styles","styles","root","flex","width","nativeEvent","layout","rootWidth","hasExplicitWidth","includes","state","contentWidth","paddingLeft","paddingRight","paddingLeftNum","parseFloat","paddingRightNum","totalWidth","updateState","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","icon","accessible","prepareBadge","_extends","style","badge","getTestProps","badgevalue","renderSkeleton","prop","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","rootStyle","isFill","undefined","preventShrink","buttonWidth","isPercentageWidth","tappableWidth","Fragment","entryanimation","animation","delay","animationdelay","onLayout","handleLayout","paddingTop","paddingBottom","overflow","flexDirection","flexShrink","flexGrow","_background","disableTouchEffect","disabletoucheffect","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","handleContentLayout","content","iconposition","alignSelf","caption","text","getTestPropsForLabel","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n  contentWidth?: number;\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          id={this.getTestId('icon')}\n          hint={hint}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n          accessible={false}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge} {...this.getTestProps('badge')}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n    \n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  private handleContentLayout = (event: LayoutChangeEvent) => {\n    if(this.styles?.root?.flex === 1){\n      return;\n    }\n    const { width } = event.nativeEvent.layout;\n    const rootWidth = this.styles.root.width;\n    const hasExplicitWidth = rootWidth && \n                            rootWidth !== '100%' && \n                            !(typeof rootWidth === 'string' && rootWidth.includes('%'));\n    \n    if (!hasExplicitWidth && width > 0 && this.state.contentWidth !== width) {\n      const paddingLeft = this.styles.root.paddingLeft || 0;\n      const paddingRight = this.styles.root.paddingRight || 0;\n      const paddingLeftNum = typeof paddingLeft === 'number' ? paddingLeft : \n                             (typeof paddingLeft === 'string' ? parseFloat(paddingLeft) || 0 : 0);\n      const paddingRightNum = typeof paddingRight === 'number' ? paddingRight : \n                              (typeof paddingRight === 'string' ? parseFloat(paddingRight) || 0 : 0);\n      const totalWidth = width + paddingLeftNum + paddingRightNum;\n      \n      if (totalWidth > 0) {\n        this.updateState({\n          contentWidth: totalWidth\n        } as any);\n      }\n    }\n  }\n\n  renderWidget(props: WmButtonProps) {\n    const rootStyle = this.styles.root;\n    const isFill = rootStyle.flex === 1;\n    const hasExplicitWidth =\n      rootStyle.width !== undefined && rootStyle.width !== null;\n\n    const preventShrink = !isFill && !hasExplicitWidth;\n\n    const buttonWidth = hasExplicitWidth ? rootStyle.width : \n                       (this.state.contentWidth ? this.state.contentWidth : undefined);\n    \n    const isPercentageWidth = typeof buttonWidth === 'string' && buttonWidth.includes('%');\n    const tappableWidth = buttonWidth \n      ? (isPercentageWidth ? '100%' : buttonWidth)\n      : undefined;\n    \n    \n    return (\n      <>\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n        style={[\n          rootStyle,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: 'hidden',\n            flexDirection: 'column',\n            flexShrink: preventShrink ? 0 : 1,\n            ...(isFill ? { flexGrow: 1 } : {}),\n            ...(buttonWidth ? { width: buttonWidth } : {})\n          },\n          rootStyle.height === '100%' ? { flex: 1 } : {}\n        ]}\n        >\n        {this._background}\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          styles={{\n            paddingTop: this.styles.root.paddingTop,\n            paddingBottom: this.styles.root.paddingBottom,\n            paddingLeft: this.styles.root.paddingLeft,\n            paddingRight: this.styles.root.paddingRight,\n            height: this.styles.root.height ? '100%' : null,\n            justifyContent: 'center',\n            ...(tappableWidth ? { width: tappableWidth } : {})\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            onLayout={this.handleContentLayout}\n            style={[\n              this.styles.content,\n              { \n                flexDirection: props.iconposition === 'top' ? 'column' : 'row',\n                alignSelf: 'center',\n              }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n      {props.badgevalue && this.prepareBadge(props)}\n      </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/button/button.styles.js

@@ -10,7 +10,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       paddingBottom: 12,
       paddingLeft: 24,
       paddingRight: 24,
-      alignSelf: 'flex-start',
       rippleColor: themeVariables.rippleColor
     },
     content: {

package/components/basic/button/button.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","alignSelf","rippleColor","content","flexDirection","alignItems","justifyContent","text","fontSize","fontFamily","baseFont","fontWeight","textAlign","textTransform","badge","backgroundColor","buttonBadgeBackgroundColor","color","buttonBadgeTextColor","position","bottom","marginRight","borderWidth","borderStyle","icon","buttonTextPadding","skeleton","width","height","opacity","getButtonStyles","bgColor","borderColor","linkBtnStyle","buttonLinkColor","buttonLinkTextColor","buttonWithOnlyLabel","paddingVertical","textDecorationColor","textDecorationLine","textDecorationStyle","buttonDefaultColor","buttonDefaultTextColor","buttonBorderColor","buttonInfoColor","buttonInfoTextColor","buttonPrimaryColor","buttonPrimaryTextColor","buttonSecondaryColor","buttonSecondaryTextColor","buttonDangerColor","buttonDangerTextColor","buttonSuccessColor","buttonSuccessTextColor","buttonWarningColor","buttonWarningTextColor","buttonDarkColor","buttonDarkTextColor","buttonLightColor","buttonLightTextColor","getStyle","right","marginLeft"],"sources":["button.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 '../icon/icon.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtonStyles = BaseStyles & {\n  content: AllStyle,\n  badge: AllStyle,\n  icon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-button';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmButtonStyles = defineStyles<WmButtonStyles>({\n      root: {\n          minHeight: 40,\n          borderRadius: 32,\n          paddingTop: 12,\n          paddingBottom: 12,\n          paddingLeft: 24,\n          paddingRight: 24,\n          alignSelf: 'flex-start',\n          rippleColor: themeVariables.rippleColor\n      },\n      content: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center'\n      },\n      text: {\n        fontSize: 14,\n        fontFamily: themeVariables.baseFont,\n        fontWeight: '500',\n        textAlign: 'center',\n        textTransform: 'capitalize',\n      },\n      badge: {\n        backgroundColor: themeVariables.buttonBadgeBackgroundColor,\n        color: themeVariables.buttonBadgeTextColor,\n        alignSelf: 'flex-end',\n        position: 'relative',\n        bottom: 60 ,\n        marginRight: 18,\n        borderWidth: 1,\n        borderStyle: 'solid',\n      },\n      icon: {\n        root : {\n          alignSelf: 'auto',\n          paddingLeft: -8,\n          paddingRight: -8\n        },\n        icon: {},\n        text: {\n          paddingRight: themeVariables.buttonTextPadding,\n          fontSize: 16\n        }\n      } as WmIconStyles,\n      skeleton: {\n        root: {\n          width: 96,\n          height: 48,\n          borderRadius: 4\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      opacity: 0.5\n    }\n  });\n\n  const getButtonStyles = (bgColor: string, color: string, borderColor = bgColor) => {\n    return {\n      root: {\n        borderWidth: 1,\n        borderColor: borderColor,\n        borderStyle: 'solid',\n        backgroundColor: bgColor\n      },\n      text: {\n        color: color\n      },\n      badge: {\n        backgroundColor: color,\n        color: bgColor,\n        borderColor: bgColor\n      },\n      icon: {\n        text: {\n          color: color\n        }\n      }\n    } as WmButtonStyles;\n  }\n\n  const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\nconst buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\n\n  linkBtnStyle.root.paddingVertical = 4;\n  linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;\n  linkBtnStyle.text.textDecorationLine = 'underline';\n  linkBtnStyle.text.textDecorationStyle = 'solid';\n\n  addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));\n  addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));\n  addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));\n  addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));\n  addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));\n  addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));\n  addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));\n  addStyle('btn-link', '', linkBtnStyle);\n  addStyle('btn-only-label', '', buttonWithOnlyLabel);\n  addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));\n  addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));\n  addStyle('fab-btn', 'btn-primary', {\n    root : {\n      ...BASE_THEME.getStyle('elevate2').root,\n      position: 'fixed' as any,\n      bottom: 160,\n      right: 48,\n      width: 56,\n      height: 56,\n      borderRadius: 56,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      marginLeft: 0,\n      marginRight: 0\n    },\n    icon: {\n      icon: {\n        fontSize: 24\n      }\n    } as WmIconStyles\n  } as WmButtonStyles);\n  addStyle('mini-fab-btn', 'fab-btn', {\n    root : {\n      width: 40,\n      height: 40\n    }\n  } as WmButtonStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","rippleColor","content","flexDirection","alignItems","justifyContent","text","fontSize","fontFamily","baseFont","fontWeight","textAlign","textTransform","badge","backgroundColor","buttonBadgeBackgroundColor","color","buttonBadgeTextColor","alignSelf","position","bottom","marginRight","borderWidth","borderStyle","icon","buttonTextPadding","skeleton","width","height","opacity","getButtonStyles","bgColor","borderColor","linkBtnStyle","buttonLinkColor","buttonLinkTextColor","buttonWithOnlyLabel","paddingVertical","textDecorationColor","textDecorationLine","textDecorationStyle","buttonDefaultColor","buttonDefaultTextColor","buttonBorderColor","buttonInfoColor","buttonInfoTextColor","buttonPrimaryColor","buttonPrimaryTextColor","buttonSecondaryColor","buttonSecondaryTextColor","buttonDangerColor","buttonDangerTextColor","buttonSuccessColor","buttonSuccessTextColor","buttonWarningColor","buttonWarningTextColor","buttonDarkColor","buttonDarkTextColor","buttonLightColor","buttonLightTextColor","getStyle","right","marginLeft"],"sources":["button.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 '../icon/icon.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtonStyles = BaseStyles & {\n  content: AllStyle,\n  badge: AllStyle,\n  icon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-button';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmButtonStyles = defineStyles<WmButtonStyles>({\n      root: {\n          minHeight: 40,\n          borderRadius: 32,\n          paddingTop: 12,\n          paddingBottom: 12,\n          paddingLeft: 24,\n          paddingRight: 24,\n          rippleColor: themeVariables.rippleColor\n      },\n      content: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center'\n      },\n      text: {\n        fontSize: 14,\n        fontFamily: themeVariables.baseFont,\n        fontWeight: '500',\n        textAlign: 'center',\n        textTransform: 'capitalize',\n      },\n      badge: {\n        backgroundColor: themeVariables.buttonBadgeBackgroundColor,\n        color: themeVariables.buttonBadgeTextColor,\n        alignSelf: 'flex-end',\n        position: 'relative',\n        bottom: 60 ,\n        marginRight: 18,\n        borderWidth: 1,\n        borderStyle: 'solid',\n      },\n      icon: {\n        root : {\n          alignSelf: 'auto',\n          paddingLeft: -8,\n          paddingRight: -8\n        },\n        icon: {},\n        text: {\n          paddingRight: themeVariables.buttonTextPadding,\n          fontSize: 16\n        }\n      } as WmIconStyles,\n      skeleton: {\n        root: {\n          width: 96,\n          height: 48,\n          borderRadius: 4\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      opacity: 0.5\n    }\n  });\n\n  const getButtonStyles = (bgColor: string, color: string, borderColor = bgColor) => {\n    return {\n      root: {\n        borderWidth: 1,\n        borderColor: borderColor,\n        borderStyle: 'solid',\n        backgroundColor: bgColor\n      },\n      text: {\n        color: color\n      },\n      badge: {\n        backgroundColor: color,\n        color: bgColor,\n        borderColor: bgColor\n      },\n      icon: {\n        text: {\n          color: color\n        }\n      }\n    } as WmButtonStyles;\n  }\n\n  const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\nconst buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\n\n  linkBtnStyle.root.paddingVertical = 4;\n  linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;\n  linkBtnStyle.text.textDecorationLine = 'underline';\n  linkBtnStyle.text.textDecorationStyle = 'solid';\n\n  addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));\n  addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));\n  addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));\n  addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));\n  addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));\n  addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));\n  addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));\n  addStyle('btn-link', '', linkBtnStyle);\n  addStyle('btn-only-label', '', buttonWithOnlyLabel);\n  addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));\n  addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));\n  addStyle('fab-btn', 'btn-primary', {\n    root : {\n      ...BASE_THEME.getStyle('elevate2').root,\n      position: 'fixed' as any,\n      bottom: 160,\n      right: 48,\n      width: 56,\n      height: 56,\n      borderRadius: 56,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      marginLeft: 0,\n      marginRight: 0\n    },\n    icon: {\n      icon: {\n        fontSize: 24\n      }\n    } as WmIconStyles\n  } as WmButtonStyles);\n  addStyle('mini-fab-btn', 'fab-btn', {\n    root : {\n      width: 40,\n      height: 40\n    }\n  } as WmButtonStyles);\n});\n"],"mappings":"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","ignoreList":[]}

package/components/basic/message/message.component.js

@@ -63,7 +63,7 @@ export default class WmMessage extends BaseComponent {
       }
     }, this._background, /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('icon'),
-      iconclass: props.type && MESSAGE_ICONS[props.type],
+      iconclass: props.messageiconclass || props.type && MESSAGE_ICONS[props.type],
       styles: styles.icon,
       accessible: false
     }), /*#__PURE__*/React.createElement(View, {

package/components/basic/message/message.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","AccessibilityWidgetType","getAccessibilityProps","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","delay","animationdelay","style","root","onLayout","event","handleLayout","accessibilityProps","MESSAGE","_background","id","getTestId","iconclass","icon","accessible","message","_extends","getTestPropsForLabel","title","importantForAccessibility","text","caption","hideclose","closeiconclass","closeBtn","onTap","close","accessibilitylabel","accessibilityrole"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent } 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 (\n    <Animatedview\n      entryanimation={props.animation}\n      delay={props.animationdelay}\n      style={styles.root}\n      onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n      accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}}\n    >\n      {this._background}\n      <WmIcon\n        id={this.getTestId('icon')}\n        iconclass={props.type && MESSAGE_ICONS[props.type]}\n        styles={styles.icon}\n        accessible={false}></WmIcon>\n      <View style={styles.message}>\n        <Text {...this.getTestPropsForLabel('title')} style={styles.title} importantForAccessibility='no'>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text} importantForAccessibility='no'>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\n          id={this.getTestId('close')}\n          iconclass={props.closeiconclass || \"wi wi-close\"}\n          styles={styles.closeBtn}\n          onTap={this.close}\n          accessibilitylabel='close'\n          accessibilityrole='button'></WmButton>\n      )}\n    </Animatedview>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","AccessibilityWidgetType","getAccessibilityProps","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","delay","animationdelay","style","root","onLayout","event","handleLayout","accessibilityProps","MESSAGE","_background","id","getTestId","iconclass","messageiconclass","icon","accessible","message","_extends","getTestPropsForLabel","title","importantForAccessibility","text","caption","hideclose","closeiconclass","closeBtn","onTap","close","accessibilitylabel","accessibilityrole"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent } 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 (\n    <Animatedview\n      entryanimation={props.animation}\n      delay={props.animationdelay}\n      style={styles.root}\n      onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n      accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}}\n    >\n      {this._background}\n      <WmIcon\n        id={this.getTestId('icon')}\n        iconclass={props.messageiconclass || (props.type && MESSAGE_ICONS[props.type])}\n        styles={styles.icon}\n        accessible={false}></WmIcon>\n      <View style={styles.message}>\n        <Text {...this.getTestPropsForLabel('title')} style={styles.title} importantForAccessibility='no'>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text} importantForAccessibility='no'>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\n          id={this.getTestId('close')}\n          iconclass={props.closeiconclass || \"wi wi-close\"}\n          styles={styles.closeBtn}\n          onTap={this.close}\n          accessibilitylabel='close'\n          accessibilityrole='button'></WmButton>\n      )}\n    </Animatedview>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/message/message.props.js

@@ -18,6 +18,7 @@ export default class WmMessageProps extends BaseProps {
     _defineProperty(this, "accessibilityrole", 'alert');
     _defineProperty(this, "onClose", void 0);
     _defineProperty(this, "closeiconclass", 'wi wi-close');
+    _defineProperty(this, "messageiconclass", '');
   }
 }
 //# sourceMappingURL=message.props.js.map

package/components/basic/message/message.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmMessageProps","constructor","args","_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  animationdelay?: number = null as any;\n  title?: string = '';\n  variant?: string = 'dark'\n  caption? = 'Message';\n  type?: 'success' | 'warning' | 'error' | 'info' | 'loading' = 'success';\n  hideclose? = false;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'alert';\n  onClose?: () => void;\n  closeiconclass?: string = 'wi wi-close';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,QAAQ;IAAAA,eAAA,yBACH,IAAI;IAAAA,eAAA,gBACb,EAAE;IAAAA,eAAA,kBACA,MAAM;IAAAA,eAAA,kBACd,SAAS;IAAAA,eAAA,eAC0C,SAAS;IAAAA,eAAA,oBAC1D,KAAK;IAAAA,eAAA,qBACK,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,OAAO;IAAAA,eAAA;IAAAA,eAAA,yBAErB,aAAa;EAAA;AACzC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmMessageProps","constructor","args","_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  animationdelay?: number = null as any;\n  title?: string = '';\n  variant?: string = 'dark'\n  caption? = 'Message';\n  type?: 'success' | 'warning' | 'error' | 'info' | 'loading' = 'success';\n  hideclose? = false;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'alert';\n  onClose?: () => void;\n  closeiconclass?: string = 'wi wi-close';\n  messageiconclass?: string = '';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,QAAQ;IAAAA,eAAA,yBACH,IAAI;IAAAA,eAAA,gBACb,EAAE;IAAAA,eAAA,kBACA,MAAM;IAAAA,eAAA,kBACd,SAAS;IAAAA,eAAA,eAC0C,SAAS;IAAAA,eAAA,oBAC1D,KAAK;IAAAA,eAAA,qBACK,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,OAAO;IAAAA,eAAA;IAAAA,eAAA,yBAErB,aAAa;IAAAA,eAAA,2BACX,EAAE;EAAA;AAChC","ignoreList":[]}

package/components/basic/picture/picture.component.js

@@ -134,9 +134,9 @@ export default class WmPicture extends BaseComponent {
             }
           };
         case 'rounded':
-          return this.theme.getStyle('rounded-image');
+          return this.theme.mergeStyle({}, this.theme.getStyle('rounded-image'));
         case 'thumbnail':
-          return this.theme.getStyle('thumbnail-image');
+          return this.theme.mergeStyle({}, this.theme.getStyle('thumbnail-image'));
       }
     }
     return {};

package/components/basic/picture/picture.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","View","EXPOImage","isNumber","Tappable","BaseComponent","BaseComponentState","ImageSizeEstimator","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmPictureProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmPictureState","constructor","args","_defineProperty","WmPicture","props","e","_this$styles","_this$styles2","_this$styles3","imageWidth","nativeEvent","layout","width","imageHeight","height","styles","root","includes","state","aspectratio","parseFloat","naturalImageHeight","naturalImageWidth","updateState","originalContainerWidth","originalContainerHeight","imageElement","loadImage","image","loadAsset","imageSrc","default","resolveAssetSource","cancel","getSize","cleanup","splice","indexOf","picturesource","_cleanupTracker","push","componentDidUpdate","prevProps","prevState","snapshot","forEach","func","onPropertyChange","name","$new","$old","_pictureSource","_picturePlaceHolder","createShape","shape","picture","borderRadius","theme","getStyle","getContentFit","resizemode","mapping","toLowerCase","getElementToShow","imgSrc","shapeStyles","elementToshow","source","imgStyle","createElement","uri","_props$resizemode","_props$resizemode2","_extends","cachePolicy","getTestProps","style","fastload","opacity","contentFit","resizeMode","renderSkeleton","_this$styles$root","_shapeStyles$root","_shapeStyles$picture","_this$styles$root2","_shapeStyles$root2","_shapeStyles$picture2","_this$styles$root3","_shapeStyles$picture3","_shapeStyles$root3","_this$styles$root4","skeletonWidth","skeletonwidth","skeletonHeight","skeletonheight","skeleton","calculateBasedOnaspectratio","calculateBasedOnNaturalDimensions","widthAndHeightExistsInProps","renderWidget","_shapeStyles$picture4","aspectDimensions","naturalDimensions","dimensions","pictureplaceholder","isSvg","onLayout","event","handleLayout","_background","overflow","onViewLayoutChange","disableTouchEffect","disabletoucheffect","getTestPropsForAction","rippleColor","target","entryanimation","animation","delay","animationdelay","accessibilityProps","PICTURE","showImage"],"sources":["picture.component.tsx"],"sourcesContent":["import React from 'react';\nimport {  DimensionValue, Image, LayoutChangeEvent, View } from 'react-native';\nimport {Image as EXPOImage} from 'expo-image';\nimport { isNumber } from 'lodash-es';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmPictureProps from './picture.props';\nimport { DEFAULT_CLASS, WmPictureStyles } from './picture.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmPictureState extends BaseComponentState<WmPictureProps> {\n  naturalImageWidth: number = 0;\n  naturalImageHeight: number = 0;\n  imageWidth: number = 0;\n  imageHeight: number = 0;\n  originalContainerWidth: number = 0;\n  originalContainerHeight: number = 0;\n}\n\nexport default class WmPicture extends BaseComponent<WmPictureProps, WmPictureState, WmPictureStyles> {\n\n  private _pictureSource = null as any;\n  private _picturePlaceHolder = null as any;\n\n  // The below property will be used to track and remove the calculateImageSize listenrs of individual picturesource\n  private _cleanupTracker = {} as any\n\n  constructor(props: WmPictureProps) {\n    super(props, DEFAULT_CLASS, new WmPictureProps());\n  }\n\n  loadImage(image: string | undefined) {\n    if (!image || !this.loadAsset) {\n      return null;\n    }\n    const imageSrc = this.loadAsset(image) as any;\n    if (imageSrc && typeof imageSrc === 'object' && typeof imageSrc.default === 'function') {\n      return null;\n    }\n    // if(this.state.props.aspectratio) {\n    //   return imageSrc;\n    // }\n    if (isNumber(imageSrc)) {\n      const {width, height} = Image.resolveAssetSource(imageSrc);\n      this.updateState({\n        naturalImageWidth: width,\n        naturalImageHeight: height\n      } as WmPictureState);\n    } else if (imageSrc !== null) {\n      const cancel = ImageSizeEstimator.getSize(imageSrc, (width: number, height: number) => {\n        this.updateState({\n          naturalImageWidth: width,\n          naturalImageHeight: height\n        } as WmPictureState);\n        this.cleanup.splice(this.cleanup.indexOf(cancel), 1);\n      });\n      if(this.props.picturesource && this._cleanupTracker[this.props.picturesource]) {\n        this._cleanupTracker[this.props.picturesource].push(cancel)\n      } else if(this.props.picturesource && !this._cleanupTracker[this.props.picturesource]) {\n        this._cleanupTracker[this.props.picturesource] = [];\n        this._cleanupTracker[this.props.picturesource].push(cancel)\n      }\n      this.cleanup.push(cancel);\n    }\n    return imageSrc;\n  }\n\n    // Check if the image source prop is changed from previous update to remove all listeners\n  componentDidUpdate(prevProps: Readonly<WmPictureProps>, prevState: Readonly<WmPictureState>, snapshot?: any): void {\n    if(this.state.props.picturesource !== prevProps.picturesource) {\n      if(prevProps.picturesource && this._cleanupTracker[prevProps.picturesource]) {\n        this._cleanupTracker[prevProps.picturesource].forEach((func: any) => {\n          func();\n        });  \n        this._cleanupTracker[prevProps.picturesource] = []\n        delete this._cleanupTracker[prevProps.picturesource] \n      }\n    }\n    super.componentDidUpdate(prevProps, prevState)\n  }\n\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'picturesource':\n        this._pictureSource = null;\n      case 'pictureplaceholder':\n        this._picturePlaceHolder = null;\n        break;\n    }\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let imageWidth = e.nativeEvent.layout.width;\n    let imageHeight = e.nativeEvent.layout.height;\n    if (!imageWidth && !imageHeight) {\n      return;\n    }\n    if (!this.styles?.root.height\n        || (typeof this.styles?.root.height === 'string'\n          && !this.styles?.root.height.includes('%'))) {\n        imageHeight = 0;\n    }\n    if(this.state.props.aspectratio && !imageHeight && imageWidth) {\n      imageHeight = imageWidth / parseFloat(this.state.props.aspectratio as string)\n    } else if (this.state.props.aspectratio && !imageWidth && imageHeight) {\n      imageWidth = imageWidth * parseFloat(this.state.props.aspectratio as string)\n    } else if (imageWidth && !imageHeight) {\n      imageHeight = imageWidth * this.state.naturalImageHeight / this.state.naturalImageWidth;\n    } else if (imageHeight && !imageWidth) {\n      imageWidth = imageHeight * this.state.naturalImageWidth / this.state.naturalImageHeight;\n    }\n    this.updateState({\n      imageWidth: imageWidth,\n      imageHeight: imageHeight,\n      originalContainerWidth: this.styles.root.width ? e.nativeEvent.layout.width : 0,\n      originalContainerHeight: this.styles.root.height ? e.nativeEvent.layout.height: 0\n    } as WmPictureState);\n  };\n\n  createShape(shape: string | undefined, imageWidth?: number | string): WmPictureStyles {\n    if (shape) {\n      switch(shape) {\n        case 'circle':\n          return {\n            picture: {\n              borderRadius: isNumber(imageWidth) ? imageWidth / 2 : 4\n            }\n          } as WmPictureStyles;\n        case 'rounded' :\n          return (this.theme.getStyle('rounded-image') as WmPictureStyles);\n        case 'thumbnail' :\n          return (this.theme.getStyle('thumbnail-image') as WmPictureStyles);\n      }\n    }\n    return {} as WmPictureStyles;\n  }\n\n  private getContentFit(resizemode: string): 'contain' | 'cover' | 'fill' | 'scale-down' | 'none' {\n    if (!resizemode) return 'cover';\n    const mapping: Record<string, 'contain' | 'cover' | 'fill' | 'scale-down' | 'none'> = {\n      'contain': 'contain',\n      'cover': 'cover',\n      'fill': 'fill',\n      'none': 'none',\n      'scale-down': 'scale-down',\n      'stretch': 'fill',\n      'center': 'none',\n      'repeat': 'none',\n    };\n    return mapping[resizemode?.toLowerCase()] || 'cover';\n  }\n\n  getElementToShow(props: WmPictureProps, imgSrc: any, shapeStyles: WmPictureStyles) {\n    let elementToshow, source;\n    if (imgSrc && typeof imgSrc === 'object' && typeof imgSrc?.default === 'function') {\n      let imgStyle : any = {};\n      if (props.resizemode === 'contain') {\n        imgStyle['width'] = '100%';\n        imgStyle['height'] = '100%';\n      }\n      elementToshow = React.createElement(imgSrc?.default, imgStyle);\n    //} else if (!isWebPreviewMode() && props.isSvg) {\n    //  svg from uri\n    //  elementToshow = <SvgUri testID={this.getTestId('picture')} width={this.styles.root.width as NumberProp} height={this.styles.root.height as NumberProp} uri={imgSrc}/>;\n    } else if (isFullPathUrl(imgSrc)) {\n      source = {\n        uri: imgSrc\n      };\n    } else {\n      source = imgSrc;\n    }\n    if (this.state.naturalImageWidth || this.state.props.aspectratio) {\n\n      if (props.resizemode?.toLowerCase() !== 'repeat' && props.resizemode?.toLowerCase() !== 'center') {\n        elementToshow = (\n          // * INFO: if any issue arises like freezing of application because of \n          // * rendering large number of images, check the cache policy.\n          <EXPOImage\n            cachePolicy='memory' \n            {...this.getTestProps('picture')}\n            style={[this.styles.picture, shapeStyles.picture, (props.fastload || this.state.imageWidth) ? {opacity: 1} : {opacity: 0} ]}\n            contentFit={this.getContentFit(props.resizemode)}\n            source={source}\n          />\n        );\n      }\n      else {\n        elementToshow =  (\n          <Image\n            {...this.getTestProps('picture')}\n            style={[this.styles.picture, shapeStyles.picture, (props.fastload || this.state.imageWidth) ? {opacity: 1} : {opacity: 0} ]}\n            resizeMode={props.resizemode}\n            source={source}\n          />\n        );   \n    }\n  }\n    return elementToshow;\n  }\n\n  public renderSkeleton(props: WmPictureProps){\n    const imageWidth = this.state.imageWidth;\n    const imageHeight = this.state.imageHeight;\n    const shapeStyles = this.createShape(this.props.shape, imageWidth);\n    const skeletonWidth = this.props.skeletonwidth || this.styles.root?.width || shapeStyles.root?.width || shapeStyles.picture?.width || imageWidth;\n    const skeletonHeight = this.props.skeletonheight || this.styles.root?.height || shapeStyles.root?.height || shapeStyles.picture?.height || imageHeight;\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      borderRadius:  this.props.shape == 'circle' && this.styles.root?.width ? 25 : shapeStyles.picture?.borderRadius || shapeStyles.root?.borderRadius || this.styles.root?.borderRadius || 4,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  showImage = (imageElement: any, props: WmPictureProps) => {\n    return imageElement;\n  }\n\n\n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    calculateBasedOnaspectratio(): {imageWidth: number, imageHeight: number} | null  {\n      if(this.state.props.aspectratio) {\n        if(this.state.originalContainerWidth) {\n          return {\n            imageHeight: this.state.originalContainerWidth / parseFloat(this.state.props.aspectratio as string),\n            imageWidth: this.state.originalContainerWidth\n          }\n        } else if(this.state.originalContainerHeight) {\n          return {\n            imageHeight: this.state.originalContainerHeight, \n            imageWidth: this.state.originalContainerHeight * parseFloat(this.state.props.aspectratio as string),\n          }\n        }\n      }\n      return null\n    }\n    \n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    calculateBasedOnNaturalDimensions(): {imageWidth: number, imageHeight: number} | null {\n      // No need to calculate width & height if the user already passign them explicitly from props.  \n      const widthAndHeightExistsInProps = this.styles.root.width && this.styles.root.height\n      if(!this.state.props.aspectratio && !widthAndHeightExistsInProps) {\n        if(this.state.originalContainerWidth) {\n          return {\n            imageHeight: this.state.originalContainerWidth * this.state.naturalImageHeight / this.state.naturalImageWidth,\n            imageWidth: this.state.originalContainerWidth\n          }\n        } else if(this.state.originalContainerHeight) {\n          return {\n            imageHeight: this.state.originalContainerHeight, \n            imageWidth: this.state.originalContainerHeight * this.state.naturalImageWidth / this.state.naturalImageHeight\n          }\n        }\n      }\n      return null\n    }\n  \n\n  renderWidget(props: WmPictureProps) {\n    let imageWidth = this.state.imageWidth;\n    let imageHeight = this.state.imageHeight;\n\n\n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    const aspectDimensions = this.calculateBasedOnaspectratio();\n    const naturalDimensions = this.calculateBasedOnNaturalDimensions();\n    if(aspectDimensions) {\n      const dimensions = aspectDimensions as {imageWidth: number, imageHeight: number}\n      imageWidth = dimensions.imageWidth;\n      imageHeight = dimensions.imageHeight\n    } else if(naturalDimensions) {\n      const dimensions = naturalDimensions as {imageWidth: number, imageHeight: number}\n      imageHeight = dimensions.imageHeight\n      imageWidth = dimensions.imageWidth\n    }\n    const shapeStyles = this.createShape(props.shape, imageWidth);\n    this._pictureSource =  this._pictureSource || this.loadImage(props.picturesource);\n    this._picturePlaceHolder = props.fastload ? \n      (this._pictureSource || this._picturePlaceHolder || this.loadImage(props.pictureplaceholder)) :\n      (this._picturePlaceHolder || this.loadImage(props.pictureplaceholder));\n    const imgSrc: any = this._pictureSource || this._picturePlaceHolder;\n    let elementToshow;\n    if (imgSrc) {\n      elementToshow = this.getElementToShow(props, imgSrc, shapeStyles);\n    }\n    return imgSrc && (this.state.naturalImageWidth || props.isSvg || props.aspectratio) ? (\n      <View \n      style={[{\n        width: imageWidth,\n        height: imageHeight\n      }, this.styles.root, shapeStyles.root, shapeStyles.picture]}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n      <View style={[{overflow: 'hidden', width: '100%',\n        height: '100%'}]} onLayout={this.onViewLayoutChange}>\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          {...this.getTestPropsForAction()}\n          rippleColor={this.styles.root.rippleColor}\n          target={this} styles={{width: imageWidth ? null : '100%', height: imageHeight ? null : '100%'}}>\n          <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={[{\n                height: imageHeight,\n                width: imageWidth,\n                borderRadius: shapeStyles.picture?.borderRadius\n              }]}\n            accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)}}>\n                {this.showImage(elementToshow, props)}\n            </Animatedview>\n          </Tappable>\n        </View>\n      </View>\n    ): null;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Image","View","EXPOImage","isNumber","Tappable","BaseComponent","BaseComponentState","ImageSizeEstimator","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmPictureProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmPictureState","constructor","args","_defineProperty","WmPicture","props","e","_this$styles","_this$styles2","_this$styles3","imageWidth","nativeEvent","layout","width","imageHeight","height","styles","root","includes","state","aspectratio","parseFloat","naturalImageHeight","naturalImageWidth","updateState","originalContainerWidth","originalContainerHeight","imageElement","loadImage","image","loadAsset","imageSrc","default","resolveAssetSource","cancel","getSize","cleanup","splice","indexOf","picturesource","_cleanupTracker","push","componentDidUpdate","prevProps","prevState","snapshot","forEach","func","onPropertyChange","name","$new","$old","_pictureSource","_picturePlaceHolder","createShape","shape","picture","borderRadius","theme","mergeStyle","getStyle","getContentFit","resizemode","mapping","toLowerCase","getElementToShow","imgSrc","shapeStyles","elementToshow","source","imgStyle","createElement","uri","_props$resizemode","_props$resizemode2","_extends","cachePolicy","getTestProps","style","fastload","opacity","contentFit","resizeMode","renderSkeleton","_this$styles$root","_shapeStyles$root","_shapeStyles$picture","_this$styles$root2","_shapeStyles$root2","_shapeStyles$picture2","_this$styles$root3","_shapeStyles$picture3","_shapeStyles$root3","_this$styles$root4","skeletonWidth","skeletonwidth","skeletonHeight","skeletonheight","skeleton","calculateBasedOnaspectratio","calculateBasedOnNaturalDimensions","widthAndHeightExistsInProps","renderWidget","_shapeStyles$picture4","aspectDimensions","naturalDimensions","dimensions","pictureplaceholder","isSvg","onLayout","event","handleLayout","_background","overflow","onViewLayoutChange","disableTouchEffect","disabletoucheffect","getTestPropsForAction","rippleColor","target","entryanimation","animation","delay","animationdelay","accessibilityProps","PICTURE","showImage"],"sources":["picture.component.tsx"],"sourcesContent":["import React from 'react';\nimport {  DimensionValue, Image, LayoutChangeEvent, View } from 'react-native';\nimport {Image as EXPOImage} from 'expo-image';\nimport { isNumber } from 'lodash-es';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmPictureProps from './picture.props';\nimport { DEFAULT_CLASS, WmPictureStyles } from './picture.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmPictureState extends BaseComponentState<WmPictureProps> {\n  naturalImageWidth: number = 0;\n  naturalImageHeight: number = 0;\n  imageWidth: number = 0;\n  imageHeight: number = 0;\n  originalContainerWidth: number = 0;\n  originalContainerHeight: number = 0;\n}\n\nexport default class WmPicture extends BaseComponent<WmPictureProps, WmPictureState, WmPictureStyles> {\n\n  private _pictureSource = null as any;\n  private _picturePlaceHolder = null as any;\n\n  // The below property will be used to track and remove the calculateImageSize listenrs of individual picturesource\n  private _cleanupTracker = {} as any\n\n  constructor(props: WmPictureProps) {\n    super(props, DEFAULT_CLASS, new WmPictureProps());\n  }\n\n  loadImage(image: string | undefined) {\n    if (!image || !this.loadAsset) {\n      return null;\n    }\n    const imageSrc = this.loadAsset(image) as any;\n    if (imageSrc && typeof imageSrc === 'object' && typeof imageSrc.default === 'function') {\n      return null;\n    }\n    // if(this.state.props.aspectratio) {\n    //   return imageSrc;\n    // }\n    if (isNumber(imageSrc)) {\n      const {width, height} = Image.resolveAssetSource(imageSrc);\n      this.updateState({\n        naturalImageWidth: width,\n        naturalImageHeight: height\n      } as WmPictureState);\n    } else if (imageSrc !== null) {\n      const cancel = ImageSizeEstimator.getSize(imageSrc, (width: number, height: number) => {\n        this.updateState({\n          naturalImageWidth: width,\n          naturalImageHeight: height\n        } as WmPictureState);\n        this.cleanup.splice(this.cleanup.indexOf(cancel), 1);\n      });\n      if(this.props.picturesource && this._cleanupTracker[this.props.picturesource]) {\n        this._cleanupTracker[this.props.picturesource].push(cancel)\n      } else if(this.props.picturesource && !this._cleanupTracker[this.props.picturesource]) {\n        this._cleanupTracker[this.props.picturesource] = [];\n        this._cleanupTracker[this.props.picturesource].push(cancel)\n      }\n      this.cleanup.push(cancel);\n    }\n    return imageSrc;\n  }\n\n    // Check if the image source prop is changed from previous update to remove all listeners\n  componentDidUpdate(prevProps: Readonly<WmPictureProps>, prevState: Readonly<WmPictureState>, snapshot?: any): void {\n    if(this.state.props.picturesource !== prevProps.picturesource) {\n      if(prevProps.picturesource && this._cleanupTracker[prevProps.picturesource]) {\n        this._cleanupTracker[prevProps.picturesource].forEach((func: any) => {\n          func();\n        });  \n        this._cleanupTracker[prevProps.picturesource] = []\n        delete this._cleanupTracker[prevProps.picturesource] \n      }\n    }\n    super.componentDidUpdate(prevProps, prevState)\n  }\n\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'picturesource':\n        this._pictureSource = null;\n      case 'pictureplaceholder':\n        this._picturePlaceHolder = null;\n        break;\n    }\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let imageWidth = e.nativeEvent.layout.width;\n    let imageHeight = e.nativeEvent.layout.height;\n    if (!imageWidth && !imageHeight) {\n      return;\n    }\n    if (!this.styles?.root.height\n        || (typeof this.styles?.root.height === 'string'\n          && !this.styles?.root.height.includes('%'))) {\n        imageHeight = 0;\n    }\n    if(this.state.props.aspectratio && !imageHeight && imageWidth) {\n      imageHeight = imageWidth / parseFloat(this.state.props.aspectratio as string)\n    } else if (this.state.props.aspectratio && !imageWidth && imageHeight) {\n      imageWidth = imageWidth * parseFloat(this.state.props.aspectratio as string)\n    } else if (imageWidth && !imageHeight) {\n      imageHeight = imageWidth * this.state.naturalImageHeight / this.state.naturalImageWidth;\n    } else if (imageHeight && !imageWidth) {\n      imageWidth = imageHeight * this.state.naturalImageWidth / this.state.naturalImageHeight;\n    }\n    this.updateState({\n      imageWidth: imageWidth,\n      imageHeight: imageHeight,\n      originalContainerWidth: this.styles.root.width ? e.nativeEvent.layout.width : 0,\n      originalContainerHeight: this.styles.root.height ? e.nativeEvent.layout.height: 0\n    } as WmPictureState);\n  };\n\n  createShape(shape: string | undefined, imageWidth?: number | string): WmPictureStyles {\n    if (shape) {\n      switch(shape) {\n        case 'circle':\n          return {\n            picture: {\n              borderRadius: isNumber(imageWidth) ? imageWidth / 2 : 4\n            }\n          } as WmPictureStyles;\n        case 'rounded' :\n          return (this.theme.mergeStyle({}, this.theme.getStyle('rounded-image')));\n        case 'thumbnail' :\n          return (this.theme.mergeStyle({}, this.theme.getStyle('thumbnail-image')));\n      }\n    }\n    return {} as WmPictureStyles;\n  }\n\n  private getContentFit(resizemode: string): 'contain' | 'cover' | 'fill' | 'scale-down' | 'none' {\n    if (!resizemode) return 'cover';\n    const mapping: Record<string, 'contain' | 'cover' | 'fill' | 'scale-down' | 'none'> = {\n      'contain': 'contain',\n      'cover': 'cover',\n      'fill': 'fill',\n      'none': 'none',\n      'scale-down': 'scale-down',\n      'stretch': 'fill',\n      'center': 'none',\n      'repeat': 'none',\n    };\n    return mapping[resizemode?.toLowerCase()] || 'cover';\n  }\n\n  getElementToShow(props: WmPictureProps, imgSrc: any, shapeStyles: WmPictureStyles) {\n    let elementToshow, source;\n    if (imgSrc && typeof imgSrc === 'object' && typeof imgSrc?.default === 'function') {\n      let imgStyle : any = {};\n      if (props.resizemode === 'contain') {\n        imgStyle['width'] = '100%';\n        imgStyle['height'] = '100%';\n      }\n      elementToshow = React.createElement(imgSrc?.default, imgStyle);\n    //} else if (!isWebPreviewMode() && props.isSvg) {\n    //  svg from uri\n    //  elementToshow = <SvgUri testID={this.getTestId('picture')} width={this.styles.root.width as NumberProp} height={this.styles.root.height as NumberProp} uri={imgSrc}/>;\n    } else if (isFullPathUrl(imgSrc)) {\n      source = {\n        uri: imgSrc\n      };\n    } else {\n      source = imgSrc;\n    }\n    if (this.state.naturalImageWidth || this.state.props.aspectratio) {\n\n      if (props.resizemode?.toLowerCase() !== 'repeat' && props.resizemode?.toLowerCase() !== 'center') {\n        elementToshow = (\n          // * INFO: if any issue arises like freezing of application because of \n          // * rendering large number of images, check the cache policy.\n          <EXPOImage\n            cachePolicy='memory' \n            {...this.getTestProps('picture')}\n            style={[this.styles.picture, shapeStyles.picture, (props.fastload || this.state.imageWidth) ? {opacity: 1} : {opacity: 0} ]}\n            contentFit={this.getContentFit(props.resizemode)}\n            source={source}\n          />\n        );\n      }\n      else {\n        elementToshow =  (\n          <Image\n            {...this.getTestProps('picture')}\n            style={[this.styles.picture, shapeStyles.picture, (props.fastload || this.state.imageWidth) ? {opacity: 1} : {opacity: 0} ]}\n            resizeMode={props.resizemode}\n            source={source}\n          />\n        );   \n    }\n  }\n    return elementToshow;\n  }\n\n  public renderSkeleton(props: WmPictureProps){\n    const imageWidth = this.state.imageWidth;\n    const imageHeight = this.state.imageHeight;\n    const shapeStyles = this.createShape(this.props.shape, imageWidth);\n    const skeletonWidth = this.props.skeletonwidth || this.styles.root?.width || shapeStyles.root?.width || shapeStyles.picture?.width || imageWidth;\n    const skeletonHeight = this.props.skeletonheight || this.styles.root?.height || shapeStyles.root?.height || shapeStyles.picture?.height || imageHeight;\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      borderRadius:  this.props.shape == 'circle' && this.styles.root?.width ? 25 : shapeStyles.picture?.borderRadius || shapeStyles.root?.borderRadius || this.styles.root?.borderRadius || 4,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  showImage = (imageElement: any, props: WmPictureProps) => {\n    return imageElement;\n  }\n\n\n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    calculateBasedOnaspectratio(): {imageWidth: number, imageHeight: number} | null  {\n      if(this.state.props.aspectratio) {\n        if(this.state.originalContainerWidth) {\n          return {\n            imageHeight: this.state.originalContainerWidth / parseFloat(this.state.props.aspectratio as string),\n            imageWidth: this.state.originalContainerWidth\n          }\n        } else if(this.state.originalContainerHeight) {\n          return {\n            imageHeight: this.state.originalContainerHeight, \n            imageWidth: this.state.originalContainerHeight * parseFloat(this.state.props.aspectratio as string),\n          }\n        }\n      }\n      return null\n    }\n    \n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    calculateBasedOnNaturalDimensions(): {imageWidth: number, imageHeight: number} | null {\n      // No need to calculate width & height if the user already passign them explicitly from props.  \n      const widthAndHeightExistsInProps = this.styles.root.width && this.styles.root.height\n      if(!this.state.props.aspectratio && !widthAndHeightExistsInProps) {\n        if(this.state.originalContainerWidth) {\n          return {\n            imageHeight: this.state.originalContainerWidth * this.state.naturalImageHeight / this.state.naturalImageWidth,\n            imageWidth: this.state.originalContainerWidth\n          }\n        } else if(this.state.originalContainerHeight) {\n          return {\n            imageHeight: this.state.originalContainerHeight, \n            imageWidth: this.state.originalContainerHeight * this.state.naturalImageWidth / this.state.naturalImageHeight\n          }\n        }\n      }\n      return null\n    }\n  \n\n  renderWidget(props: WmPictureProps) {\n    let imageWidth = this.state.imageWidth;\n    let imageHeight = this.state.imageHeight;\n\n\n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    const aspectDimensions = this.calculateBasedOnaspectratio();\n    const naturalDimensions = this.calculateBasedOnNaturalDimensions();\n    if(aspectDimensions) {\n      const dimensions = aspectDimensions as {imageWidth: number, imageHeight: number}\n      imageWidth = dimensions.imageWidth;\n      imageHeight = dimensions.imageHeight\n    } else if(naturalDimensions) {\n      const dimensions = naturalDimensions as {imageWidth: number, imageHeight: number}\n      imageHeight = dimensions.imageHeight\n      imageWidth = dimensions.imageWidth\n    }\n    const shapeStyles = this.createShape(props.shape, imageWidth);\n    this._pictureSource =  this._pictureSource || this.loadImage(props.picturesource);\n    this._picturePlaceHolder = props.fastload ? \n      (this._pictureSource || this._picturePlaceHolder || this.loadImage(props.pictureplaceholder)) :\n      (this._picturePlaceHolder || this.loadImage(props.pictureplaceholder));\n    const imgSrc: any = this._pictureSource || this._picturePlaceHolder;\n    let elementToshow;\n    if (imgSrc) {\n      elementToshow = this.getElementToShow(props, imgSrc, shapeStyles);\n    }\n    return imgSrc && (this.state.naturalImageWidth || props.isSvg || props.aspectratio) ? (\n      <View \n      style={[{\n        width: imageWidth,\n        height: imageHeight\n      }, this.styles.root, shapeStyles.root, shapeStyles.picture]}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n      <View style={[{overflow: 'hidden', width: '100%',\n        height: '100%'}]} onLayout={this.onViewLayoutChange}>\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          {...this.getTestPropsForAction()}\n          rippleColor={this.styles.root.rippleColor}\n          target={this} styles={{width: imageWidth ? null : '100%', height: imageHeight ? null : '100%'}}>\n          <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={[{\n                height: imageHeight,\n                width: imageWidth,\n                borderRadius: shapeStyles.picture?.borderRadius\n              }]}\n            accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)}}>\n                {this.showImage(elementToshow, props)}\n            </Animatedview>\n          </Tappable>\n        </View>\n      </View>\n    ): null;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/chart/bar-chart/bar-chart.component.js

@@ -32,9 +32,20 @@ export default class WmBarChart extends BaseChartComponent {
             }) => {
               var _this$state$colors$da;
               return (_this$state$colors$da = this.state.colors[datum.x]) !== null && _this$state$colors$da !== void 0 ? _this$state$colors$da : this.state.colors[datum.x % this.state.colors.length];
-            }
+            },
+            stroke: isNested ? this.state.colors[i % this.state.colors.length] : ({
+              datum
+            }) => {
+              var _this$state$colors$da2;
+              return (_this$state$colors$da2 = this.state.colors[datum.x]) !== null && _this$state$colors$da2 !== void 0 ? _this$state$colors$da2 : this.state.colors[datum.x % this.state.colors.length];
+            },
+            strokeWidth: props.showzerothvalue ? 3 : 0
           }
-        } : {},
+        } : {
+          data: {
+            strokeWidth: props.showzerothvalue ? 3 : 0
+          }
+        },
         cornerRadius: {
           topLeft: this.styles.bar.borderTopLeftRadius,
           topRight: this.styles.bar.borderTopRightRadius,

package/components/chart/bar-chart/bar-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","isNested","Array","isArray","state","length","map","d","i","createElement","_extends","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","colors","_this$state$colors$da","x","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","dataset","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","root","onLayout","onViewLayoutChange","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        alignment={this.isRTL ? 'end' : 'start'}\n        style={props.customcolors?{\n          data: {\n            fill:isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length]\n          }\n        }:{}}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}\n        {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n    });\n  }\n\nonSelect(event: any, data: any){\n  if (!this.viewRef.current) return;\n  if (!this.state.props.dataset) return;\n  this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  const nativeEvent = event.nativeEvent;\n  let tooltipX = nativeEvent.pageX - chartX;\n  let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBarChartState)\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n      { (props.title || props.iconclass) ? (\n        <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n          {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n        </View>\n      ) : null }\n        { props.subheading ? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart theme={this.state.theme}\n                          height={(this.styles.root.height) as number}\n                          width={this.state.chartWidth || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}>\n      {this.getLegendView()}\n      {this.getXaxis()}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack \n        colorScale={!this.theme ? this.state.colors : undefined}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={!this.theme ? this.state.colors : undefined}  offset={10} >\n          {\n            this.getBarChart(props)   \n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","isNested","Array","isArray","state","length","map","d","i","createElement","_extends","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","colors","_this$state$colors$da","x","stroke","_this$state$colors$da2","strokeWidth","showzerothvalue","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","dataset","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","root","onLayout","onViewLayoutChange","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        alignment={this.isRTL ? 'end' : 'start'}\n        style={props.customcolors?{\n          data: {\n            fill:isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            stroke: isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }:{\n          data: {\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}\n        {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n    });\n  }\n\nonSelect(event: any, data: any){\n  if (!this.viewRef.current) return;\n  if (!this.state.props.dataset) return;\n  this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  const nativeEvent = event.nativeEvent;\n  let tooltipX = nativeEvent.pageX - chartX;\n  let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBarChartState)\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n      { (props.title || props.iconclass) ? (\n        <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n          {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n        </View>\n      ) : null }\n        { props.subheading ? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart theme={this.state.theme}\n                          height={(this.styles.root.height) as number}\n                          width={this.state.chartWidth || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}>\n      {this.getLegendView()}\n      {this.getXaxis()}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack \n        colorScale={!this.theme ? this.state.colors : undefined}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={!this.theme ? this.state.colors : undefined}  offset={10} >\n          {\n            this.getBarChart(props)   \n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View></View>);\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAA2B,cAAc;AACtE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,SACEC,YAAY,EACZC,UAAU,EAEVC,YAAY,EACZC,YAAY,QACP,gBAAgB;AAEvB,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AACpE,OAAOC,MAAM,MAAM,gEAAgE;AAInF,OAAO,MAAMC,eAAe,SAASJ,uBAAuB,CAAkB;AAE9E,eAAe,MAAMK,UAAU,SAASN,kBAAkB,CAAqD;EAE7GO,WAAWA,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,EAAE,IAAIG,eAAe,CAAC,CAAC,CAAC;EAC3E;EAEAI,OAAOA,CAACC,IAAS,EAAgD;IAC/D,OAAO,IAAI,CAACC,gBAAgB,CAACD,IAAI,CAACE,KAAK,CAACC,CAAC,CAAC;EAC5C;EAEAC,WAAWA,CAACN,KAAsB,EAAE;IAClC,MAAMO,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAAC,IAAI,CAACC,KAAK,CAACR,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAACQ,KAAK,CAACR,IAAI,CAACS,MAAM,GAAG,CAAC;IAClF,OAAO,IAAI,CAACD,KAAK,CAACR,IAAI,CAACU,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAS,KAAK;MAChD,oBAAOhC,KAAA,CAAAiC,aAAA,CAAC1B,UAAU,EAAA2B,QAAA;QAACC,GAAG,EAAEjB,KAAK,CAACkB,IAAI,GAAG,GAAG,GAAGJ,CAAE;QACzCK,UAAU,EAAEnB,KAAK,CAACmB,UAAW;QAACC,MAAM,EAAEpB,KAAK,CAACqB,UAAU,GAAG,IAAI,CAACpB,OAAO,CAACqB,IAAI,CAAC,IAAI,CAAC,GAAGC,SAAU;QAC7FrB,IAAI,EAAE,IAAI,CAACsB,KAAK,GAACX,CAAC,CAACY,UAAU,CAAC,CAAC,GAACZ,CAAE;QAClCa,MAAM,EAAE,GAAI;QACZC,SAAS,EAAE,IAAI,CAACH,KAAK,GAAG,KAAK,GAAG,OAAQ;QACxCI,KAAK,EAAE5B,KAAK,CAAC6B,YAAY,GAAC;UACxB3B,IAAI,EAAE;YACJ4B,IAAI,EAACvB,QAAQ,GAAG,IAAI,CAACG,KAAK,CAACqB,MAAM,CAACjB,CAAC,GAAG,IAAI,CAACJ,KAAK,CAACqB,MAAM,CAACpB,MAAM,CAAC,GAAG,CAAC;cAAEP;YAAM,CAAC;cAAA,IAAA4B,qBAAA;cAAA,QAAAA,qBAAA,GAAK,IAAI,CAACtB,KAAK,CAACqB,MAAM,CAAC3B,KAAK,CAAC6B,CAAC,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,IAAI,CAACtB,KAAK,CAACqB,MAAM,CAAC3B,KAAK,CAAC6B,CAAC,GAAG,IAAI,CAACvB,KAAK,CAACqB,MAAM,CAACpB,MAAM,CAAC;YAAA;YACpKuB,MAAM,EAAE3B,QAAQ,GAAG,IAAI,CAACG,KAAK,CAACqB,MAAM,CAACjB,CAAC,GAAG,IAAI,CAACJ,KAAK,CAACqB,MAAM,CAACpB,MAAM,CAAC,GAAG,CAAC;cAAEP;YAAM,CAAC;cAAA,IAAA+B,sBAAA;cAAA,QAAAA,sBAAA,GAAK,IAAI,CAACzB,KAAK,CAACqB,MAAM,CAAC3B,KAAK,CAAC6B,CAAC,CAAC,cAAAE,sBAAA,cAAAA,sBAAA,GAAI,IAAI,CAACzB,KAAK,CAACqB,MAAM,CAAC3B,KAAK,CAAC6B,CAAC,GAAG,IAAI,CAACvB,KAAK,CAACqB,MAAM,CAACpB,MAAM,CAAC;YAAA;YACvKyB,WAAW,EAAEpC,KAAK,CAACqC,eAAe,GAAG,CAAC,GAAG;UAC3C;QACF,CAAC,GAAC;UACAnC,IAAI,EAAE;YACJkC,WAAW,EAAEpC,KAAK,CAACqC,eAAe,GAAG,CAAC,GAAG;UAC3C;QACF,CAAE;QACFC,YAAY,EAAE;UAACC,OAAO,EAAE,IAAI,CAACC,MAAM,CAACC,GAAG,CAACC,mBAAmB;UAAEC,QAAQ,EAAE,IAAI,CAACH,MAAM,CAACC,GAAG,CAACG,oBAAoB;UAAEC,UAAU,EAAE,IAAI,CAACL,MAAM,CAACC,GAAG,CAACK,sBAAsB;UAAEC,WAAW,EAAE,IAAI,CAACP,MAAM,CAACC,GAAG,CAACO;QAAuB,CAAE;QACvNC,MAAM,EAAE,CAAC;UACPC,MAAM,EAAE,MAAM;UACdC,aAAa,EAAElE,QAAQ,CAACmE,EAAE,IAAI,KAAK,GAAG;YACpCC,OAAO,EAAE,IAAI,CAACC,QAAQ,CAAChC,IAAI,CAAC,IAAI;UAClC,CAAC,GAAC;YACAiC,OAAO,EAAE,IAAI,CAACD,QAAQ,CAAChC,IAAI,CAAC,IAAI;UAClC;QACF,CAAC;MAAE,GACEtB,KAAK,CAACwD,QAAQ,GAAG;QAAEC,QAAQ,EAAEzD,KAAK,CAACwD;MAAS,CAAC,GAAG,CAAC,CAAC,CAAI,CAAC;IAChE,CAAC,CAAC;EACJ;EAEFF,QAAQA,CAACI,KAAU,EAAExD,IAAS,EAAC;IAC7B,IAAI,CAAC,IAAI,CAACyD,OAAO,CAACC,OAAO,EAAE;IAC3B,IAAI,CAAC,IAAI,CAAClD,KAAK,CAACV,KAAK,CAAC6D,OAAO,EAAE;IAC/B,IAAI,CAACF,OAAO,CAACC,OAAO,CAACE,eAAe,CAAC,CAACC,MAAc,EAAEC,MAAc,KAAK;MACzE,IAAIC,KAAK,GAAG/D,IAAI,CAACA,IAAI,CAACA,IAAI,CAACgE,KAAK,CAAC,CAAC7D,CAAC;MACnC,IAAI8D,KAAK,GAAG,IAAI,CAACzD,KAAK,CAAC0D,eAAe,CAAClE,IAAI,CAACE,KAAK,CAAC6B,CAAC,CAAC;MACpD,IAAIoC,YAAY,GAAG,IAAI,CAACrE,KAAK,CAAC6D,OAAO,CAAC3D,IAAI,CAACgE,KAAK,CAAC;MACjD,MAAMI,WAAW,GAAGZ,KAAK,CAACY,WAAW;MACrC,IAAIC,QAAQ,GAAGD,WAAW,CAACE,KAAK,GAAGT,MAAM;MACzC,IAAIU,QAAQ,GAAGH,WAAW,CAACI,KAAK,GAAGV,MAAM;MACvC,IAAIW,iBAAiB,GAAG,CAAC;QAACC,MAAM,EAAE,CAAC;QAAE3C,CAAC,EAAE/B,IAAI,CAACgE,KAAK;QAAE7D,CAAC,EAAE4D,KAAK;QAACY,QAAQ,EAAER;MAAY,CAAC,EAACnE,IAAI,CAACgE,KAAK,CAAC;MAChG,IAAI,CAACY,WAAW,CAAC;QACfC,YAAY,EAAEZ,KAAK;QACnBa,YAAY,EAAEf,KAAK;QACnBgB,aAAa,EAAE,IAAI;QACnBZ,YAAY,EAAE;UAAC,GAAGA,YAAY;UAAEH,KAAK,EAAEhE,IAAI,CAACgE;QAAK,CAAC;QAClDgB,gBAAgB,EAAEX,QAAQ,GAAG,IAAI,CAAC7D,KAAK,CAACyE,cAAc;QACtDC,gBAAgB,EAAEX,QAAQ,GAAG,IAAI,CAAC/D,KAAK,CAAC2E;MAC1C,CAAoB,CAAC;MACvB,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC5B,KAAK,CAACY,WAAW,EAAE,IAAI,CAACiB,KAAK,EAAElB,YAAY,EAAEM,iBAAiB,CAAE,CAAC;IACvG,CAAC,CAAC;EACJ;EAEEa,YAAYA,CAACxF,KAAsB,EAAE;IACnC,IAAI,CAACsF,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAAC7E,KAAK,CAACR,IAAI,CAACS,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,IAAI8E,SAAS,GAAC;MAACxD,CAAC,EAAE,IAAI,CAACjC,KAAK,CAAC0F,OAAO,KAAK,KAAK,GAAG,IAAI,CAAChF,KAAK,CAACiF,SAAS,GAAEpE,SAAS;MAAElB,CAAC,EAAE,IAAI,CAACL,KAAK,CAAC4F,OAAO,KAAK,KAAK,GAAG,IAAI,CAAClF,KAAK,CAACmF,SAAS,GAAEtE;IAAS,CAAC;IACpJ,oBAAQzC,KAAA,CAAAiC,aAAA,CAAChC,IAAI,EAAAiC,QAAA,KACP7B,qBAAqB,CAACD,uBAAuB,CAAC4G,SAAS,EAAE9F,KAAK,CAAC;MACnE4B,KAAK,EAAE,IAAI,CAACY,MAAM,CAACuD,IAAK;MACxBC,QAAQ,EAAE,IAAI,CAACC,kBAAkB,CAAC3E,IAAI,CAAC,IAAI;IAAE,iBAE7CxC,KAAA,CAAAiC,aAAA,CAAChC,IAAI,QACFiB,KAAK,CAACkG,KAAK,IAAIlG,KAAK,CAACmG,SAAS,gBAC/BrH,KAAA,CAAAiC,aAAA,CAAChC,IAAI;MAACqH,MAAM,EAAC,sBAAsB;MAACxE,KAAK,EAAE;QAACyE,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GACrFtG,KAAK,CAACmG,SAAS,gBAAIrH,KAAA,CAAAiC,aAAA,CAACnB,MAAM;MAACuG,SAAS,EAAEnG,KAAK,CAACmG,SAAU;MAAC3D,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC+D;IAAK,CAAS,CAAC,GAAI,IAAI,EAClGvG,KAAK,CAACkG,KAAK,gBAAIpH,KAAA,CAAAiC,aAAA,CAAC/B,IAAI;MAAC4C,KAAK,EAAE,IAAI,CAACY,MAAM,CAAC0D;IAAM,GAAElG,KAAK,CAACkG,KAAY,CAAC,GAAI,IACpE,CAAC,GACL,IAAI,EACJlG,KAAK,CAACwG,UAAU,gBAChB1H,KAAA,CAAAiC,aAAA,CAAC/B,IAAI;MAAC4C,KAAK,EAAE,IAAI,CAACY,MAAM,CAACiE;IAAW,GAAEzG,KAAK,CAACwG,UAAiB,CAAC,GAAK,IAC/D,CAAC,eACT1H,KAAA,CAAAiC,aAAA,CAAChC,IAAI;MAAC2H,GAAG,EAAE,IAAI,CAAC/C;IAAQ,GACvB,IAAI,CAACgD,UAAU,CAAC,CAAC,eAClB7H,KAAA,CAAAiC,aAAA,CAAC3B,YAAY;MAACwH,KAAK,EAAE,IAAI,CAAClG,KAAK,CAACkG,KAAM;MAClBlF,MAAM,EAAG,IAAI,CAACc,MAAM,CAACuD,IAAI,CAACrE,MAAkB;MAC5CmF,KAAK,EAAE,IAAI,CAACnG,KAAK,CAACoG,UAAU,IAAI,IAAI,CAACC,WAAY;MACjDC,SAAS,EAAEvB,SAAU;MACrBwB,OAAO,EAAE;QAAEC,GAAG,EAAElH,KAAK,CAACmH,SAAS;QAAEC,MAAM,EAAEpH,KAAK,CAACqH,YAAY;QAAEC,IAAI,EAAE,IAAI,CAAC9F,KAAK,GAAGxB,KAAK,CAACuH,WAAW,GAAGvH,KAAK,CAACwH,UAAU;QAAEC,KAAK,EAAE,IAAI,CAACjG,KAAK,GAAGxB,KAAK,CAACwH,UAAU,GAAGxH,KAAK,CAACuH;MAAY;IAAE,GACpM,IAAI,CAACG,aAAa,CAAC,CAAC,EACpB,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAACC,QAAQ,CAAC,CAAC,EAEd5H,KAAK,CAAC6H,QAAQ,KAAK,SAAS,gBAAG/I,KAAA,CAAAiC,aAAA,CAACzB,YAAY;MAC5CwI,UAAU,EAAE,CAAC,IAAI,CAAClB,KAAK,GAAG,IAAI,CAAClG,KAAK,CAACqB,MAAM,GAAGR;IAAU,GAEpD,IAAI,CAACjB,WAAW,CAACN,KAAK,CAEZ,CAAC,gBAAGlB,KAAA,CAAAiC,aAAA,CAACxB,YAAY;MAACuI,UAAU,EAAE,CAAC,IAAI,CAAClB,KAAK,GAAG,IAAI,CAAClG,KAAK,CAACqB,MAAM,GAAGR,SAAU;MAAEwG,MAAM,EAAE;IAAG,GAEjG,IAAI,CAACzH,WAAW,CAACN,KAAK,CAEZ,CAEJ,CAAO,CAAO,CAAC;EAC/B;AACF","ignoreList":[]}

package/components/chart/bar-chart/bar-chart.props.js

@@ -9,6 +9,7 @@ export default class WmBarChartProps extends BaseChartComponentProps {
     _defineProperty(this, "viewtype", 'Grouped');
     _defineProperty(this, "onSelect", void 0);
     _defineProperty(this, "barwidth", void 0);
+    _defineProperty(this, "showzerothvalue", false);
   }
 }
 //# sourceMappingURL=bar-chart.props.js.map

package/components/chart/bar-chart/bar-chart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmBarChartProps","constructor","args","_defineProperty"],"sources":["bar-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBarChartProps extends BaseChartComponentProps {\n  horizontal?: boolean = true;\n  viewtype: string = 'Grouped';\n  onSelect?: any;\n  barwidth?: number;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC5C,IAAI;IAAAA,eAAA,mBACR,SAAS;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAG9B","ignoreList":[]}
+{"version":3,"names":["BaseChartComponentProps","WmBarChartProps","constructor","args","_defineProperty"],"sources":["bar-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBarChartProps extends BaseChartComponentProps {\n  horizontal?: boolean = true;\n  viewtype: string = 'Grouped';\n  onSelect?: any;\n  barwidth?: number;\n  showzerothvalue: boolean = false;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC5C,IAAI;IAAAA,eAAA,mBACR,SAAS;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,0BAGD,KAAK;EAAA;AAClC","ignoreList":[]}

package/components/container/accordion/accordion.component.js

@@ -83,6 +83,11 @@ export default class WmAccordion extends BaseComponent {
     const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
     const isExpanded = this.state.isExpanded[index];
     const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon, isExpanded ? this.styles.activeTitleIcon : null);
+    const conditionalClass = item.props.classname;
+    const conditionalStyles = conditionalClass ? this.theme.getStyle(conditionalClass) : {};
+    const dynamicTextStyles = conditionalStyles.text || {};
+    const dynamicActiveHeaderStyles = conditionalStyles.activeHeaderTitle || {};
+    const dynamicTitleWrapperStyles = conditionalStyles.titleWrapper || {};
     const subheading = (_item$props$subheadin = item.props.subheading) !== null && _item$props$subheadin !== void 0 ? _item$props$subheadin : item.props.description;
     return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
       style: this.styles.pane || null,
@@ -93,7 +98,9 @@ export default class WmAccordion extends BaseComponent {
     }, this.getTestPropsForAction(`header${index}`), {
       style: [this.styles.header, index === 0 ? this.styles.firstHeader : null, index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader : null, isExpanded ? this.styles.activeHeader : {}],
       onPress: this.toggle.bind(this, index + 1, !isExpanded)
-    }), this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded), item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }), this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded), /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.titleWrapper, dynamicTitleWrapperStyles]
+    }, item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('icon'),
       styles: titleIconStyles,
       name: item.props.name + '_icon',
@@ -111,7 +118,7 @@ export default class WmAccordion extends BaseComponent {
       },
       caption: isDefined(item.props.title) ? item.props.title : 'Title'
     }) : /*#__PURE__*/React.createElement(Text, _extends({
-      style: [this.styles.text, this.styles.heading, isExpanded ? this.styles.activeHeaderTitle : {}]
+      style: [this.styles.text, this.styles.heading, isExpanded ? this.styles.activeHeaderTitle : {}, dynamicTextStyles, isExpanded ? dynamicActiveHeaderStyles : {}]
     }, this.getTestPropsForAction(`header${index}_title`), {
       accessibilityRole: "header"
     }), isDefined(item.props.title) ? item.props.title : 'Title'), subheading ? this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
@@ -122,7 +129,7 @@ export default class WmAccordion extends BaseComponent {
       caption: subheading
     }) : /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.subheading
-    }, this.getTestPropsForAction(`header${index}_description`)), subheading) : null), this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)), item) : null;
+    }, this.getTestPropsForAction(`header${index}_description`)), subheading) : null)), this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)), item) : null;
   }
   toggle(index, expand = true) {
     let expandedId = expand ? index : -1;