npm - @wavemaker/app-rn-runtime - Versions diffs - 11.4.0-next.28151 → 11.4.0-next.28701 - Mend

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

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.

Files changed (423) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmIconProps"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmIconProps extends BaseProps {\n animation?: string = null as any;\n iconclass?: string = 'wm-sl-l sl-user';\n iconposition? = 'left';\n caption? = '';\n iconsize? = 0;\n onTap?: Function;\n skeletonheight?: string = null as any;\n skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~,~~mCAC5B~~,IAAI;~~IAAA~~,~~mCACJ~~,iBAAiB;~~IAAA~~,~~sCACtB~~,MAAM;~~IAAA~~,~~iCACX~~,EAAE;~~IAAA~~,~~kCACD~~,CAAC;~~IAAA~~;~~IAAA~~,~~wCAEa~~,IAAI;~~IAAA~~,~~uCACL~~,IAAI;EAAA;AAC/B"}
1	+ {"version":3,"names":["BaseProps","WmIconProps","constructor","arguments","_defineProperty"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmIconProps extends BaseProps {\n animation?: string = null as any;\n iconclass?: string = 'wm-sl-l sl-user';\n iconposition? = 'left';\n caption? = '';\n iconsize? = 0;\n onTap?: Function;\n skeletonheight?: string = null as any;\n skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,oBACJ,iBAAiB;IAAAA,eAAA,uBACtB,MAAM;IAAAA,eAAA,kBACX,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEa,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAC/B"}

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

@@ -23,5 +23,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    text: {
+      paddingRight: 8
+    }
+  });
 });
 //# sourceMappingURL=icon.styles.js.map

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

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

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

@@ -57,7 +57,8 @@ export default class WmLabel extends BaseComponent {
       style: [this.styles.text, {
         color: props.isValid === false ? 'red' : this.styles.text.color
       }],
-      numberOfLines: props.wrap ? undefined : 1
+      numberOfLines: props.wrap ? undefined : 1,
+      selectable: this.styles.text.userSelect === 'text'
     }, toString(props.caption), props.required && this.getAsterisk()))) : null;
   }
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","WmLabel","constructor","props","getAsterisk","styles","asterisk","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","renderSkeleton","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","text","fontSize","multilineskeleton","renderWidget","caption","animation","_background","color","isValid","wrap","undefined","required"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\nimport { totalMonths } from 'react-native-paper-dates/lib/typescript/Date/dateUtils';\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n constructor(props: WmLabelProps) {\n super(props, DEFAULT_CLASS, new WmLabelProps());\n }\n\n private getAsterisk () {\n return <Text style={this.styles.asterisk}>*</Text>;\n }\n\n private getMultilineSkeleton(width: any, height: any) {\n const styles = {\n borderRadius:4,\n marginBottom: 10,\n height: height\n };\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...styles,\n width: width,\n height: height\n });\n }\n\n public renderSkeleton(props: WmLabelProps){\n const skeletonWidth = this.props.skeletonwidth \|\| this.styles.root?.width;\n const skeletonHeight = this.props.skeletonheight \|\| this.styles.root?.height \|\| this.styles.text.fontSize;\n if(this.props.multilineskeleton) {\n return (<View style={{\n width: skeletonWidth\n }}>\n {this.getMultilineSkeleton('100%', skeletonHeight)}\n {this.getMultilineSkeleton('70%', skeletonHeight)}\n {this.getMultilineSkeleton('40%', skeletonHeight)}\n </View>)\n }\n else{\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: skeletonWidth,\n height: skeletonHeight\n }); \n }\n }\n\n renderWidget(props: WmLabelProps) {\n return !isNil(props.caption)? (\n <Animatedview entryanimation={props.animation} style={this.styles.root}>\n {this._background}\n <Tappable target={this}>\n <Text\n style={[this.styles.text, \n {color: props.isValid === false ? 'red' : this.styles.text.color}]}\n numberOfLines={props.wrap ? undefined : 1}>\n {toString(props.caption)}\n {props.required && this.getAsterisk()}\n </Text>\n </Tappable>\n </Animatedview>\n ): null;\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,QAAQ,QAAQ,mDAAmD;AAE5E,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,KAAK,EAAEC,QAAQ,QAAQ,WAAW;AAC3C,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAAqBC,cAAc,QAAQ,gCAAgC;AAG3E,OAAO,MAAMC,YAAY,SAASR,kBAAkB,CAAe;AAInE,eAAe,MAAMS,OAAO,SAASV,aAAa,CAA4C;EAE5FW,~~WAAW~~,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,YAAY,~~EAAE~~,CAAC;EACjD;EAEQU,~~WAAW~~,~~GAAI~~;IACrB,~~oBAAO~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAS,GAAC,~~GAAC~~,~~CAAO~~;EACpD;EAEQC,~~oBAAoB~~,CAACC,KAAU,EAAEC,MAAW,EAAE;IACpD,MAAMJ,MAAM,GAAG;MACbK,YAAY,EAAC,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBF,MAAM,EAAEA;IACV,CAAC;IACD,~~OAAOV~~,cAAc,CAAC,IAAI,~~CAACa~~,KAAK,EAAE,IAAI,CAACP,MAAM,CAACQ,QAAQ,EAAE;MACtD,GAAGR,MAAM;MACTG,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA;IACV,CAAC,CAAC;EACJ;EAEOK,~~cAAc~~,~~CAACX~~,KAAmB,EAAC;IAAA;IACxC,~~MAAMY~~,aAAa,GAAG,IAAI,~~CAACZ~~,KAAK,~~CAACa~~,aAAa,~~0BAAI~~,IAAI,~~CAACX~~,MAAM,~~CAACY~~,IAAI,~~sDAAhB~~,~~kBAAkBT~~,KAAK;IACzE,~~MAAMU~~,cAAc,GAAG,IAAI,~~CAACf~~,KAAK,~~CAACgB~~,cAAc,~~2BAAI~~,IAAI,~~CAACd~~,MAAM,~~CAACY~~,IAAI,~~uDAAhB~~,~~mBAAkBR~~,MAAM,KAAI,IAAI,CAACJ,MAAM,~~CAACe~~,IAAI,CAACC,QAAQ;IACzG,IAAG,IAAI,~~CAAClB~~,KAAK,~~CAACmB~~,iBAAiB,EAAE;MAC/B,~~oBAAQ~~,~~oBAAC~~,IAAI;~~QAAC~~,KAAK,EAAE;~~UACnBd~~,KAAK,~~EAAEO~~;QACT;MAAE,GACC,IAAI,~~CAACR~~,oBAAoB,CAAC,MAAM,~~EAAEW~~,cAAc,CAAC,EACjD,IAAI,~~CAACX~~,oBAAoB,CAAC,KAAK,~~EAAEW~~,cAAc,CAAC,EAChD,IAAI,~~CAACX~~,oBAAoB,CAAC,KAAK,~~EAAEW~~,cAAc,CAAC~~,CAC5C~~;IACT,CAAC,MACG;MACF,~~OAAOnB~~,cAAc,CAAC,IAAI,~~CAACa~~,KAAK,EAAE,IAAI,CAACP,MAAM,CAACQ,QAAQ,EAAE;QACtD,GAAG,IAAI,CAACR,MAAM,~~CAACY~~,IAAI;~~QACnBT~~,KAAK,~~EAAEO~~,aAAa;~~QACpBN~~,MAAM,~~EAAES~~;MACV,CAAC,CAAC;IACJ;EACF;EAEAK,~~YAAY~~,~~CAACpB~~,KAAmB,EAAE;IAChC,OAAO,CAACP,KAAK,CAACO,KAAK,~~CAACqB~~,OAAO,CAAC,~~gBAC1B~~,~~oBAAC~~,YAAY;MAAC,cAAc,~~EAAErB~~,KAAK,~~CAACsB~~,SAAU;~~MAAC~~,KAAK,EAAE,IAAI,~~CAACpB~~,MAAM,~~CAACY~~;IAAK,GACpE,IAAI,~~CAACS~~,WAAW,~~eACjB~~,~~oBAAC~~,QAAQ;~~MAAC~~,MAAM,EAAE;IAAK,~~gBACnB~~,~~oBAAC~~,IAAI;~~MACH~~,KAAK,EAAE,CAAC,IAAI,~~CAACrB~~,MAAM,~~CAACe~~,IAAI,EACtB;~~QAACO~~,KAAK,~~EAAExB~~,KAAK,~~CAACyB~~,OAAO,KAAK,KAAK,GAAG,KAAK,GAAG,IAAI,~~CAACvB~~,MAAM,~~CAACe~~,IAAI,~~CAACO~~;MAAK,CAAC,CAAE;~~MACrE~~,aAAa,~~EAAExB~~,KAAK,~~CAAC0B~~,IAAI,GAAGC,SAAS,GAAG;~~IAAE~~,~~GACzCjC~~,QAAQ,CAACM,KAAK,~~CAACqB~~,OAAO,CAAC,~~EACvBrB~~,KAAK,~~CAAC4B~~,QAAQ,IAAI,IAAI,~~CAAC3B~~,WAAW,~~EAAE~~,CAChC,CACA,CACE,GACd,IAAI;EACT;AACF"}
1	+ {"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","WmLabel","constructor","props","getAsterisk","createElement","style","styles","asterisk","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","text","fontSize","multilineskeleton","renderWidget","caption","entryanimation","animation","_background","target","color","isValid","numberOfLines","wrap","undefined","selectable","userSelect","required"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\nimport { totalMonths } from 'react-native-paper-dates/lib/typescript/Date/dateUtils';\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n constructor(props: WmLabelProps) {\n super(props, DEFAULT_CLASS, new WmLabelProps());\n }\n\n private getAsterisk () {\n return <Text style={this.styles.asterisk}>*</Text>;\n }\n\n private getMultilineSkeleton(width: any, height: any) {\n const styles = {\n borderRadius:4,\n marginBottom: 10,\n height: height\n };\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...styles,\n width: width,\n height: height\n });\n }\n\n public renderSkeleton(props: WmLabelProps){\n const skeletonWidth = this.props.skeletonwidth \|\| this.styles.root?.width;\n const skeletonHeight = this.props.skeletonheight \|\| this.styles.root?.height \|\| this.styles.text.fontSize;\n if(this.props.multilineskeleton) {\n return (<View style={{\n width: skeletonWidth\n }}>\n {this.getMultilineSkeleton('100%', skeletonHeight)}\n {this.getMultilineSkeleton('70%', skeletonHeight)}\n {this.getMultilineSkeleton('40%', skeletonHeight)}\n </View>)\n }\n else{\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: skeletonWidth,\n height: skeletonHeight\n }); \n }\n }\n\n renderWidget(props: WmLabelProps) {\n return !isNil(props.caption)? (\n <Animatedview entryanimation={props.animation} style={this.styles.root}>\n {this._background}\n <Tappable target={this}>\n <Text\n style={[this.styles.text, \n {color: props.isValid === false ? 'red' : this.styles.text.color}]}\n numberOfLines={props.wrap ? undefined : 1}\n selectable={this.styles.text.userSelect === 'text'}>\n {toString(props.caption)}\n {props.required && this.getAsterisk()}\n </Text>\n </Tappable>\n </Animatedview>\n ): null;\n }\n}\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmLabelProps"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLabelProps extends BaseProps {\n animation?: string = null as any;\n caption?: string = 'Label';\n required?: boolean = null as any;\n isValid?: boolean = true;\n wrap?: boolean = true;\n skeletonheight?: string = null as any;\n skeletonwidth?: string = null as any;\n multilineskeleton?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~,~~mCAC3B~~,IAAI;~~IAAA~~,~~iCACN~~,OAAO;~~IAAA~~,~~kCACL~~,IAAI;~~IAAA~~,~~iCACL~~,IAAI;~~IAAA~~,~~8BACP~~,IAAI;~~IAAA~~,~~wCACK~~,IAAI;~~IAAA~~,~~uCACL~~,IAAI;~~IAAA~~,~~2CACC~~,KAAK;EAAA;AACvC"}
1	+ {"version":3,"names":["BaseProps","WmLabelProps","constructor","arguments","_defineProperty"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLabelProps extends BaseProps {\n animation?: string = null as any;\n caption?: string = 'Label';\n required?: boolean = null as any;\n isValid?: boolean = true;\n wrap?: boolean = true;\n skeletonheight?: string = null as any;\n skeletonwidth?: string = null as any;\n multilineskeleton?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,kBACN,OAAO;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,eACP,IAAI;IAAAA,eAAA,yBACK,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,4BACC,KAAK;EAAA;AACvC"}

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

@@ -22,6 +22,12 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    root: {
+      flexDirection: 'row',
+      textAlign: 'right'
+    }
+  });
   const getLabelStyles = (color, textColor) => {
     return {
       root: {
@@ -44,6 +50,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
   addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));
   addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));
   addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));
+  addStyle('label-test', '', getLabelStyles('yellow', 'red'));
+  addStyle('label-test1', '', getLabelStyles('blue', 'orange'));
   const getTextStyles = color => {
     return {
       text: {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","~~textAlign","~~getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n asterisk: AllStyle,\n skeleton: WmSkeletonStyles \n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmLabelStyles = defineStyles({\n root: {\n },\n text: {\n fontSize: 16,\n color: themeVariables.labelDefaultColor\n },\n asterisk: {\n color: themeVariables.labelAsteriskColor,\n marginLeft: 2\n },\n skeleton: {\n root:{\n width: '100%',\n height: 16,\n borderRadius: 4\n }\n } as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n return {\n root: {\n backgroundColor: color,\n paddingLeft: 32,\n paddingTop: 16,\n paddingRight: 32,\n paddingBottom: 16,\n borderRadius: 6\n },\n text: {\n color: textColor,\n fontWeight: 'bold'\n }\n } as WmLabelStyles;\n };\n\n addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n\n const getTextStyles = (color: string) => {\n return {\n text: {\n color: color\n }\n } as WmLabelStyles;\n };\n\n addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n addStyle('text-center', '', {\n root: {\n textAlign: 'center'\n }\n } as WmLabelStyles);\n addStyle('text-left', '', {\n root: {\n textAlign: 'left'\n }\n } as WmLabelStyles);\n addStyle('text-right', '', {\n root: {\n textAlign: 'right'\n }\n } as WmLabelStyles);\n\n\n const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n return deepCopy({\n text: {\n fontWeight: '400',\n fontSize: fontSize,\n margin: 4,\n color: themeVariables.labelHeaderColor\n }\n } as WmLabelStyles, overrides);\n };\n addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n addStyle('media-heading', '', {\n text : {\n fontSize: 16\n }\n } as WmLabelStyles);\n addStyle('text-muted', '', {\n text : {\n color: themeVariables.labelTextMutedColor\n }\n } as WmLabelStyles);\n addStyle('p', '', {\n text : {\n fontSize: 12\n }\n } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAASC,QAAQ,QAAQ,sCAAsC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE,CACN,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEN,cAAc,CAACO;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRF,KAAK,EAAEN,cAAc,CAACS,kBAAkB;MACxCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRR,IAAI,EAAC;QACHS,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFb,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;~~EAE1C~~,~~MAAMa~~,~~cAAc~~,GAAG,~~CAACT~~,KAAa,~~EAAEU~~,SAAiB,KAAoB;IAC1E,OAAO;~~MACLb~~,IAAI,EAAE;~~QACJc~~,eAAe,~~EAAEX~~,KAAK;~~QACtBY~~,WAAW,EAAE,EAAE;QACfC,UAAU,EAAE,EAAE;QACdC,YAAY,EAAE,EAAE;QAChBC,aAAa,EAAE,EAAE;~~QACjBP~~,YAAY,EAAE;MAChB,CAAC;MACDV,IAAI,EAAE;QACJE,KAAK,~~EAAEU~~,SAAS;QAChBM,UAAU,EAAE;MACd;IACF,CAAC;EACH,CAAC;~~EAEDrB~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEc~~,cAAc,~~CAACf~~,cAAc,~~CAACuB~~,gBAAgB,~~EAAEvB~~,cAAc,~~CAACwB~~,wBAAwB,CAAC,CAAC;~~EACtHvB~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEc~~,cAAc,~~CAACf~~,cAAc,CAACO,iBAAiB,EAAEP,cAAc,~~CAACyB~~,yBAAyB,CAAC,CAAC;~~EACzHxB~~,QAAQ,CAAC,YAAY,EAAE,EAAE,~~EAAEc~~,cAAc,~~CAACf~~,cAAc,~~CAAC0B~~,cAAc,~~EAAE1B~~,cAAc,~~CAAC2B~~,sBAAsB,CAAC,CAAC;~~EAChH1B~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEc~~,cAAc,~~CAACf~~,cAAc,~~CAAC4B~~,iBAAiB,~~EAAE5B~~,cAAc,~~CAAC6B~~,yBAAyB,CAAC,CAAC;~~EACzH5B~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEc~~,cAAc,~~CAACf~~,cAAc,~~CAAC8B~~,iBAAiB,~~EAAE9B~~,cAAc,~~CAAC+B~~,yBAAyB,CAAC,CAAC;~~EACzH9B~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEc~~,cAAc,~~CAACf~~,cAAc,~~CAACgC~~,iBAAiB,~~EAAEhC~~,cAAc,~~CAACiC~~,yBAAyB,CAAC,CAAC;~~EAEzH~~,~~MAAMC~~,aAAa,~~GAAI5B~~,KAAa,IAAK;IACvC,OAAO;MACLF,IAAI,EAAE;QACJE,KAAK,EAAEA;MACT;IACF,CAAC;EACH,CAAC;EAEDL,QAAQ,CAAC,aAAa,EAAE,EAAE,~~EAAEiC~~,aAAa,~~CAAClC~~,cAAc,~~CAACmC~~,oBAAoB,CAAC,CAAC;EAC/~~ElC~~,QAAQ,CAAC,WAAW,EAAE,EAAE,~~EAAEiC~~,aAAa,~~CAAClC~~,cAAc,~~CAACoC~~,kBAAkB,CAAC,CAAC;~~EAC3EnC~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEiC~~,aAAa,~~CAAClC~~,cAAc,~~CAACqC~~,qBAAqB,CAAC,CAAC;~~EACjFpC~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEiC~~,aAAa,~~CAAClC~~,cAAc,~~CAACsC~~,qBAAqB,CAAC,CAAC;~~EACjFrC~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEiC~~,aAAa,~~CAAClC~~,cAAc,~~CAACuC~~,qBAAqB,CAAC,CAAC;~~EACjFtC~~,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IAC1BE,IAAI,EAAE;~~MACJqC~~,SAAS,EAAE;IACb;EACF,CAAC~~,CAAkB~~;~~EACnBvC~~,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;~~MACJqC~~,SAAS,EAAE;IACb;EACF,CAAC~~,CAAkB~~;~~EACnBvC~~,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBE,IAAI,EAAE;~~MACJqC~~,SAAS,EAAE;IACb;EACF,CAAC~~,CAAkB~~;EAGnB,~~MAAMC~~,gBAAgB,~~GAAG~~,~~CAACpC~~,QAAgB,~~EAAEqC~~,SAAyB,KAAK;IACxE,~~OAAO9C~~,QAAQ,CAAC;MACdQ,IAAI,EAAE;~~QACJkB~~,UAAU,EAAE,KAAK;~~QACjBjB~~,QAAQ,EAAEA,QAAQ;~~QAClBsC~~,MAAM,EAAE,CAAC;~~QACTrC~~,KAAK,EAAEN,cAAc,~~CAAC4C~~;MACxB;IACF,CAAC,EAAmBF,SAAS,CAAC;EAChC,CAAC;~~EACDzC~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAAC6C~~,gBAAgB,EAAE;~~IAACzC~~,IAAI,EAAE;~~MAACkB~~,UAAU,EAAE;IAAM;EAAC,~~CAAC,~~CAAkB,CAAC;~~EACpHrB~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAAC8C~~,gBAAgB,EAAE;~~IAAC1C~~,IAAI,EAAE;~~MAACkB~~,UAAU,EAAE;IAAK;EAAC,~~CAAC,~~CAAkB,CAAC;~~EACnHrB~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAAC+C~~,gBAAgB,CAAC,CAAC;~~EACrE9C~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAACgD~~,gBAAgB,CAAC,CAAC;~~EACrE/C~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAACiD~~,gBAAgB,CAAC,CAAC;~~EACrEhD~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAACkD~~,gBAAgB,CAAC,CAAC;~~EACrEjD~~,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5BG,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAC~~,CAAkB~~;EACnBJ,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBG,IAAI,EAAG;MACLE,KAAK,EAAEN,cAAc,~~CAACmD~~;IACxB;EACF,CAAC~~,CAAkB~~;~~EACnBlD~~,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE;IAChBG,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAC~~,CAAkB~~;AACrB,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","flexDirection","textAlign","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n asterisk: AllStyle,\n skeleton: WmSkeletonStyles \n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmLabelStyles = defineStyles({\n root: {\n },\n text: {\n fontSize: 16,\n color: themeVariables.labelDefaultColor\n },\n asterisk: {\n color: themeVariables.labelAsteriskColor,\n marginLeft: 2\n },\n skeleton: {\n root:{\n width: '100%',\n height: 16,\n borderRadius: 4\n }\n } as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', {\n root : {\n flexDirection: 'row',\n textAlign: 'right'\n }\n });\n const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n return {\n root: {\n backgroundColor: color,\n paddingLeft: 32,\n paddingTop: 16,\n paddingRight: 32,\n paddingBottom: 16,\n borderRadius: 6\n },\n text: {\n color: textColor,\n fontWeight: 'bold'\n }\n } as WmLabelStyles;\n };\n\n addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n\n const getTextStyles = (color: string) => {\n return {\n text: {\n color: color\n }\n } as WmLabelStyles;\n };\n\n addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n addStyle('text-center', '', {\n root: {\n textAlign: 'center'\n }\n } as WmLabelStyles);\n addStyle('text-left', '', {\n root: {\n textAlign: 'left'\n }\n } as WmLabelStyles);\n addStyle('text-right', '', {\n root: {\n textAlign: 'right'\n }\n } as WmLabelStyles);\n\n\n const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n return deepCopy({\n text: {\n fontWeight: '400',\n fontSize: fontSize,\n margin: 4,\n color: themeVariables.labelHeaderColor\n }\n } as WmLabelStyles, overrides);\n };\n addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n addStyle('media-heading', '', {\n text : {\n fontSize: 16\n }\n } as WmLabelStyles);\n addStyle('text-muted', '', {\n text : {\n color: themeVariables.labelTextMutedColor\n }\n } as WmLabelStyles);\n addStyle('p', '', {\n text : {\n fontSize: 12\n }\n } as WmLabelStyles);\n});\n"],"mappings":"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"}

app-rn-runtime/components/basic/lottie/lottie.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","axios","Platform","View","LottieView","BaseComponent","BaseComponentState","WmLottieProps","DEFAULT_CLASS","WmLottieState","~~WmLottie~~","~~constructor~~","props","createRef","play","lottie","current","state","isCompleted","reset","invokeEventCallback","proxy","pause","goToAndPlay","updateState","onReady","autoplay","loadAnimationData","animationData","loadAsset","OS","url","source","get","then","data","onPropertyChange","name","$new","$old","initialized","setTimeout","componentDidMount","renderWebLottie","Lottie","require","loop","speed","styles","renderNativeLottie","renderWidget","root","_background"],"sources":["lottie.component.tsx"],"sourcesContent":["import React from 'react';\nimport axios from 'axios';\nimport { Platform, View } from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLottieProps from './lottie.props';\nimport { DEFAULT_CLASS, WmLottieStyles } from './lottie.styles';\n\nexport class WmLottieState extends BaseComponentState<WmLottieProps> {\n animationData: any;\n isCompleted = false;\n}\n\nexport default class WmLottie extends BaseComponent<WmLottieProps, WmLottieState, WmLottieStyles> {\n\n private lottie = React.createRef<LottieView>();\n\n constructor(props: WmLottieProps) {\n super(props, DEFAULT_CLASS, new WmLottieProps(), new WmLottieState());\n }\n \n play() {\n if (this.lottie.current) {\n if (this.state.isCompleted) {\n this.reset();\n } else {\n this.lottie.current.play();\n this.invokeEventCallback('onPlay', [null, this.proxy]);\n }\n }\n }\n\n pause() {\n if (this.lottie.current) {\n this.lottie.current.pause();\n this.invokeEventCallback('onPause', [null, this.proxy]);\n }\n }\n\n reset() {\n if (this.lottie.current) {\n if (this.lottie.current.reset) {\n this.lottie.current.reset();\n this.lottie.current.play();\n } else if((this.lottie.current as any).goToAndPlay) {\n (this.lottie.current as any).goToAndPlay(0);\n } else {\n return;\n }\n this.invokeEventCallback('onPlay', [null, this.proxy]);\n this.updateState({\n isCompleted: false\n } as WmLottieState);\n }\n \n }\n\n private onReady() {\n this.invokeEventCallback('onReady', [null, this.proxy]);\n if (this.state.props.autoplay) {\n this.invokeEventCallback('onPlay', [null, this.proxy]);\n }\n }\n\n private loadAnimationData() {\n if (this.state.animationData \|\| ! this.loadAsset) {\n return;\n }\n if (Platform.OS == 'web') {\n const url = this.loadAsset(this.state.props.source) as string;\n axios.get(url).then(({data}) => {\n this.updateState({\n animationData: data\n } as WmLottieState, () => this.onReady());\n });\n } else {\n this.updateState({\n animationData: this.loadAsset(this.state.props.source)\n } as WmLottieState, () => this.onReady());\n }\n }\n\n onPropertyChange(name: string, $new: any, $old: any): void {\n super.onPropertyChange(name, $new, $old);\n switch(name) {\n case 'src':\n this.loadAnimationData();\n break;\n case 'loop':\n if (this.initialized && \n !this.state.isCompleted && \n ($new \|\| this.state.props.autoplay)) {\n setTimeout(() => this.reset(), 200);\n }\n break;\n }\n }\n\n componentDidMount(): void {\n super.componentDidMount();\n this.loadAnimationData();\n }\n\n private renderWebLottie(props: WmLottieProps) {\n const Lottie = require('react-lottie-player');\n return (<Lottie \n animationData={this.state.animationData}\n ref= {this.lottie}\n loop={props.loop}\n play={props.autoplay}\n speed={props.speed}\n style={this.styles.lottie}\n onComplete={() => {\n this.updateState({\n isCompleted: true\n } as WmLottieState);\n this.invokeEventCallback('onComplete', [null, this.proxy]);\n }}/>);\n }\n\n private renderNativeLottie(props: WmLottieProps) {\n return (\n <LottieView\n source={this.state.animationData}\n ref= {this.lottie}\n autoPlay={props.autoplay}\n speed={props.speed}\n loop={props.loop}\n style={this.styles.lottie} \n onAnimationFinish={() => {\n this.updateState({\n isCompleted: true\n } as WmLottieState);\n this.invokeEventCallback('onComplete', [null, this.proxy]);\n }}\n />\n );\n }\n\n renderWidget(props: WmLottieProps) {\n return (\n <View style={this.styles.root}>\n {this._background}\n {this.state.animationData ? \n (Platform.OS == 'web' ? this.renderWebLottie(props) : this.renderNativeLottie(props)) \n : null \n }\n </View>); \n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAE/D,OAAO,MAAMC,aAAa,SAASH,kBAAkB,CAAgB;~~EAAA~~;IAAA;~~IAAA~~;~~IAAA~~,~~qCAErD~~,KAAK;EAAA;AACrB;AAEA,eAAe,~~MAAMI~~,QAAQ,~~SAASL~~,aAAa,CAA+C;~~EAIhGM~~,~~WAAW~~,~~CAACC~~,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,~~EAAEJ~~,aAAa,EAAE,IAAID,aAAa,~~EAAE~~,EAAE,IAAIE,aAAa,~~EAAE~~,CAAC;~~IAAC~~,~~6CAHvDT~~,KAAK,~~CAACa~~,SAAS,~~EAAc~~;EAI9C;EAEAC,~~IAAI~~,~~GAAG~~;IACL,IAAI,IAAI,CAACC,MAAM,CAACC,OAAO,EAAE;MACvB,IAAI,IAAI,CAACC,KAAK,CAACC,WAAW,EAAE;QAC1B,IAAI,CAACC,KAAK,~~EAAE~~;MACd,CAAC,MAAM;QACL,IAAI,CAACJ,MAAM,CAACC,OAAO,CAACF,IAAI,~~EAAE~~;QAC1B,IAAI,CAACM,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MACxD;IACF;EACF;EAEAC,~~KAAK~~,~~GAAG~~;IACN,IAAI,IAAI,CAACP,MAAM,CAACC,OAAO,EAAE;MACvB,IAAI,CAACD,MAAM,CAACC,OAAO,CAACM,KAAK,~~EAAE~~;MAC3B,IAAI,CAACF,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACzD;EACF;EAEAF,~~KAAK~~,~~GAAG~~;IACN,IAAI,IAAI,CAACJ,MAAM,CAACC,OAAO,EAAE;MACvB,IAAI,IAAI,CAACD,MAAM,CAACC,OAAO,CAACG,KAAK,EAAE;QAC7B,IAAI,CAACJ,MAAM,CAACC,OAAO,CAACG,KAAK,~~EAAE~~;QAC3B,IAAI,CAACJ,MAAM,CAACC,OAAO,CAACF,IAAI,~~EAAE~~;MAC5B,CAAC,MAAM,IAAI,IAAI,CAACC,MAAM,CAACC,OAAO,CAASO,WAAW,EAAE;QACjD,IAAI,CAACR,MAAM,CAACC,OAAO,CAASO,WAAW,CAAC,CAAC,CAAC;MAC7C,CAAC,MAAM;QACL;MACF;MACA,IAAI,CAACH,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MACtD,IAAI,CAACG,WAAW,CAAC;QACfN,WAAW,EAAE;MACf,CAAC~~,CAAkB~~;IACrB;EAEF;EAEQO,~~OAAO~~,~~GAAG~~;IAChB,IAAI,CAACL,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACvD,IAAI,IAAI,CAACJ,KAAK,CAACL,KAAK,CAACc,QAAQ,EAAE;MAC7B,IAAI,CAACN,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACxD;EACF;EAEQM,~~iBAAiB~~,~~GAAG~~;IAC1B,IAAI,IAAI,CAACV,KAAK,CAACW,aAAa,IAAI,CAAE,IAAI,CAACC,SAAS,EAAE;MAChD;IACF;IACA,~~IAAI3B~~,QAAQ,~~CAAC4B~~,EAAE,IAAI,KAAK,EAAE;MACxB,MAAMC,GAAG,GAAG,IAAI,CAACF,SAAS,CAAC,IAAI,CAACZ,KAAK,CAACL,KAAK,CAACoB,MAAM,CAAW;~~MAC7D/B~~,KAAK,~~CAACgC~~,GAAG,CAACF,GAAG,CAAC,CAACG,IAAI,~~CAAC~~,~~QAAY~~;QAAA,IAAX;UAACC;QAAI,CAAC;QACzB,IAAI,CAACX,WAAW,CAAC;UACfI,aAAa,~~EAAEO~~;QACjB,CAAC,EAAmB,MAAM,IAAI,~~CAACV~~,OAAO,~~EAAE~~,CAAC;MAC3C,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACD,WAAW,CAAC;QACfI,aAAa,EAAE,IAAI,CAACC,SAAS,CAAC,IAAI,CAACZ,KAAK,CAACL,KAAK,CAACoB,MAAM;MACvD,CAAC,EAAmB,MAAM,IAAI,CAACP,OAAO,~~EAAE~~,CAAC;IAC3C;EACF;~~EAEAW~~,~~gBAAgB~~,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAQ;IACzD,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAOF,IAAI;MACT,KAAK,KAAK;QACR,IAAI,~~CAACV~~,iBAAiB,~~EAAE~~;QACxB;MACF,KAAK,MAAM;QACT,IAAI,IAAI,~~CAACa~~,WAAW,IAClB,CAAC,IAAI,~~CAACvB~~,KAAK,CAACC,WAAW,~~KACtBoB~~,IAAI,IAAI,IAAI,~~CAACrB~~,KAAK,CAACL,KAAK,CAACc,QAAQ,CAAC,EAAE;~~UACrCe~~,UAAU,CAAC,MAAM,IAAI,~~CAACtB~~,KAAK,~~EAAE~~,EAAE,GAAG,CAAC;QACrC;QACA;~~IAAM~~;~~EAEZ~~;~~EAEAuB~~,~~iBAAiB~~,~~GAAS~~;IACxB,KAAK,CAACA,iBAAiB,~~EAAE~~;IACzB,IAAI,~~CAACf~~,iBAAiB,~~EAAE~~;EAC1B;~~EAEQgB~~,~~eAAe~~,~~CAAC/B~~,KAAoB,EAAE;IAC5C,~~MAAMgC~~,MAAM,GAAGC,OAAO,CAAC,qBAAqB,CAAC;IAC7C,~~oBAAQ~~,~~oBAAC~~,MAAM;~~MACb~~,aAAa,EAAE,IAAI,~~CAAC5B~~,KAAK,CAACW,aAAc;~~MACxC~~,GAAG,EAAG,IAAI,~~CAACb~~,MAAO;~~MAClB~~,IAAI,~~EAAEH~~,KAAK,~~CAACkC~~,IAAK;~~MACjB~~,IAAI,~~EAAElC~~,KAAK,CAACc,QAAS;~~MACrB~~,KAAK,~~EAAEd~~,KAAK,~~CAACmC~~,KAAM;~~MACnB~~,KAAK,EAAE,IAAI,CAACC,MAAM,~~CAACjC~~,MAAO;~~MAC1B~~,UAAU,~~EAAE~~,~~MAAM~~;QAChB,IAAI,~~CAACS~~,WAAW,CAAC;UACfN,WAAW,EAAE;QACf,CAAC~~,CAAkB~~;QACnB,IAAI,CAACE,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MAC5D;IAAE,~~EAAE~~;EACR;~~EAEQ4B~~,~~kBAAkB~~,~~CAACrC~~,KAAoB,EAAE;IAC/C,~~oBACE~~,~~oBAAC~~,UAAU;~~MACP~~,MAAM,EAAE,IAAI,~~CAACK~~,KAAK,CAACW,aAAc;~~MACjC~~,GAAG,EAAG,IAAI,~~CAACb~~,MAAO;~~MAClB~~,QAAQ,~~EAAEH~~,KAAK,CAACc,QAAS;~~MACzB~~,KAAK,~~EAAEd~~,KAAK,~~CAACmC~~,KAAM;~~MACnB~~,IAAI,~~EAAEnC~~,KAAK,~~CAACkC~~,IAAK;~~MACjB~~,KAAK,EAAE,IAAI,~~CAACE~~,MAAM,~~CAACjC~~,MAAO;~~MAC1B~~,iBAAiB,~~EAAE~~,~~MAAM~~;QACvB,IAAI,~~CAACS~~,WAAW,CAAC;UACfN,WAAW,EAAE;QACf,CAAC~~,CAAkB~~;QACnB,IAAI,CAACE,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MAC5D;IAAE,~~EACF~~;EAER;~~EAEA6B~~,~~YAAY~~,~~CAACtC~~,KAAoB,EAAE;IACjC,~~oBACE~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,IAAI,~~CAACoC~~,MAAM,~~CAACG~~;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChB,IAAI,~~CAACnC~~,KAAK,CAACW,aAAa,~~GACtB1B~~,QAAQ,~~CAAC4B~~,EAAE,IAAI,KAAK,GAAI,IAAI,~~CAACa~~,eAAe,~~CAAC/B~~,KAAK,CAAC,GAAG,IAAI,~~CAACqC~~,kBAAkB,~~CAACrC~~,KAAK,CAAC,GACnF,~~IAAI~~,~~CAEH~~;EACX;AACF"}
1	+ {"version":3,"names":["React","axios","Platform","View","LottieView","BaseComponent","BaseComponentState","WmLottieProps","DEFAULT_CLASS","WmLottieState","constructor","arguments","_defineProperty","WmLottie","props","createRef","play","lottie","current","state","isCompleted","reset","invokeEventCallback","proxy","pause","goToAndPlay","updateState","onReady","autoplay","loadAnimationData","animationData","loadAsset","OS","url","source","get","then","_ref","data","onPropertyChange","name","$new","$old","initialized","setTimeout","componentDidMount","renderWebLottie","Lottie","require","createElement","ref","loop","speed","style","styles","onComplete","renderNativeLottie","autoPlay","onAnimationFinish","renderWidget","root","_background"],"sources":["lottie.component.tsx"],"sourcesContent":["import React from 'react';\nimport axios from 'axios';\nimport { Platform, View } from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLottieProps from './lottie.props';\nimport { DEFAULT_CLASS, WmLottieStyles } from './lottie.styles';\n\nexport class WmLottieState extends BaseComponentState<WmLottieProps> {\n animationData: any;\n isCompleted = false;\n}\n\nexport default class WmLottie extends BaseComponent<WmLottieProps, WmLottieState, WmLottieStyles> {\n\n private lottie = React.createRef<LottieView>();\n\n constructor(props: WmLottieProps) {\n super(props, DEFAULT_CLASS, new WmLottieProps(), new WmLottieState());\n }\n \n play() {\n if (this.lottie.current) {\n if (this.state.isCompleted) {\n this.reset();\n } else {\n this.lottie.current.play();\n this.invokeEventCallback('onPlay', [null, this.proxy]);\n }\n }\n }\n\n pause() {\n if (this.lottie.current) {\n this.lottie.current.pause();\n this.invokeEventCallback('onPause', [null, this.proxy]);\n }\n }\n\n reset() {\n if (this.lottie.current) {\n if (this.lottie.current.reset) {\n this.lottie.current.reset();\n this.lottie.current.play();\n } else if((this.lottie.current as any).goToAndPlay) {\n (this.lottie.current as any).goToAndPlay(0);\n } else {\n return;\n }\n this.invokeEventCallback('onPlay', [null, this.proxy]);\n this.updateState({\n isCompleted: false\n } as WmLottieState);\n }\n \n }\n\n private onReady() {\n this.invokeEventCallback('onReady', [null, this.proxy]);\n if (this.state.props.autoplay) {\n this.invokeEventCallback('onPlay', [null, this.proxy]);\n }\n }\n\n private loadAnimationData() {\n if (this.state.animationData \|\| ! this.loadAsset) {\n return;\n }\n if (Platform.OS == 'web') {\n const url = this.loadAsset(this.state.props.source) as string;\n axios.get(url).then(({data}) => {\n this.updateState({\n animationData: data\n } as WmLottieState, () => this.onReady());\n });\n } else {\n this.updateState({\n animationData: this.loadAsset(this.state.props.source)\n } as WmLottieState, () => this.onReady());\n }\n }\n\n onPropertyChange(name: string, $new: any, $old: any): void {\n super.onPropertyChange(name, $new, $old);\n switch(name) {\n case 'src':\n this.loadAnimationData();\n break;\n case 'loop':\n if (this.initialized && \n !this.state.isCompleted && \n ($new \|\| this.state.props.autoplay)) {\n setTimeout(() => this.reset(), 200);\n }\n break;\n }\n }\n\n componentDidMount(): void {\n super.componentDidMount();\n this.loadAnimationData();\n }\n\n private renderWebLottie(props: WmLottieProps) {\n const Lottie = require('react-lottie-player');\n return (<Lottie \n animationData={this.state.animationData}\n ref= {this.lottie}\n loop={props.loop}\n play={props.autoplay}\n speed={props.speed}\n style={this.styles.lottie}\n onComplete={() => {\n this.updateState({\n isCompleted: true\n } as WmLottieState);\n this.invokeEventCallback('onComplete', [null, this.proxy]);\n }}/>);\n }\n\n private renderNativeLottie(props: WmLottieProps) {\n return (\n <LottieView\n source={this.state.animationData}\n ref= {this.lottie}\n autoPlay={props.autoplay}\n speed={props.speed}\n loop={props.loop}\n style={this.styles.lottie} \n onAnimationFinish={() => {\n this.updateState({\n isCompleted: true\n } as WmLottieState);\n this.invokeEventCallback('onComplete', [null, this.proxy]);\n }}\n />\n );\n }\n\n renderWidget(props: WmLottieProps) {\n return (\n <View style={this.styles.root}>\n {this._background}\n {this.state.animationData ? \n (Platform.OS == 'web' ? this.renderWebLottie(props) : this.renderNativeLottie(props)) \n : null \n }\n </View>); \n }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/lottie/lottie.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmLottieProps"],"sources":["lottie.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLottieProps extends BaseProps {\n speed = 1;\n autoplay = false;\n loop = false;\n source: string = '';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA,+BAC1C~~,CAAC;~~IAAA~~,~~kCACC~~,KAAK;~~IAAA~~,~~8BACT~~,KAAK;~~IAAA~~,~~gCACK~~,EAAE;EAAA;AACrB"}
1	+ {"version":3,"names":["BaseProps","WmLottieProps","constructor","arguments","_defineProperty"],"sources":["lottie.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLottieProps extends BaseProps {\n speed = 1;\n autoplay = false;\n loop = false;\n source: string = '';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,gBAC1C,CAAC;IAAAA,eAAA,mBACC,KAAK;IAAAA,eAAA,eACT,KAAK;IAAAA,eAAA,iBACK,EAAE;EAAA;AACrB"}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","animation","root","_background","icon","message","title","text","caption","hideclose","closeBtn","close"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n 'success': 'wm-sl-l sl-check',\n 'warning': 'wm-sl-l sl-alarm-bell',\n 'error': 'fa fa-times-circle',\n 'info': 'wi wi-info',\n 'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n 'success': 'Success',\n 'warning': 'Warning',\n 'error': 'Error',\n 'info': 'Info',\n 'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n constructor(props: WmMessageProps) {\n super(props, DEFAULT_CLASS, new WmMessageProps());\n }\n\n showMessage() {\n this.updateState({\n props: {\n show: true\n }\n } as WmMessageState);\n }\n\n hideMessage() {\n this.updateState({\n props: {\n show: false\n }\n } as WmMessageState);\n }\n\n close = () => {\n this.updateState({props: {\n show : false\n }}, () => this.invokeEventCallback('onClose', [null, this]));\n }\n\n renderWidget(props: WmMessageProps) {\n const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n return (<Animatedview entryanimation={props.animation} style={styles.root}>\n {this._background}\n <WmIcon\n iconclass={props.type && MESSAGE_ICONS[props.type]}\n styles={styles.icon}></WmIcon>\n <View style={styles.message}>\n <Text style={styles.title}>{props.title \|\| DEFAULT_TITLE[props.type \|\| '']}</Text>\n <Text style={styles.text}>{props.caption}</Text>\n </View>\n {props.hideclose ? null : (\n <WmButton\n iconclass=\"wi wi-close\"\n styles={styles.closeBtn}\n onTap={this.close}></WmButton>\n )}\n </Animatedview>);\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AACjE,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,OAAOC,QAAQ,MAAM,4BAA4B;AACjD,SAASC,YAAY,QAAQ,mEAAmE;AAEhG,OAAO,MAAMC,cAAc,SAASN,kBAAkB,CAAiB;AAEvE,MAAMO,aAAa,GAAG;EACpB,SAAS,EAAE,kBAAkB;EAC7B,SAAS,EAAE,uBAAuB;EAClC,OAAO,EAAE,oBAAoB;EAC7B,MAAM,EAAE,YAAY;EACpB,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,aAAa,GAAG;EACpB,SAAS,EAAE,SAAS;EACpB,SAAS,EAAE,SAAS;EACpB,OAAO,EAAE,OAAO;EAChB,MAAM,EAAE,MAAM;EACd,SAAS,EAAE;AACb,CAAQ;AAER,eAAe,MAAMC,SAAS,SAASV,aAAa,CAAkD;EAEpGW,~~WAAW~~,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,cAAc,~~EAAE~~,CAAC;~~IAAC,+BAmB5C~~,MAAM;MACZ,IAAI,~~CAACW~~,WAAW,CAAC;~~QAACD~~,KAAK,EAAE;~~UACvBE~~,IAAI,EAAG;QACT;MAAC,CAAC,EAAE,MAAM,IAAI,CAACC,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9D,CAAC;EAtBD;EAEAC,~~WAAW~~,~~GAAG~~;IACZ,IAAI,CAACH,WAAW,CAAC;~~MACfD~~,KAAK,EAAE;~~QACLE~~,IAAI,EAAE;MACR;IACF,CAAC~~,CAAmB~~;EACtB;EAEAG,~~WAAW~~,~~GAAG~~;IACZ,IAAI,CAACJ,WAAW,CAAC;~~MACfD~~,KAAK,EAAE;~~QACLE~~,IAAI,EAAE;MACR;IACF,CAAC~~,CAAmB~~;EACtB;EAQAI,~~YAAY~~,~~CAACN~~,KAAqB,EAAE;IAClC,~~MAAMO~~,MAAM,GAAG,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,IAAI,CAACD,KAAK,CAACE,QAAQ,CAAE,~~GAAEV~~,KAAK,~~CAACW~~,IAAK,~~IAAGX~~,KAAK,~~CAACY~~,OAAQ,UAAS,CAAC,EAAE,IAAI,CAACL,MAAM,CAAC;IAChH,~~oBAAQ~~,~~oBAAC~~,YAAY;~~MAAC~~,cAAc,~~EAAEP~~,KAAK,~~CAACa~~,SAAU;~~MAAC~~,KAAK,~~EAAEN~~,MAAM,~~CAACO~~;IAAK,GACvE,IAAI,CAACC,WAAW,~~eACjB~~,~~oBAAC~~,MAAM;~~MACL~~,SAAS,~~EAAEf~~,KAAK,~~CAACW~~,IAAI,~~IAAIf~~,aAAa,CAACI,KAAK,~~CAACW~~,IAAI,CAAE;~~MACnD~~,MAAM,~~EAAEJ~~,MAAM,~~CAACS~~;IAAK,~~EAAU~~,~~eAChC~~,~~oBAAC~~,IAAI;MAAC,KAAK,EAAET,MAAM,~~CAACU~~;IAAQ,~~gBAC1B~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,~~EAAEV~~,MAAM,~~CAACW~~;IAAM,~~GAAElB~~,KAAK,~~CAACkB~~,KAAK,~~IAAIrB~~,aAAa,CAACG,KAAK,~~CAACW~~,IAAI,IAAI,EAAE,CAAC,~~CAAQ~~,~~eAClF~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,~~EAAEJ~~,MAAM,~~CAACY~~;IAAK,~~GAAEnB~~,KAAK,~~CAACoB~~,~~OAAO~~,~~CAAQ,~~CAC3C,~~EACNpB~~,KAAK,~~CAACqB~~,SAAS,GAAG,IAAI,~~gBACrB~~,~~oBAAC~~,QAAQ;~~MACP~~,SAAS,EAAC,aAAa;~~MACvB~~,MAAM,~~EAAEd~~,MAAM,~~CAACe~~,QAAS;~~MACxB~~,KAAK,EAAE,IAAI,CAACC;IAAM,~~EACrB~~,~~CACY~~;EACjB;AACF"}
1	+ {"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","style","root","_background","iconclass","icon","message","title","text","caption","hideclose","closeBtn","onTap","close"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n 'success': 'wm-sl-l sl-check',\n 'warning': 'wm-sl-l sl-alarm-bell',\n 'error': 'fa fa-times-circle',\n 'info': 'wi wi-info',\n 'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n 'success': 'Success',\n 'warning': 'Warning',\n 'error': 'Error',\n 'info': 'Info',\n 'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n constructor(props: WmMessageProps) {\n super(props, DEFAULT_CLASS, new WmMessageProps());\n }\n\n showMessage() {\n this.updateState({\n props: {\n show: true\n }\n } as WmMessageState);\n }\n\n hideMessage() {\n this.updateState({\n props: {\n show: false\n }\n } as WmMessageState);\n }\n\n close = () => {\n this.updateState({props: {\n show : false\n }}, () => this.invokeEventCallback('onClose', [null, this]));\n }\n\n renderWidget(props: WmMessageProps) {\n const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n return (<Animatedview entryanimation={props.animation} style={styles.root}>\n {this._background}\n <WmIcon\n iconclass={props.type && MESSAGE_ICONS[props.type]}\n styles={styles.icon}></WmIcon>\n <View style={styles.message}>\n <Text style={styles.title}>{props.title \|\| DEFAULT_TITLE[props.type \|\| '']}</Text>\n <Text style={styles.text}>{props.caption}</Text>\n </View>\n {props.hideclose ? null : (\n <WmButton\n iconclass=\"wi wi-close\"\n styles={styles.closeBtn}\n onTap={this.close}></WmButton>\n )}\n </Animatedview>);\n }\n}\n"],"mappings":"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"}

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

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

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

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-message';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
@@ -79,6 +80,27 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     };
   };
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    title: {
+      textAlign: 'right'
+    },
+    text: {
+      textAlign: 'right'
+    },
+    message: {
+      paddingRight: 16
+    }
+  } : {
+    title: {
+      textAlign: 'left'
+    },
+    text: {
+      textAlign: 'left'
+    },
+    message: {
+      paddingRight: 16
+    }
+  });
   addStyle('success-dark-message', '', getStyle(themeVariables.messageSuccessColor, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF));
   addStyle('error-dark-message', '', getStyle(themeVariables.messageErrorColor, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF));
   addStyle('warning-dark-message', '', getStyle(themeVariables.messageWarningColor, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF));

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

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

app-rn-runtime/components/basic/modal/modal.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Modal","ReactModal","BaseComponent","BaseComponentState","WmModalProps","DEFAULT_CLASS","WmModalState","WmModal","constructor","props","renderWidget","createElement","style","styles","root","animationType","transparent","content","children"],"sources":["modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Modal as ReactModal } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmModalProps from './modal.props';\nimport { DEFAULT_CLASS, WmModalStyles } from './modal.styles';\n\nexport class WmModalState extends BaseComponentState<WmModalProps> {\n\n}\n\nexport default class WmModal extends BaseComponent<WmModalProps, WmModalState, WmModalStyles> {\n\n constructor(props: WmModalProps) {\n super(props, DEFAULT_CLASS, new WmModalProps());\n }\n\n renderWidget(props: WmModalProps) {\n return React.createElement(View, {\n style: this.styles.root\n }, React.createElement(ReactModal, {\n animationType: props.animationType as any,\n transparent: true,\n //@ts-ignore\n style: this.styles.content\n }, props.children));\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,IAAIC,UAAU,QAAQ,cAAc;AACxD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAE7D,OAAO,MAAMC,YAAY,SAASH,kBAAkB,CAAe;AAInE,eAAe,MAAMI,OAAO,SAASL,aAAa,CAA4C;EAE5FM,~~WAAW~~,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,YAAY,~~EAAE~~,CAAC;EACjD;EAEAM,~~YAAY~~,CAACD,KAAmB,EAAE;IAChC,oBAAOX,KAAK,CAACa,aAAa,CAACZ,IAAI,EAAE;MAC/Ba,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IACrB,CAAC,eAAEhB,KAAK,CAACa,aAAa,CAACV,UAAU,EAAE;MACjCc,aAAa,EAAEN,KAAK,CAACM,aAAoB;MACzCC,WAAW,EAAE,IAAI;MACjB;MACAJ,KAAK,EAAE,IAAI,CAACC,MAAM,CAACI;IACrB,CAAC,EAAER,KAAK,CAACS,QAAQ,CAAC,CAAC;EACrB;AACF"}
1	+ {"version":3,"names":["React","View","Modal","ReactModal","BaseComponent","BaseComponentState","WmModalProps","DEFAULT_CLASS","WmModalState","WmModal","constructor","props","renderWidget","createElement","style","styles","root","animationType","transparent","content","children"],"sources":["modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Modal as ReactModal } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmModalProps from './modal.props';\nimport { DEFAULT_CLASS, WmModalStyles } from './modal.styles';\n\nexport class WmModalState extends BaseComponentState<WmModalProps> {\n\n}\n\nexport default class WmModal extends BaseComponent<WmModalProps, WmModalState, WmModalStyles> {\n\n constructor(props: WmModalProps) {\n super(props, DEFAULT_CLASS, new WmModalProps());\n }\n\n renderWidget(props: WmModalProps) {\n return React.createElement(View, {\n style: this.styles.root\n }, React.createElement(ReactModal, {\n animationType: props.animationType as any,\n transparent: true,\n //@ts-ignore\n style: this.styles.content\n }, props.children));\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,IAAIC,UAAU,QAAQ,cAAc;AACxD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAE7D,OAAO,MAAMC,YAAY,SAASH,kBAAkB,CAAe;AAInE,eAAe,MAAMI,OAAO,SAASL,aAAa,CAA4C;EAE5FM,WAAWA,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAM,YAAYA,CAACD,KAAmB,EAAE;IAChC,oBAAOX,KAAK,CAACa,aAAa,CAACZ,IAAI,EAAE;MAC/Ba,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IACrB,CAAC,eAAEhB,KAAK,CAACa,aAAa,CAACV,UAAU,EAAE;MACjCc,aAAa,EAAEN,KAAK,CAACM,aAAoB;MACzCC,WAAW,EAAE,IAAI;MACjB;MACAJ,KAAK,EAAE,IAAI,CAACC,MAAM,CAACI;IACrB,CAAC,EAAER,KAAK,CAACS,QAAQ,CAAC,CAAC;EACrB;AACF"}

app-rn-runtime/components/basic/modal/modal.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmModalProps"],"sources":["modal.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmModalProps extends BaseProps {\n children = null as any;\n animationType? = 'slide';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~,~~kCACrC~~,IAAI;~~IAAA~~,~~uCACE~~,OAAO;EAAA;AAC5B"}
1	+ {"version":3,"names":["BaseProps","WmModalProps","constructor","arguments","_defineProperty"],"sources":["modal.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmModalProps extends BaseProps {\n children = null as any;\n animationType? = 'slide';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACrC,IAAI;IAAAA,eAAA,wBACE,OAAO;EAAA;AAC5B"}

app-rn-runtime/components/basic/modal/modal.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","text","content","borderColor","borderWidth","flex","justifyContent","alignItems","alignSelf"],"sources":["modal.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';\n\n\nexport type WmModalStyles = BaseStyles & {\n content: AllStyle,\n};\n\nexport const DEFAULT_CLASS = 'app-modal';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmModalStyles = defineStyles({\n root: {\n backgroundColor: 'rgba(0, 0, 0, 0)'\n },\n text: {},\n content: {\n borderColor: 'rgba(0, 0, 0, 0)',\n borderWidth: 0\n }\n });\n\n addStyle('centered-modal', '', {\n root: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n alignSelf: 'center',\n },\n text: {},\n content: {\n alignSelf: 'center'\n }\n } as WmModalStyles);\n\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE;MACFC,eAAe,EAAE;IACrB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLC,WAAW,EAAE,kBAAkB;MAC/BC,WAAW,EAAE;IACjB;EACJ,CAAC,CAAC;EAEFP,QAAQ,CAAC,gBAAgB,EAAE,EAAE,EAAE;IAC3BE,IAAI,EAAE;MACFM,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE;IACf,CAAC;IACDP,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLM,SAAS,EAAE;IACf;EACJ,CAAC~~,CAAkB~~;EAGnBX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","text","content","borderColor","borderWidth","flex","justifyContent","alignItems","alignSelf"],"sources":["modal.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';\n\n\nexport type WmModalStyles = BaseStyles & {\n content: AllStyle,\n};\n\nexport const DEFAULT_CLASS = 'app-modal';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmModalStyles = defineStyles({\n root: {\n backgroundColor: 'rgba(0, 0, 0, 0)'\n },\n text: {},\n content: {\n borderColor: 'rgba(0, 0, 0, 0)',\n borderWidth: 0\n }\n });\n\n addStyle('centered-modal', '', {\n root: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n alignSelf: 'center',\n },\n text: {},\n content: {\n alignSelf: 'center'\n }\n } as WmModalStyles);\n\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE;MACFC,eAAe,EAAE;IACrB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLC,WAAW,EAAE,kBAAkB;MAC/BC,WAAW,EAAE;IACjB;EACJ,CAAC,CAAC;EAEFP,QAAQ,CAAC,gBAAgB,EAAE,EAAE,EAAE;IAC3BE,IAAI,EAAE;MACFM,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE;IACf,CAAC;IACDP,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLM,SAAS,EAAE;IACf;EACJ,CAAkB,CAAC;EAGnBX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

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

@@ -4,11 +4,11 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import React from 'react';
 import { Image, View } from 'react-native';
 import { SvgUri } from 'react-native-svg';
-import { isNumber, isString } from 'lodash-es';
+import { isNumber } from 'lodash-es';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';
-import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import { isFullPathUrl, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
 import WmPictureProps from './picture.props';
 import { DEFAULT_CLASS } from './picture.styles';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
@@ -118,7 +118,7 @@ export default class WmPicture extends BaseComponent {
         height: this.styles.root.height,
         uri: imgSrc
       });
-    } else if (isString(imgSrc) && (imgSrc.startsWith('http') || imgSrc.startsWith('file:'))) {
+    } else if (isFullPathUrl(imgSrc)) {
       source = {
         uri: imgSrc
       };