@wavemaker/app-rn-runtime 11.6.0-next.26279 → 11.6.0-next.26282

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -235,7 +235,8 @@ export default class WmIcon extends BaseComponent {
235
235
  let icon = this.renderIcon(props);
236
236
  let iterationCount = props.iterationcount ? props.iterationcount != 'infinite' ? parseInt(props.iterationcount) : 'infinite' : undefined;
237
237
  return /*#__PURE__*/React.createElement(Tappable, _extends({
238
- target: this
238
+ target: this,
239
+ rippleColor: this.styles.root.rippleColor
239
240
  }, this.getTestPropsForAction()), /*#__PURE__*/React.createElement(Animatedview, {
240
241
  entryanimation: props.animation,
241
242
  style: this.styles.root,
@@ -1 +1 @@
1
- {"version":3,"names":["React","Animated","Easing","Text","Image","FontAwesome","BaseComponent","BaseComponentState","isFullPathUrl","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","arguments","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeleton","root","width","skeletonwidth","iconsize","height","skeletonheight","getElementToShow","iconSrc","iconmargin","iconheight","iconwidth","elementToshow","source","uri","testID","getTestId","margin","loadIcon","iconImage","loadAsset","iconImageSrc","renderIcon","iconJsx","_iconSource","iconurl","state","text","color","transform","iconSize","fontSize","show","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","View","opacity","renderWidget","iterationCount","iterationcount","parseInt","undefined","_extends","target","getTestPropsForAction","entryanimation","_background","iconposition","caption","getTestPropsForLabel"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text, Image } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n isFontAwesome: boolean;\n isWavIcon: boolean;\n isStreamlineLightIcon: boolean;\n isStreamlineRegularIcon: boolean;\n type: string;\n rotate: string;\n size: number;\n animation: string;\n}\n\nconst ICON_SIZES = new Map([\n ['fa-lg', 24],\n ['fa-2x', 36],\n ['fa-3x', 48],\n ['fa-4x', 60],\n ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n ['fa-rotate-90', '90deg'],\n ['fa-rotate-180', '180deg'],\n ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n spinValue = new Animated.Value(0);\n pulseValue = new Animated.Value(0);\n public stopAnimation = true; \n private _iconSource = null as any;\n\n constructor(props: WmIconProps) {\n super(props, DEFAULT_CLASS, new WmIconProps());\n }\n\n getIconDef(iconClass: string): IconDef {\n const iconDef = {\n rotate: '0'\n } as IconDef;\n const splits = iconClass.split(' ');\n iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n if (iconDef.isFontAwesome) {\n iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n } else if (iconDef.isStreamlineLightIcon) {\n iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n } else if (iconDef.isStreamlineRegularIcon) {\n iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n } else {\n iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n }\n if (iconClass.indexOf('fa-spin') >= 0) {\n iconDef.animation = 'spin';\n } else if (iconClass.indexOf('fa-pulse') >= 0) {\n iconDef.animation = 'pulse';\n }\n iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n return iconDef;\n }\n\n private spin () {\n if (this.stopAnimation) {\n return;\n }\n this.spinValue.setValue(0);\n Animated.timing(\n this.spinValue,\n {\n toValue: 1,\n duration: 1000,\n easing: Easing.linear,\n useNativeDriver: true\n }\n ).start(() => this.spin());\n }\n\n componentDidMount() {\n super.componentDidMount();\n this.spin();\n }\n\n componentWillUnmount(): void {\n super.componentWillUnmount();\n this.stopAnimation = true;\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n super.onPropertyChange(name, $new, $old);\n switch(name) {\n case 'iconclass':\n $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n break;\n }\n }\n\n private getCustomIcon(props: WmIconProps, style: any) {\n const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n const customIconContent = customIcon?.content;\n if (customIconContent) {\n delete customIcon.content;\n return (<Text\n style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n {decodeURIComponent(customIconContent)}\n </Text>);\n }\n return null;\n }\n\n public renderSkeleton(props: WmIconProps) {\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue,\n height: (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n });\n }\n\n getElementToShow(props: WmIconProps, iconSrc: any) {\n\n const { iconmargin, iconheight, iconwidth } = props;\n let width, height;\n let elementToshow, source;\n\n if (iconwidth) width = iconwidth;\n else if (iconheight) width = iconheight;\n else width = 12;\n if (iconheight) height = iconheight;\n else if (iconwidth) height = iconwidth;\n else height = 12;\n\n if (isFullPathUrl(iconSrc)) {\n source = {\n uri: iconSrc\n };\n } else {\n source = iconSrc;\n }\n elementToshow = <Image testID={this.getTestId('icon')}\n style={{\n margin: iconmargin ?? 0,\n height: height,\n width: width\n }}\n source={source}/>;\n return elementToshow;\n }\n\n loadIcon(iconImage: string | undefined) {\n if (!iconImage || !this.loadAsset) {\n return null;\n }\n const iconImageSrc = this.loadAsset(iconImage);\n if (iconImageSrc && typeof iconImageSrc !== 'function') {\n return iconImageSrc;\n }\n return null;\n }\n\n renderIcon(props: WmIconProps) {\n let iconJsx = null;\n this._iconSource = this._iconSource || this.loadIcon(props.iconurl);\n const iconSrc: any = this._iconSource \n if (iconSrc) {\n return this.getElementToShow(props, iconSrc);\n }\n const iconDef = this.state.iconDef;\n if (!iconDef) {\n return null;\n }\n const { root, text, icon } = this.styles;\n const style = [{ color: root.color || text.color },\n icon,\n { transform: [{ rotate: iconDef.rotate }] }];\n\n const customIcon = this.getCustomIcon(props, style);\n const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n if (props.show && iconDef && iconDef.isFontAwesome) {\n //@ts-ignore type information is not matching\n iconJsx = (<FontAwesome name={customIcon ? '' : iconDef.type}\n style={style}\n size={iconSize}>\n {customIcon}\n </FontAwesome>);\n } else if (props.show && iconDef) {\n let WMCustomIcon = WavIcon as unknown;\n if (iconDef.isStreamlineLightIcon) {\n WMCustomIcon = StreamlineLightIcon;\n } else if (iconDef.isStreamlineRegularIcon) {\n WMCustomIcon = StreamlineRegularIcon;\n } else if (!iconDef.isWavIcon && !customIcon && !this.styles.icon?.fontFamily) {\n return null;\n }\n //@ts-ignore type information is not matching\n iconJsx = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n style={style}\n size={iconSize}>\n {customIcon}\n </WMCustomIcon>) : null;\n }\n if (iconJsx && iconDef.animation === 'spin') {\n const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n const animation = { transform: [{ rotate }] };\n this.stopAnimation = false;\n return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n } else if (iconJsx && iconDef.animation === 'pulse') {\n const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n const animation = { opacity: opacity };\n this.stopAnimation = false;\n return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n } else {\n this.stopAnimation = true;\n }\n return iconJsx;\n }\n\n renderWidget(props: WmIconProps) {\n let icon = this.renderIcon(props);\n let iterationCount: any = props.iterationcount ? (props.iterationcount != 'infinite' ? parseInt(props.iterationcount): 'infinite') : undefined;\n return (\n <Tappable target={this} {...this.getTestPropsForAction()}>\n <Animatedview entryanimation={props.animation} style={this.styles.root} iterationCount={iterationCount}>\n {this._background}\n {(props.iconposition === 'left' && icon) || null}\n {(props.caption && (<Text {...this.getTestPropsForLabel('caption')}style={this.styles.text}>{props.caption}</Text>)) || null}\n {(props.iconposition === 'right' && icon) || null}\n </Animatedview>\n </Tappable>\n );\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","Animated","Easing","Text","Image","FontAwesome","BaseComponent","BaseComponentState","isFullPathUrl","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","arguments","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeleton","root","width","skeletonwidth","iconsize","height","skeletonheight","getElementToShow","iconSrc","iconmargin","iconheight","iconwidth","elementToshow","source","uri","testID","getTestId","margin","loadIcon","iconImage","loadAsset","iconImageSrc","renderIcon","iconJsx","_iconSource","iconurl","state","text","color","transform","iconSize","fontSize","show","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","View","opacity","renderWidget","iterationCount","iterationcount","parseInt","undefined","_extends","target","rippleColor","getTestPropsForAction","entryanimation","_background","iconposition","caption","getTestPropsForLabel"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text, Image } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n isFontAwesome: boolean;\n isWavIcon: boolean;\n isStreamlineLightIcon: boolean;\n isStreamlineRegularIcon: boolean;\n type: string;\n rotate: string;\n size: number;\n animation: string;\n}\n\nconst ICON_SIZES = new Map([\n ['fa-lg', 24],\n ['fa-2x', 36],\n ['fa-3x', 48],\n ['fa-4x', 60],\n ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n ['fa-rotate-90', '90deg'],\n ['fa-rotate-180', '180deg'],\n ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n spinValue = new Animated.Value(0);\n pulseValue = new Animated.Value(0);\n public stopAnimation = true; \n private _iconSource = null as any;\n\n constructor(props: WmIconProps) {\n super(props, DEFAULT_CLASS, new WmIconProps());\n }\n\n getIconDef(iconClass: string): IconDef {\n const iconDef = {\n rotate: '0'\n } as IconDef;\n const splits = iconClass.split(' ');\n iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n if (iconDef.isFontAwesome) {\n iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n } else if (iconDef.isStreamlineLightIcon) {\n iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n } else if (iconDef.isStreamlineRegularIcon) {\n iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n } else {\n iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n }\n if (iconClass.indexOf('fa-spin') >= 0) {\n iconDef.animation = 'spin';\n } else if (iconClass.indexOf('fa-pulse') >= 0) {\n iconDef.animation = 'pulse';\n }\n iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n return iconDef;\n }\n\n private spin () {\n if (this.stopAnimation) {\n return;\n }\n this.spinValue.setValue(0);\n Animated.timing(\n this.spinValue,\n {\n toValue: 1,\n duration: 1000,\n easing: Easing.linear,\n useNativeDriver: true\n }\n ).start(() => this.spin());\n }\n\n componentDidMount() {\n super.componentDidMount();\n this.spin();\n }\n\n componentWillUnmount(): void {\n super.componentWillUnmount();\n this.stopAnimation = true;\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n super.onPropertyChange(name, $new, $old);\n switch(name) {\n case 'iconclass':\n $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n break;\n }\n }\n\n private getCustomIcon(props: WmIconProps, style: any) {\n const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n const customIconContent = customIcon?.content;\n if (customIconContent) {\n delete customIcon.content;\n return (<Text\n style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n {decodeURIComponent(customIconContent)}\n </Text>);\n }\n return null;\n }\n\n public renderSkeleton(props: WmIconProps) {\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue,\n height: (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n });\n }\n\n getElementToShow(props: WmIconProps, iconSrc: any) {\n\n const { iconmargin, iconheight, iconwidth } = props;\n let width, height;\n let elementToshow, source;\n\n if (iconwidth) width = iconwidth;\n else if (iconheight) width = iconheight;\n else width = 12;\n if (iconheight) height = iconheight;\n else if (iconwidth) height = iconwidth;\n else height = 12;\n\n if (isFullPathUrl(iconSrc)) {\n source = {\n uri: iconSrc\n };\n } else {\n source = iconSrc;\n }\n elementToshow = <Image testID={this.getTestId('icon')}\n style={{\n margin: iconmargin ?? 0,\n height: height,\n width: width\n }}\n source={source}/>;\n return elementToshow;\n }\n\n loadIcon(iconImage: string | undefined) {\n if (!iconImage || !this.loadAsset) {\n return null;\n }\n const iconImageSrc = this.loadAsset(iconImage);\n if (iconImageSrc && typeof iconImageSrc !== 'function') {\n return iconImageSrc;\n }\n return null;\n }\n\n renderIcon(props: WmIconProps) {\n let iconJsx = null;\n this._iconSource = this._iconSource || this.loadIcon(props.iconurl);\n const iconSrc: any = this._iconSource \n if (iconSrc) {\n return this.getElementToShow(props, iconSrc);\n }\n const iconDef = this.state.iconDef;\n if (!iconDef) {\n return null;\n }\n const { root, text, icon } = this.styles;\n const style = [{ color: root.color || text.color },\n icon,\n { transform: [{ rotate: iconDef.rotate }] }];\n\n const customIcon = this.getCustomIcon(props, style);\n const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n if (props.show && iconDef && iconDef.isFontAwesome) {\n //@ts-ignore type information is not matching\n iconJsx = (<FontAwesome name={customIcon ? '' : iconDef.type}\n style={style}\n size={iconSize}>\n {customIcon}\n </FontAwesome>);\n } else if (props.show && iconDef) {\n let WMCustomIcon = WavIcon as unknown;\n if (iconDef.isStreamlineLightIcon) {\n WMCustomIcon = StreamlineLightIcon;\n } else if (iconDef.isStreamlineRegularIcon) {\n WMCustomIcon = StreamlineRegularIcon;\n } else if (!iconDef.isWavIcon && !customIcon && !this.styles.icon?.fontFamily) {\n return null;\n }\n //@ts-ignore type information is not matching\n iconJsx = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n style={style}\n size={iconSize}>\n {customIcon}\n </WMCustomIcon>) : null;\n }\n if (iconJsx && iconDef.animation === 'spin') {\n const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n const animation = { transform: [{ rotate }] };\n this.stopAnimation = false;\n return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n } else if (iconJsx && iconDef.animation === 'pulse') {\n const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n const animation = { opacity: opacity };\n this.stopAnimation = false;\n return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n } else {\n this.stopAnimation = true;\n }\n return iconJsx;\n }\n\n renderWidget(props: WmIconProps) {\n let icon = this.renderIcon(props);\n let iterationCount: any = props.iterationcount ? (props.iterationcount != 'infinite' ? parseInt(props.iterationcount): 'infinite') : undefined;\n return (\n <Tappable target={this} rippleColor = {this.styles.root.rippleColor} {...this.getTestPropsForAction()}> \n <Animatedview entryanimation={props.animation} style={this.styles.root} iterationCount={iterationCount}>\n {this._background}\n {(props.iconposition === 'left' && icon) || null}\n {(props.caption && (<Text {...this.getTestPropsForLabel('caption')}style={this.styles.text}>{props.caption}</Text>)) || null}\n {(props.iconposition === 'right' && icon) || null}\n </Animatedview>\n </Tappable>\n );\n }\n}\n"],"mappings":"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"}
@@ -28,7 +28,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
28
28
  }
29
29
  },
30
30
  backIcon: {
31
- root: {},
31
+ root: {
32
+ rippleColor: themeVariables.transparent
33
+ },
32
34
  text: {
33
35
  fontSize: themeVariables.navbarFontSize,
34
36
  color: themeVariables.navbarTextColor
@@ -1 +1 @@
1
- {"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","navitemActiveBackgroundColor","height","padding","paddingHorizontal","alignItems","text","action","leftSection","flex","leftnavIcon","icon","fontSize","navbarIconSize","color","navbarTextColor","backIcon","navbarFontSize","image","width","navbarImageSize","picture","resizeMode","content","textTransform","fontFamily","baseFont","fontWeight","textAlign","badge","titleBadgeBackgroundColor","titleBadgeTextColor","alignSelf","marginLeft","middleSection","rightSection","justifyContent","paddingRight","textDecorationStyle","undefined","fade","rgb","toString","transparent","link"],"sources":["appnavbar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmMenuStyles } from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmAppNavbarStyles = BaseStyles & {\n action: WmIconStyles,\n image: WmPictureStyles,\n leftnavIcon: WmIconStyles,\n backIcon: WmIconStyles,\n leftSection: ViewStyle,\n middleSection: ViewStyle,\n rightSection: ViewStyle,\n content: ViewStyle,\n badge: TextStyle\n};\n\nexport const DEFAULT_CLASS = 'app-appnavbar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmAppNavbarStyles = defineStyles({\n root: {\n flexDirection: 'row',\n backgroundColor: themeVariables.navitemActiveBackgroundColor,\n height: 80,\n padding: 12,\n paddingHorizontal: 12,\n alignItems: 'center'\n },\n text: {},\n action: {} as WmIconStyles,\n leftSection: {\n flex: 1,\n flexDirection: 'row'\n },\n leftnavIcon: {\n root: {\n alignItems: 'flex-start'\n },\n icon: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n } as WmIconStyles,\n backIcon: {\n root: {},\n text: {\n fontSize: themeVariables.navbarFontSize,\n color: themeVariables.navbarTextColor\n },\n icon: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n } as WmIconStyles,\n image: {\n root: {\n width: themeVariables.navbarImageSize,\n height: themeVariables.navbarImageSize,\n },\n picture: {\n resizeMode: 'contain'\n }\n } as WmPictureStyles,\n content: {\n textTransform: 'capitalize',\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n textAlign: 'center'\n },\n badge: {\n backgroundColor: themeVariables.titleBadgeBackgroundColor,\n color: themeVariables.titleBadgeTextColor,\n alignSelf: 'flex-start',\n marginLeft: 4\n },\n middleSection: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n rightSection: {\n flex: 1,\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n } as WmAppNavbarStyles);\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle('navbarAnchorItem', '', {\n root: {\n paddingRight: 8,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize,\n textDecorationStyle: undefined\n },\n badge: {\n backgroundColor: Color(themeVariables.navbarTextColor).fade(0.8).rgb().toString(),\n color: themeVariables.navbarTextColor,\n },\n icon: {\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarIconSize\n },\n icon : {\n color: themeVariables.navbarTextColor\n }\n }\n } as WmAnchorStyles);\n addStyle('navbarButton', '', {\n root: {\n backgroundColor: themeVariables.transparent,\n paddingRight: 8,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n alignSelf: 'center'\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n },\n icon: {\n root: {\n color: themeVariables.navbarTextColor\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarIconSize\n }\n }\n } as WmAnchorStyles);\n addStyle('navbarMenu', '', {\n root: {\n paddingRight: 8,\n height: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n link: {\n icon: {\n root: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n }\n }\n } as any as WmMenuStyles);\n addStyle('navbarPopover', '', {\n root: {\n height: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n link: {\n icon: {\n root: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n }\n }\n } as any as WmPopoverStyles);\n});"],"mappings":"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"}
1
+ {"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","navitemActiveBackgroundColor","height","padding","paddingHorizontal","alignItems","text","action","leftSection","flex","leftnavIcon","icon","fontSize","navbarIconSize","color","navbarTextColor","backIcon","rippleColor","transparent","navbarFontSize","image","width","navbarImageSize","picture","resizeMode","content","textTransform","fontFamily","baseFont","fontWeight","textAlign","badge","titleBadgeBackgroundColor","titleBadgeTextColor","alignSelf","marginLeft","middleSection","rightSection","justifyContent","paddingRight","textDecorationStyle","undefined","fade","rgb","toString","link"],"sources":["appnavbar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmMenuStyles } from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmAppNavbarStyles = BaseStyles & {\n action: WmIconStyles,\n image: WmPictureStyles,\n leftnavIcon: WmIconStyles,\n backIcon: WmIconStyles,\n leftSection: ViewStyle,\n middleSection: ViewStyle,\n rightSection: ViewStyle,\n content: ViewStyle,\n badge: TextStyle\n};\n\nexport const DEFAULT_CLASS = 'app-appnavbar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmAppNavbarStyles = defineStyles({\n root: {\n flexDirection: 'row',\n backgroundColor: themeVariables.navitemActiveBackgroundColor,\n height: 80,\n padding: 12,\n paddingHorizontal: 12,\n alignItems: 'center'\n },\n text: {},\n action: {} as WmIconStyles,\n leftSection: {\n flex: 1,\n flexDirection: 'row'\n },\n leftnavIcon: {\n root: {\n alignItems: 'flex-start'\n },\n icon: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n } as WmIconStyles,\n backIcon: {\n root: {\n rippleColor: themeVariables.transparent\n },\n text: {\n fontSize: themeVariables.navbarFontSize,\n color: themeVariables.navbarTextColor\n },\n icon: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n } as WmIconStyles,\n image: {\n root: {\n width: themeVariables.navbarImageSize,\n height: themeVariables.navbarImageSize,\n },\n picture: {\n resizeMode: 'contain'\n }\n } as WmPictureStyles,\n content: {\n textTransform: 'capitalize',\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n textAlign: 'center'\n },\n badge: {\n backgroundColor: themeVariables.titleBadgeBackgroundColor,\n color: themeVariables.titleBadgeTextColor,\n alignSelf: 'flex-start',\n marginLeft: 4\n },\n middleSection: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n rightSection: {\n flex: 1,\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n } as WmAppNavbarStyles);\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle('navbarAnchorItem', '', {\n root: {\n paddingRight: 8,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize,\n textDecorationStyle: undefined\n },\n badge: {\n backgroundColor: Color(themeVariables.navbarTextColor).fade(0.8).rgb().toString(),\n color: themeVariables.navbarTextColor,\n },\n icon: {\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarIconSize\n },\n icon : {\n color: themeVariables.navbarTextColor\n }\n }\n } as WmAnchorStyles);\n addStyle('navbarButton', '', {\n root: {\n backgroundColor: themeVariables.transparent,\n paddingRight: 8,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n alignSelf: 'center'\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n },\n icon: {\n root: {\n color: themeVariables.navbarTextColor\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarIconSize\n }\n }\n } as WmAnchorStyles);\n addStyle('navbarMenu', '', {\n root: {\n paddingRight: 8,\n height: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n link: {\n icon: {\n root: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n }\n }\n } as any as WmMenuStyles);\n addStyle('navbarPopover', '', {\n root: {\n height: '100%',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center'\n },\n link: {\n icon: {\n root: {\n fontSize: themeVariables.navbarIconSize,\n color: themeVariables.navbarTextColor\n }\n },\n text: {\n color: themeVariables.navbarTextColor,\n fontSize: themeVariables.navbarFontSize\n }\n }\n } as any as WmPopoverStyles);\n});"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wavemaker/app-rn-runtime",
3
- "version": "11.6.0-next.26279",
3
+ "version": "11.6.0-next.26282",
4
4
  "description": "''",
5
5
  "main": "index",
6
6
  "module": "index",
@@ -49,7 +49,7 @@
49
49
  "@react-navigation/native": "6.1.7",
50
50
  "@react-navigation/stack": "^6.3.7",
51
51
  "@types/lodash-es": "^4.17.6",
52
- "@wavemaker/variables": "11.6.0-next.26279",
52
+ "@wavemaker/variables": "11.6.0-next.26282",
53
53
  "axios": "^1.4.0",
54
54
  "color": "4.2.3",
55
55
  "cross-env": "^5.2.0",
@@ -130,7 +130,7 @@
130
130
  "typescript": "^5.1.3",
131
131
  "victory-native": "36.6.11",
132
132
  "yargs": "^16.2.0",
133
- "@wavemaker/variables": "11.6.0-next.26279"
133
+ "@wavemaker/variables": "11.6.0-next.26282"
134
134
  },
135
135
  "jest": {
136
136
  "preset": "react-native",