@wavemaker/app-rn-runtime 11.7.0-next.24863 → 11.7.0-next.26327

app-rn-runtime/styles/background.component.js

@@ -13,6 +13,7 @@ const LINEAT_GRADIENT_REGEX = /linear-gradient\((.+)\)$/gi;
 const DIMENSION_REGEX = /([0-9%]+)[a-z]*/g;
 const BACKGROUND_POSITION_REGEX = /([0-9%]+)[a-z]*\s*([0-9%]+)[a-z]*/g;
 const BACKGROUND_SIZE_REGEX = /([0-9%]+)[a-z]*\s*([0-9%]+)[a-z]*/g;
+const ASSET_CACHE = {};
 export class LinearGradient extends React.Component {
   constructor(props) {
     super(props);
@@ -109,7 +110,9 @@ export class BackgroundComponent extends React.Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "loadAsset", null);
-    this.state = {};
+    this.state = {
+      imageSrc: this.props.image ? ASSET_CACHE[this.props.image] : undefined
+    };
   }
   caluculateSize(imageSrc) {
     if (isNumber(imageSrc)) {
@@ -219,7 +222,7 @@ export class BackgroundComponent extends React.Component {
     });
   }
   componentDidUpdate(prevProps, prevState, snapshot) {
-    if (prevProps.image !== this.props.image) {
+    if (this.props.image && prevProps.image !== this.props.image) {
       this.setImage();
     }
   }
@@ -229,6 +232,9 @@ export class BackgroundComponent extends React.Component {
   setImage() {
     var _this$props$image, _source;
     let source = (_this$props$image = this.props.image) === null || _this$props$image === void 0 ? void 0 : _this$props$image.trim();
+    if (!source) {
+      return;
+    }
     if ((_source = source) !== null && _source !== void 0 && _source.startsWith('url')) {
       var _this$props$image2;
       source = (_this$props$image2 = this.props.image) === null || _this$props$image2 === void 0 ? void 0 : _this$props$image2.matchAll(IMAGE_URL_REGEX).next().value[1];
@@ -245,6 +251,9 @@ export class BackgroundComponent extends React.Component {
     this.setState({
       imageSrc: source
     });
+    if (this.props.image) {
+      ASSET_CACHE[this.props.image] = source;
+    }
   }
   getGradient() {
     var _this$props$image3;
@@ -254,7 +263,9 @@ export class BackgroundComponent extends React.Component {
     const psresult = this.getPositionAndSize();
     return /*#__PURE__*/React.createElement(AssetConsumer, null, loadAsset => {
       var _psresult$position, _psresult$position2;
+      const loadImage = this.loadAsset !== loadAsset;
       this.loadAsset = loadAsset;
+      loadImage && this.setImage();
       return /*#__PURE__*/React.createElement(View, {
         style: [{
           borderWidth: 0,
@@ -277,10 +288,10 @@ export class BackgroundComponent extends React.Component {
         style: [{
           width: '100%',
           height: '100%'
-        }, isEmpty(psresult.size) ? {
+        }, !isEmpty(psresult.size) || psresult.resizeMode === 'cover' || psresult.resizeMode === 'contain' ? null : {
           minWidth: this.state.naturalImageWidth,
           minHeight: this.state.naturalImageHeight
-        } : null]
+        }]
       }))));
     });
   }
@@ -289,7 +300,7 @@ export class BackgroundComponent extends React.Component {
     const gradientData = this.getGradient();
     if (gradientData !== null && gradientData !== void 0 && (_gradientData$value = gradientData.value) !== null && _gradientData$value !== void 0 && _gradientData$value.length) {
       return this.renderLinearGradient(gradientData.value[1]);
-    } else if (this.props.image) {
+    } else if (this.props.image && this.state.imageSrc) {
       return this.renderImage();
     }
     return null;

app-rn-runtime/styles/background.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LinearGradient","ExpoLinearGradient","Image","StyleSheet","View","isEmpty","isNil","isNumber","imageSizeEstimator","AssetConsumer","isFullPathUrl","IMAGE_URL_REGEX","LINEAT_GRADIENT_REGEX","DIMENSION_REGEX","BACKGROUND_POSITION_REGEX","BACKGROUND_SIZE_REGEX","Component","constructor","props","state","parse","val","arguments","length","undefined","value","splits","split","map","v","trim","angle","locations","endsWith","parseInt","shift","delta","Math","round","tan","PI","abs","end","x","y","start","colors","s","_s$matchAll$next","p","matchAll","next","push","replace","componentDidUpdate","prevProps","prevState","snapshot","setState","render","_this$props$size","_this$props$style","createElement","style","borderWidth","overflow","absoluteFill","middle","flexDirection","justifyContent","alignItems","size","width","position","borderRadius","children","BackgroundComponent","_defineProperty","caluculateSize","imageSrc","height","resolveAssetSource","naturalImageWidth","naturalImageHeight","getSize","uri","getDimension","dim","getPosition","result","top","bottom","left","right","getPositionAndSize","_this$props$size2","_this$getGradient","resizeMode","getGradient","repeat","renderLinearGradient","data","psresult","image","setImage","componentDidMount","setTimeout","_this$props$image","_source","source","startsWith","_this$props$image2","loadAsset","_this$props$image3","renderImage","_psresult$position","_psresult$position2","minWidth","minHeight","_gradientData$value","gradientData"],"sources":["background.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LinearGradient as ExpoLinearGradient, LinearGradientPoint } from 'expo-linear-gradient';\nimport { Image, StyleSheet, View, ViewStyle } from 'react-native';\nimport { isEmpty, isNil, isNumber, isString } from 'lodash-es';\nimport imageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { AssetConsumer } from '@wavemaker/app-rn-runtime/core/asset.provider';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport interface LinearGradientProps {\n    value: string;\n    children: any;\n    style?: ViewStyle;\n    size?: ViewStyle;\n    position?: ViewStyle;\n    middle?: boolean;\n}\n\nexport interface LinearGradientState {\n    colors: string[];\n    locations: number[];\n    start: LinearGradientPoint;\n    end: LinearGradientPoint;\n}\n\nconst IMAGE_URL_REGEX = /url\\(['|\"]?(.+)['|\"]?\\)$/gi;\nconst LINEAT_GRADIENT_REGEX = /linear-gradient\\((.+)\\)$/gi;\nconst DIMENSION_REGEX = /([0-9%]+)[a-z]*/g;\nconst BACKGROUND_POSITION_REGEX = /([0-9%]+)[a-z]*\\s*([0-9%]+)[a-z]*/g;\nconst BACKGROUND_SIZE_REGEX = /([0-9%]+)[a-z]*\\s*([0-9%]+)[a-z]*/g;\n\nexport class LinearGradient extends React.Component<LinearGradientProps, LinearGradientState> {\n\n    constructor(props: LinearGradientProps) {\n        super(props);\n        this.state = this.parse();\n    }\n\n    parse(val = this.props.value) {\n        let state = {} as LinearGradientState;\n        const splits = val.split(',').map(v => v.trim());\n        let angle = 0;\n        const locations: LinearGradientPoint[] = [];\n        if (splits[0].endsWith('deg')) {\n            angle = (parseInt(splits[0].split('deg')[0]))%360;\n            angle = angle < 0 ? (360 + angle) : angle;\n            splits.shift();\n        }\n        angle += 90;\n        const delta = Math.round(Math.tan((angle * Math.PI) / 180) * 100)/100;\n        if (Math.abs(delta) > 1) {\n            state = {\n                end: {\n                    x: -0.5 / delta + 0.5,\n                    y: 0\n                },\n                start: {\n                    x: 0.5 / delta + 0.5,\n                    y: 1\n                }\n            }  as LinearGradientState;\n        } else {\n            state = {\n                start: {\n                    x: 0,\n                    y: -0.5 * delta + 0.5\n                },\n                end: {\n                    x: 1,\n                    y: 0.5 * delta + 0.5\n                }\n            }  as LinearGradientState;\n        }\n        if (angle >= 270 && angle <= 450) {\n            state = {\n                start : state.end,\n                end: state.start\n            } as LinearGradientState;\n        }\n        state.colors = [];\n        state.locations = [];\n        splits.map(s => {\n            const p = s.matchAll(/\\s*([0-9]+)%/g).next()?.value;\n            if (p) {\n                state.locations.push(parseInt(p[1]) / 100);\n                state.colors.push(s.replace(p[0], ''));\n            } else {\n                state.locations.push(null as any);\n                state.colors.push(s);\n            }\n        });\n        return state;\n    }\n\n    componentDidUpdate(prevProps: Readonly<LinearGradientProps>, prevState: Readonly<{}>, snapshot?: any): void {\n        if (prevProps.value !== this.props.value) {\n            this.setState(this.parse());\n        }\n    }\n    \n\n    public render() {\n        return (\n            <View style={[{borderWidth: 0, overflow: 'hidden'}, StyleSheet.absoluteFill, this.props.style]}>\n                <View style={[\n                    StyleSheet.absoluteFill, this.props.middle ? {\n                        flexDirection: 'row',\n                        justifyContent: 'center',\n                        alignItems: 'center'\n                    } : null]}>\n                    <ExpoLinearGradient\n                        colors={this.state.colors}\n                        locations={this.state.locations}\n                        start={this.state.start}\n                        end={this.state.end}\n                        style={[\n                            this.props.size?.width ? this.props.size : StyleSheet.absoluteFill,\n                            this.props.position,\n                            {position: 'absolute', borderRadius: this.props.style?.borderRadius}\n                        ]}\n                    />\n                </View>\n                {this.props.children}\n            </View>\n        );\n    }\n}\n\nexport interface BackgroundProps {\n    image?: string;\n    position?: string;\n    children?: any;\n    resizeMode?: string;\n    repeat?: string;\n    style?: ViewStyle;\n    size: string;\n}\n\nexport interface BackgroundState {\n    imageSrc: any;\n    naturalImageWidth: number,\n    naturalImageHeight: number\n}\n\nexport class BackgroundComponent extends React.Component<BackgroundProps, BackgroundState> {\n\n    private loadAsset: (path: string) => number | string = null as any;\n\n    constructor(props: BackgroundProps) {\n        super(props);\n        this.state = {} as BackgroundState;\n    }\n\n    public caluculateSize(imageSrc: any) {\n        if (isNumber(imageSrc)) {\n            const {width, height} = Image.resolveAssetSource(imageSrc);\n            this.setState({\n              naturalImageWidth: width,\n              naturalImageHeight: height\n            } as BackgroundState);\n          } else if (!isNil(imageSrc)) {\n            imageSizeEstimator.getSize(imageSrc.uri, (width: number, height: number) => {\n              this.setState({\n                naturalImageWidth: width,\n                naturalImageHeight: height\n              } as BackgroundState);\n            });\n          }\n    }\n\n    getDimension(dim: string) {\n        if (dim) {\n            const value = dim.matchAll(DIMENSION_REGEX).next().value;\n            if (value[1]) {\n                return value[1].endsWith('%') ? value[1] : parseInt(value[1]);\n            }\n        }\n        return null;\n    }\n\n    public getPosition() {\n        const result = {} as ViewStyle;\n        if (!this.props.position) {\n            return result;\n        }\n        const position = this.props.position.split(' ').map(s => s.trim());\n        if (position[0] === 'center') {\n            result.alignItems = 'center';\n        } else if (position[0] === 'top') {\n            result.top = 0;\n        } else if (position[0] === 'bottom') {\n            result.bottom = 0;\n        } else {\n            result.top = this.getDimension(position[0]);\n        }\n        if (position[1] === 'center') {\n            result.justifyContent = 'center';\n        } else if (position[1] === 'left') {\n            result.left = 0;\n        } else if (position[1] === 'bottom') {\n            result.right = 0;\n        } else {\n            result.left = this.getDimension(position[1]);\n        }\n        return result;\n    }\n\n    public getPositionAndSize() {\n        const result: {\n            resizeMode? : string,\n            position?: ViewStyle,\n            size?: ViewStyle\n        } = {} as any;\n        if (this.props.resizeMode) {\n            result.resizeMode = this.props.resizeMode;\n            return result;\n        } else if (this.props.position === 'center') {\n            result.resizeMode = 'center';\n            result.position = {\n                justifyContent: 'center',\n                alignItems: 'center'\n            };\n        } else if (this.props.size === 'contain' || this.props.size === 'cover') {\n            result.resizeMode = this.props.size;\n            return result;\n        }\n        const size = this.props.size?.matchAll(BACKGROUND_SIZE_REGEX).next().value;\n        result.size = {};\n        if (size) {\n            result.size.width = size[1].endsWith('%') ? size[1] : parseInt(size[1]);\n            result.size.height = size[2].endsWith('%') ? size[2] : parseInt(size[2]);\n        }\n        if (!result.resizeMode && this.props.position) {\n            result.position = this.getPosition();\n        }\n        if (!this.getGradient()?.value?.length) {\n            if (this.props.repeat === 'no-repeat') {\n                result.size.width = result.size.width || this.state.naturalImageWidth; \n                result.size.height = result.size.height || this.state.naturalImageHeight; \n            } else if (this.props.repeat === 'repeat-x') {\n                result.resizeMode = 'repeat';\n                result.size.width = result.size.width || '100%'; \n                result.size.height = result.size.height || this.state.naturalImageHeight; \n            } else if (this.props.repeat === 'repeat-y') {\n                result.resizeMode = 'repeat';\n                result.size.width = result.size.width || this.state.naturalImageWidth; \n                result.size.height = result.size.height || '100%'; \n            } else {\n                result.resizeMode = 'repeat';\n            }\n        }\n        return result;\n    }\n\n    public renderLinearGradient(data: string) {\n        const psresult = this.getPositionAndSize();\n        return  (\n            <LinearGradient\n                value={data || ''}\n                style={this.props.style}\n                size={psresult.size}\n                position={psresult.position}\n                middle={psresult.resizeMode === 'center'}>\n            </LinearGradient>\n        );\n    }\n\n    componentDidUpdate(prevProps: Readonly<BackgroundProps>, prevState: Readonly<{}>, snapshot?: any): void {\n        if (prevProps.image !== this.props.image) {\n            this.setImage();\n        }\n    }\n\n    componentDidMount(): void {\n        setTimeout(() => this.setImage(), 100);\n    }\n\n    setImage() {\n        let source = this.props.image?.trim() as any;\n        if (source?.startsWith('url')) {\n            source = this.props.image?.matchAll(IMAGE_URL_REGEX).next().value[1];\n        }\n        if (this.loadAsset) {\n            source = this.loadAsset(source);\n        }\n        if (isFullPathUrl(source)) {\n            source = {\n                uri: source\n            };\n        }\n        this.caluculateSize(source);\n        this.setState({\n            imageSrc: source\n        } as BackgroundState);\n    }\n\n    public getGradient() {\n        return this.props.image?.trim().matchAll(LINEAT_GRADIENT_REGEX).next();\n    }\n\n    public renderImage() {\n        const psresult = this.getPositionAndSize();\n        return (\n        <AssetConsumer>\n            {(loadAsset) => {\n            this.loadAsset = loadAsset;\n            return (<View style={[{borderWidth: 0, overflow: 'hidden'}, StyleSheet.absoluteFill, this.props.style]}>\n                <View style={[\n                    StyleSheet.absoluteFill, {\n                        flexDirection: 'row',\n                        justifyContent: psresult.position?.justifyContent,\n                        alignItems: psresult.position?.alignItems\n                    }]}>\n                    <View style={[\n                        { position: 'absolute', overflow: 'hidden' },\n                        psresult.position,\n                        isEmpty(psresult.size) ?  StyleSheet.absoluteFill : psresult.size\n                    ]}>\n                        <Image\n                            source={this.state.imageSrc}\n                            resizeMode={psresult.resizeMode as any || 'cover'}\n                            style={[\n                                { \n                                    width: '100%',\n                                    height: '100%'\n                                }, \n                                isEmpty(psresult.size) ? {\n                                    minWidth: this.state.naturalImageWidth,\n                                    minHeight: this.state.naturalImageHeight\n                                } : null\n                            ]}/>\n                    </View>\n                </View>\n            </View>);\n            }}\n        </AssetConsumer>\n        );\n    }\n\n    public render() {\n        const gradientData = this.getGradient();\n        if (gradientData?.value?.length) {\n            return this.renderLinearGradient(gradientData.value[1]);\n        } else if (this.props.image) {\n            return this.renderImage();\n        }\n        return null;\n    }\n}\n\n"],"mappings":"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"}
+{"version":3,"names":["React","LinearGradient","ExpoLinearGradient","Image","StyleSheet","View","isEmpty","isNil","isNumber","imageSizeEstimator","AssetConsumer","isFullPathUrl","IMAGE_URL_REGEX","LINEAT_GRADIENT_REGEX","DIMENSION_REGEX","BACKGROUND_POSITION_REGEX","BACKGROUND_SIZE_REGEX","ASSET_CACHE","Component","constructor","props","state","parse","val","arguments","length","undefined","value","splits","split","map","v","trim","angle","locations","endsWith","parseInt","shift","delta","Math","round","tan","PI","abs","end","x","y","start","colors","s","_s$matchAll$next","p","matchAll","next","push","replace","componentDidUpdate","prevProps","prevState","snapshot","setState","render","_this$props$size","_this$props$style","createElement","style","borderWidth","overflow","absoluteFill","middle","flexDirection","justifyContent","alignItems","size","width","position","borderRadius","children","BackgroundComponent","_defineProperty","imageSrc","image","caluculateSize","height","resolveAssetSource","naturalImageWidth","naturalImageHeight","getSize","uri","getDimension","dim","getPosition","result","top","bottom","left","right","getPositionAndSize","_this$props$size2","_this$getGradient","resizeMode","getGradient","repeat","renderLinearGradient","data","psresult","setImage","componentDidMount","setTimeout","_this$props$image","_source","source","startsWith","_this$props$image2","loadAsset","_this$props$image3","renderImage","_psresult$position","_psresult$position2","loadImage","minWidth","minHeight","_gradientData$value","gradientData"],"sources":["background.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LinearGradient as ExpoLinearGradient, LinearGradientPoint } from 'expo-linear-gradient';\nimport { Image, StyleSheet, View, ViewStyle } from 'react-native';\nimport { isEmpty, isNil, isNumber, isString } from 'lodash-es';\nimport imageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { AssetConsumer } from '@wavemaker/app-rn-runtime/core/asset.provider';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport interface LinearGradientProps {\n    value: string;\n    children: any;\n    style?: ViewStyle;\n    size?: ViewStyle;\n    position?: ViewStyle;\n    middle?: boolean;\n}\n\nexport interface LinearGradientState {\n    colors: string[];\n    locations: number[];\n    start: LinearGradientPoint;\n    end: LinearGradientPoint;\n}\n\nconst IMAGE_URL_REGEX = /url\\(['|\"]?(.+)['|\"]?\\)$/gi;\nconst LINEAT_GRADIENT_REGEX = /linear-gradient\\((.+)\\)$/gi;\nconst DIMENSION_REGEX = /([0-9%]+)[a-z]*/g;\nconst BACKGROUND_POSITION_REGEX = /([0-9%]+)[a-z]*\\s*([0-9%]+)[a-z]*/g;\nconst BACKGROUND_SIZE_REGEX = /([0-9%]+)[a-z]*\\s*([0-9%]+)[a-z]*/g;\n\nconst ASSET_CACHE = {} as any;\n\nexport class LinearGradient extends React.Component<LinearGradientProps, LinearGradientState> {\n\n    constructor(props: LinearGradientProps) {\n        super(props);\n        this.state = this.parse();\n    }\n\n    parse(val = this.props.value) {\n        let state = {} as LinearGradientState;\n        const splits = val.split(',').map(v => v.trim());\n        let angle = 0;\n        const locations: LinearGradientPoint[] = [];\n        if (splits[0].endsWith('deg')) {\n            angle = (parseInt(splits[0].split('deg')[0]))%360;\n            angle = angle < 0 ? (360 + angle) : angle;\n            splits.shift();\n        }\n        angle += 90;\n        const delta = Math.round(Math.tan((angle * Math.PI) / 180) * 100)/100;\n        if (Math.abs(delta) > 1) {\n            state = {\n                end: {\n                    x: -0.5 / delta + 0.5,\n                    y: 0\n                },\n                start: {\n                    x: 0.5 / delta + 0.5,\n                    y: 1\n                }\n            }  as LinearGradientState;\n        } else {\n            state = {\n                start: {\n                    x: 0,\n                    y: -0.5 * delta + 0.5\n                },\n                end: {\n                    x: 1,\n                    y: 0.5 * delta + 0.5\n                }\n            }  as LinearGradientState;\n        }\n        if (angle >= 270 && angle <= 450) {\n            state = {\n                start : state.end,\n                end: state.start\n            } as LinearGradientState;\n        }\n        state.colors = [];\n        state.locations = [];\n        splits.map(s => {\n            const p = s.matchAll(/\\s*([0-9]+)%/g).next()?.value;\n            if (p) {\n                state.locations.push(parseInt(p[1]) / 100);\n                state.colors.push(s.replace(p[0], ''));\n            } else {\n                state.locations.push(null as any);\n                state.colors.push(s);\n            }\n        });\n        return state;\n    }\n\n    componentDidUpdate(prevProps: Readonly<LinearGradientProps>, prevState: Readonly<{}>, snapshot?: any): void {\n        if (prevProps.value !== this.props.value) {\n            this.setState(this.parse());\n        }\n    }\n    \n\n    public render() {\n        return (\n            <View style={[{borderWidth: 0, overflow: 'hidden'}, StyleSheet.absoluteFill, this.props.style]}>\n                <View style={[\n                    StyleSheet.absoluteFill, this.props.middle ? {\n                        flexDirection: 'row',\n                        justifyContent: 'center',\n                        alignItems: 'center'\n                    } : null]}>\n                    <ExpoLinearGradient\n                        colors={this.state.colors}\n                        locations={this.state.locations}\n                        start={this.state.start}\n                        end={this.state.end}\n                        style={[\n                            this.props.size?.width ? this.props.size : StyleSheet.absoluteFill,\n                            this.props.position,\n                            {position: 'absolute', borderRadius: this.props.style?.borderRadius}\n                        ]}\n                    />\n                </View>\n                {this.props.children}\n            </View>\n        );\n    }\n}\n\nexport interface BackgroundProps {\n    image?: string;\n    position?: string;\n    children?: any;\n    resizeMode?: string;\n    repeat?: string;\n    style?: ViewStyle;\n    size: string;\n}\n\nexport interface BackgroundState {\n    imageSrc: any;\n    naturalImageWidth: number,\n    naturalImageHeight: number\n}\n\nexport class BackgroundComponent extends React.Component<BackgroundProps, BackgroundState> {\n\n    private loadAsset: (path: string) => number | string = null as any;\n\n    constructor(props: BackgroundProps) {\n        super(props);\n        this.state = {\n            imageSrc : this.props.image ? ASSET_CACHE[this.props.image] : undefined\n        } as BackgroundState;\n    }\n\n    public caluculateSize(imageSrc: any) {\n        if (isNumber(imageSrc)) {\n            const {width, height} = Image.resolveAssetSource(imageSrc);\n            this.setState({\n              naturalImageWidth: width,\n              naturalImageHeight: height\n            } as BackgroundState);\n          } else if (!isNil(imageSrc)) {\n            imageSizeEstimator.getSize(imageSrc.uri, (width: number, height: number) => {\n              this.setState({\n                naturalImageWidth: width,\n                naturalImageHeight: height\n              } as BackgroundState);\n            });\n          }\n    }\n\n    getDimension(dim: string) {\n        if (dim) {\n            const value = dim.matchAll(DIMENSION_REGEX).next().value;\n            if (value[1]) {\n                return value[1].endsWith('%') ? value[1] : parseInt(value[1]);\n            }\n        }\n        return null;\n    }\n\n    public getPosition() {\n        const result = {} as ViewStyle;\n        if (!this.props.position) {\n            return result;\n        }\n        const position = this.props.position.split(' ').map(s => s.trim());\n        if (position[0] === 'center') {\n            result.alignItems = 'center';\n        } else if (position[0] === 'top') {\n            result.top = 0;\n        } else if (position[0] === 'bottom') {\n            result.bottom = 0;\n        } else {\n            result.top = this.getDimension(position[0]);\n        }\n        if (position[1] === 'center') {\n            result.justifyContent = 'center';\n        } else if (position[1] === 'left') {\n            result.left = 0;\n        } else if (position[1] === 'bottom') {\n            result.right = 0;\n        } else {\n            result.left = this.getDimension(position[1]);\n        }\n        return result;\n    }\n\n    public getPositionAndSize() {\n        const result: {\n            resizeMode? : string,\n            position?: ViewStyle,\n            size?: ViewStyle\n        } = {} as any;\n        if (this.props.resizeMode) {\n            result.resizeMode = this.props.resizeMode;\n            return result;\n        } else if (this.props.position === 'center') {\n            result.resizeMode = 'center';\n            result.position = {\n                justifyContent: 'center',\n                alignItems: 'center'\n            };\n        } else if (this.props.size === 'contain' || this.props.size === 'cover') {\n            result.resizeMode = this.props.size;\n            return result;\n        }\n        const size = this.props.size?.matchAll(BACKGROUND_SIZE_REGEX).next().value;\n        result.size = {};\n        if (size) {\n            result.size.width = size[1].endsWith('%') ? size[1] : parseInt(size[1]);\n            result.size.height = size[2].endsWith('%') ? size[2] : parseInt(size[2]);\n        }\n        if (!result.resizeMode && this.props.position) {\n            result.position = this.getPosition();\n        }\n        if (!this.getGradient()?.value?.length) {\n            if (this.props.repeat === 'no-repeat') {\n                result.size.width = result.size.width || this.state.naturalImageWidth; \n                result.size.height = result.size.height || this.state.naturalImageHeight; \n            } else if (this.props.repeat === 'repeat-x') {\n                result.resizeMode = 'repeat';\n                result.size.width = result.size.width || '100%'; \n                result.size.height = result.size.height || this.state.naturalImageHeight; \n            } else if (this.props.repeat === 'repeat-y') {\n                result.resizeMode = 'repeat';\n                result.size.width = result.size.width || this.state.naturalImageWidth; \n                result.size.height = result.size.height || '100%'; \n            } else {\n                result.resizeMode = 'repeat';\n            }\n        }\n        return result;\n    }\n\n    public renderLinearGradient(data: string) {\n        const psresult = this.getPositionAndSize();\n        return  (\n            <LinearGradient\n                value={data || ''}\n                style={this.props.style}\n                size={psresult.size}\n                position={psresult.position}\n                middle={psresult.resizeMode === 'center'}>\n            </LinearGradient>\n        );\n    }\n\n    componentDidUpdate(prevProps: Readonly<BackgroundProps>, prevState: Readonly<{}>, snapshot?: any): void {\n        if (this.props.image && prevProps.image !== this.props.image) {\n            this.setImage();\n        }\n    }\n\n    componentDidMount(): void {\n        setTimeout(() => this.setImage(), 100);\n    }\n\n    setImage() {\n        let source = this.props.image?.trim() as any;\n        if (!source) {\n            return;\n        }\n        if (source?.startsWith('url')) {\n            source = this.props.image?.matchAll(IMAGE_URL_REGEX).next().value[1];\n        }\n        if (this.loadAsset) {\n            source = this.loadAsset(source);\n        }\n        if (isFullPathUrl(source)) {\n            source = {\n                uri: source\n            };\n        }\n        this.caluculateSize(source);\n        this.setState({\n            imageSrc: source\n        } as BackgroundState);\n        if (this.props.image) {\n            ASSET_CACHE[this.props.image] = source;\n        }\n    }\n\n    public getGradient() {\n        return this.props.image?.trim().matchAll(LINEAT_GRADIENT_REGEX).next();\n    }\n\n    public renderImage() {\n        const psresult = this.getPositionAndSize();\n        return (\n        <AssetConsumer>\n            {(loadAsset) => {\n            const loadImage = this.loadAsset !== loadAsset;\n            this.loadAsset = loadAsset;\n            loadImage && this.setImage();\n            return (<View style={[{borderWidth: 0, overflow: 'hidden'}, StyleSheet.absoluteFill, this.props.style]}>\n                <View style={[\n                    StyleSheet.absoluteFill, {\n                        flexDirection: 'row',\n                        justifyContent: psresult.position?.justifyContent,\n                        alignItems: psresult.position?.alignItems\n                    }]}>\n                    <View style={[\n                        { position: 'absolute', overflow: 'hidden' },\n                        psresult.position,\n                        isEmpty(psresult.size) ?  StyleSheet.absoluteFill : psresult.size\n                    ]}>\n                        <Image\n                            source={this.state.imageSrc}\n                            resizeMode={psresult.resizeMode as any || 'cover'}\n                            style={[\n                                { \n                                    width: '100%',\n                                    height: '100%'\n                                }, \n                                !isEmpty(psresult.size)\n                                    || (psresult.resizeMode === 'cover'\n                                        || psresult.resizeMode  === 'contain') ? null : {\n                                    minWidth: this.state.naturalImageWidth,\n                                    minHeight: this.state.naturalImageHeight\n                                }\n                            ]}/> \n                    </View>\n                </View>\n            </View>);\n            }}\n        </AssetConsumer>\n        );\n    }\n\n    public render() {\n        const gradientData = this.getGradient();\n        if (gradientData?.value?.length) {\n            return this.renderLinearGradient(gradientData.value[1]);\n        } else if (this.props.image && this.state.imageSrc) {\n            return this.renderImage();\n        }\n        return null;\n    }\n}\n\n"],"mappings":"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"}

app-rn-runtime/styles/theme.js

@@ -4,6 +4,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { cloneDeep, isNil, forEach, flatten, isArray, isEmpty, isObject, isString, get, reverse } from 'lodash';
 import React from 'react';
+import { camelCase } from 'lodash-es';
 import { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
 import EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';
 import ViewPort, { EVENTS as ViewPortEvents } from '@wavemaker/app-rn-runtime/core/viewport';
@@ -53,6 +54,16 @@ export class Theme {
     this.eventNotifer.notify(event, []);
     this.children.forEach(t => t.notify(event));
   }
+  replaceVariables(val) {
+    if (isString(val)) {
+      (val.match(/_*var\([^\)]*\)/g) || []).forEach(s => {
+        const variableName = s.substring(4, s.length - 1);
+        val = val.replace(s, ThemeVariables.INSTANCE[variableName] || ThemeVariables.INSTANCE[variableName.substring(2)] || ThemeVariables.INSTANCE[camelCase(variableName.substring(2))]);
+        val = this.replaceVariables(val);
+      });
+    }
+    return val;
+  }
   clearCache() {
     this.cache = {};
     this.children.forEach(t => t.clearCache());
@@ -134,11 +145,7 @@ export class Theme {
     style = style;
     if (isObject(style) && !isArray(style)) {
       Object.keys(style).forEach(k => {
-        const v = style[k];
-        if (isString(v) && v.startsWith('@')) {
-          const varValue = ThemeVariables.INSTANCE[v.substring(1)];
-          style[k] = isNil(varValue) ? v : varValue;
-        }
+        style[k] = this.replaceVariables(style[k]);
       });
     }
     if (!isNil(style['shadowRadius'])) {

app-rn-runtime/styles/theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["cloneDeep","isNil","forEach","flatten","isArray","isEmpty","isObject","isString","get","reverse","React","deepCopy","isWebPreviewMode","EventNotifier","ViewPort","EVENTS","ViewPortEvents","MediaQueryList","ThemeVariables","getErrorMessage","getStyleReference","isValidStyleProp","DEFAULT_CLASS","window","matchMedia","query","DEVICE_BREAK_POINTS","ThemeEvent","Theme","constructor","parent","name","_defineProperty","traceEnabled","subscribe","event","fn","eventNotifer","notify","children","t","clearCache","cache","registerStyle","styleGenerators","push","INSTANCE","addStyle","bind","checkStyleProperties","value","Object","keys","map","k","console","log","extend","style","styles","getStyle","addTrace","styleName","mergedChildstyle","childStyle","parentStyle","v","__trace","prefix","arguments","length","undefined","result","collect","mergeStyle","_len","Array","_key","flattenStyles","s","cs","filter","cleanseStyleProperties","startsWith","varValue","substring","i","indexOf","split","c","mediaQuery","clonedStyle","matches","BASE","$new","newTheme","reset","destroy","splice","getTextStyle","color","fontFamily","fontSize","fontStyle","fontWeight","includeFontPadding","fontVariant","letterSpacing","lineHeight","textAlign","textAlignVertical","textDecorationColor","textDecorationStyle","textShadowColor","textShadowOffset","textShadowRadius","textTransform","verticalAlign","writingDirection","userSelect","themeVariables","CHANGE","_class","SIZE_CHANGE","ThemeContext","createContext","ThemeProvider","Provider","ThemeConsumer","Consumer","addColStyles","device","minWidth","root","width","MIN_EXTRA_SMALL_DEVICE","MIN_SMALL_DEVICE","MIN_MEDIUM_DEVICE","MIN_LARGE_DEVICE","display","addDisplayStyles","maxWidth","MAX_LARGE_DEVICE","MAX_EXTRA_SMALL_DEVICE","MAX_SMALL_DEVICE","MAX_MEDIUM_DEVICE","addElevationClasses","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","zIndex","transform","scale","backgroundColor","dangerColor","infoColor","primaryColor","successColor","warningColor","borderColor","text"],"sources":["theme.tsx"],"sourcesContent":["import { cloneDeep, isNil, forEach, flatten, isArray, isEmpty, isObject, isString, isFunction, get, reverse } from 'lodash';\nimport React, { ReactNode } from 'react';\nimport { TextStyle, ViewStyle, ImageStyle, ImageBackground } from 'react-native';\nimport { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';\nimport ViewPort, {EVENTS as ViewPortEvents} from '@wavemaker/app-rn-runtime/core/viewport';\nimport MediaQueryList from './MediaQueryList';\nimport ThemeVariables from './theme.variables';\nimport { getErrorMessage, getStyleReference, isValidStyleProp } from './style-prop.validator';\nexport const DEFAULT_CLASS = 'DEFAULT_CLASS';\n\ndeclare const matchMedia: any, window: any;\n\nif (typeof window !== \"undefined\") {\n    // @ts-ignore: does not properly extend MediaQueryList\n    window.matchMedia = (query: string) => new MediaQueryList(query);\n}\n\nexport const DEVICE_BREAK_POINTS = {\n    'MIN_EXTRA_SMALL_DEVICE' : '0px',\n    'MAX_EXTRA_SMALL_DEVICE' : '767px',\n    'MIN_SMALL_DEVICE' : '768px',\n    'MAX_SMALL_DEVICE' : '991px',\n    'MIN_MEDIUM_DEVICE' : '992px',\n    'MAX_MEDIUM_DEVICE' : '1199px',\n    'MIN_LARGE_DEVICE' : '1200px',\n    'MAX_LARGE_DEVICE' : '1000000px',\n};\n\nexport type styleGeneratorFn<T extends NamedStyles<any>> = (\n    themeVariables: ThemeVariables,\n    addStyle: (name: string, extend: string, style: T) => void) => void\n\nexport enum ThemeEvent {\n    CHANGE ='change'\n};\n\nexport class Theme {\n    public static BASE = new Theme(null as any, 'default');\n\n    static {\n        ViewPort.subscribe(ViewPortEvents.SIZE_CHANGE, () => {\n            Theme.BASE.reset();\n        });\n    }\n\n\n    private eventNotifer = new EventNotifier();\n\n    private children: Theme[] = [];\n\n    private styles: any = {};\n\n    private cache: any = {};\n\n    private traceEnabled = false;\n\n    private styleGenerators: styleGeneratorFn<any>[] = [];\n\n    private constructor(private parent:Theme, public readonly name: string) {\n        if (parent) {\n            this.traceEnabled = parent.traceEnabled;\n        } else {\n            this.traceEnabled = isWebPreviewMode();\n        }\n    }\n\n    public subscribe(event: ThemeEvent, fn: Function) {\n        return this.eventNotifer.subscribe(event, fn);\n    }\n\n    public notify(event: ThemeEvent): void {\n        this.eventNotifer.notify(event, []);\n        this.children.forEach(t => t.notify(event));\n    }\n\n    clearCache() {\n        this.cache = {};\n        this.children.forEach((t) => t.clearCache());\n    }\n\n    registerStyle<T extends NamedStyles<any>>(fn: styleGeneratorFn<T>) {\n        this.styleGenerators.push(fn);\n        fn(ThemeVariables.INSTANCE, this.addStyle.bind(this));\n    }\n\n    checkStyleProperties(name: string, value : any) {\n        if (isObject(value)) {\n            Object.keys(value).map((k) => this.checkStyleProperties(k, (value as any)[k]));\n        } else if(name && !isValidStyleProp(name, value)) {\n            console.log(\n                `%cInvalid Style property in ${this.name}: ${getErrorMessage(name, value)}`,\n                'background-color: #FF0000;font-weight: bold; color: #fff'\n            );\n            console.log(`Refer: ${getStyleReference(name)}`);\n        }\n    }\n\n    private addStyle<T extends NamedStyles<any>>(name: string, extend: string, style: T) {\n        this.styles[name] = deepCopy(this.getStyle(extend), this.styles[name], style);\n    }\n\n    private addTrace(styleName: string, mergedChildstyle: any, childStyle: any, parentStyle?: any) {\n        if (!this.traceEnabled) {\n            return;\n        }\n        let addTrace = !isEmpty(childStyle);\n        forEach(mergedChildstyle, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                addTrace = false;\n                this.addTrace(styleName + '.' + k, v, childStyle && childStyle[k], parentStyle && parentStyle[k])\n            }\n        });\n        if (addTrace) {\n            mergedChildstyle['__trace'] = [\n                {\n                    name: styleName,\n                    value: childStyle\n                },\n                ...(parentStyle?.__trace|| [])\n            ];\n        } else {\n            mergedChildstyle['__trace'] = [...(parentStyle?.__trace|| [])];\n        }\n    }\n\n    private flatten(style: any, prefix = \"\", result = {} as any) {\n        let collect = !isEmpty(style);\n        forEach(style, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                collect = false;\n                this.flatten(v, (prefix ?  prefix + '.' : '') + k, result)\n            }\n        });\n        if (collect) {\n            result[prefix] = style;\n        }\n        return result;\n    }\n\n    mergeStyle(...styles: any) {\n        const style = deepCopy(...styles);\n        if (this.traceEnabled) {\n            const flattenStyles = this.flatten(style);\n            Object.keys(flattenStyles).forEach(k => {\n                const s = flattenStyles[k];\n                s['__trace'] = flatten(reverse(styles.map((v: any) => {\n                    const cs = get(v, k);\n                    if (cs && cs.__trace) {\n                        return [...cs.__trace];\n                    }\n                    return [];\n                }).filter((t: any) => t.length > 0)));\n            });\n        }\n        return style;\n    }\n\n    cleanseStyleProperties(style: any) {\n        if (!(style && isObject(style)) || isString(style) || isArray(style)) {\n            return;\n        }\n        style = style as any;\n        if (isObject(style) && !isArray(style)) {\n            Object.keys(style).forEach(k => {\n                const v = style[k];\n                if (isString(v) && v.startsWith('@')) {\n                    const varValue = (ThemeVariables.INSTANCE as any)[v.substring(1)];\n                    style[k] =  isNil(varValue) ? v : varValue;\n                }\n            });\n        }\n        if (!isNil(style['shadowRadius'])) {\n            if (style['shadowRadius'] <= 0) {\n                style['shadowColor'] = 'transparent';\n            } else if (isNil(style['elevation'])) {\n                style['elevation'] = 2;\n            }\n        }\n        if (!isNil(style['margin'])) {\n            style['marginLeft'] = style['marginLeft'] || style['margin'];\n            style['marginRight'] = style['marginRight'] || style['margin'];\n            style['marginTop'] = style['marginTop'] || style['margin'];\n            style['marginBottom'] = style['marginBottom'] || style['margin'];\n            delete style['margin'];\n        }\n        if (!isNil(style['padding'])) {\n            style['paddingLeft'] = style['paddingLeft'] || style['padding'];\n            style['paddingRight'] = style['paddingRight'] || style['padding'];\n            style['paddingTop'] = style['paddingTop'] || style['padding'];\n            style['paddingBottom'] = style['paddingBottom'] || style['padding'];\n            delete style['padding'];\n        }\n        Object.keys(style).forEach((k, i) => this.cleanseStyleProperties(style[k]));\n    }\n\n    getStyle(name: string) {\n        let style = this.cache[name];\n        if (style) {\n            return style;\n        }\n        if (!name) {\n            return {};\n        }\n        if (name.indexOf(' ') > 0) {\n            style = this.mergeStyle(...(name.split(' ').map(c => this.getStyle(c))));\n        } else {\n            const parentStyle = this.parent && this.parent.getStyle(name);\n            const mediaQuery = (this.styles[name] || {})['@media'];\n            let clonedStyle = {};\n            if (!mediaQuery || matchMedia(mediaQuery).matches) {\n                clonedStyle = cloneDeep(this.styles[name]);\n                this.cleanseStyleProperties(clonedStyle);\n            }\n            if (this !== Theme.BASE && isWebPreviewMode()) {\n                this.checkStyleProperties('', clonedStyle);\n            }\n            style = deepCopy(parentStyle, clonedStyle);\n            this.addTrace(`@${this.name}:${name}`, style, clonedStyle, parentStyle);\n        }\n        this.cache[name] = style;\n        return style;\n    }\n\n    $new(name = \"\", styles = {} as NamedStyles<any>) {\n        const newTheme = new Theme(this, name);\n        newTheme.reset(styles);\n        this.children.push(newTheme);\n        return newTheme;\n    }\n\n    destroy() {\n        const i = this.parent.children.indexOf(this);\n        if (i >= 0) {\n            this.parent.children.splice(i, 1);\n        }\n    }\n    \n    getTextStyle(s: any) {\n        if (!s) {\n            return {};\n        }\n        return {\n            color: s.color,\n            fontFamily: s.fontFamily,\n            fontSize: s.fontSize,\n            fontStyle: s.fontStyle,\n            fontWeight: s.fontWeight,\n            includeFontPadding: s.includeFontPadding,\n            fontVariant: s.fontVariant,\n            letterSpacing: s.letterSpacing,\n            lineHeight: s.lineHeight,\n            textAlign: s.textAlign,\n            textAlignVertical: s.textAlignVertical,\n            textDecorationColor: s.textDecorationColor,\n            textDecorationStyle: s.textDecorationStyle,\n            textShadowColor: s.textShadowColor,\n            textShadowOffset: s.textShadowOffset,\n            textShadowRadius: s.textShadowRadius,\n            textTransform: s.textTransform,\n            verticalAlign: s.verticalAlign,\n            writingDirection: s.writingDirection,\n            userSelect: s.userSelect,\n        } as TextStyle;\n    }\n\n    reset(styles?: NamedStyles<any>) {\n        this.styles = {};\n        this.clearCache();\n        if (styles) {\n            this.registerStyle((themeVariables, addStyle) => {\n                Object.keys(styles).forEach(k => {\n                    addStyle(k, '', styles[k] as any);\n                });\n            });\n        } else {\n            this.styleGenerators.forEach(fn => \n                fn(ThemeVariables.INSTANCE, this.addStyle.bind(this)));\n        }\n        this.notify(ThemeEvent.CHANGE);\n    }\n}\nexport default Theme.BASE;\nexport type NamedStyles<T> = { [P in keyof T]: AllStyle | NamedStyles<T>};\nexport type BackgroundImageStyle = {\n    backgroundImage: string,\n    backgroundPosition: string,\n    backgroundRepeat: string,\n    backgroundSize: string | number\n};\n\nexport type AllStyle = (ViewStyle & TextStyle & ImageStyle & {userSelect?: 'none'| 'text'});\n\nconst ThemeContext = React.createContext<Theme>(null as any);\n\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n/**\n * Common styles\n */\n Theme.BASE.registerStyle((themeVariables, addStyle) => {\n    const addColStyles = (device: string, minWidth: string) => {\n        for(let i = 1; i <= 12; i++) {\n            addStyle(`col-${device}-${i}`, '', {\n                \"@media\": `(min-width: ${minWidth})`,\n                root: {\n                    width: (100 * i / 12) + '%'\n                }\n            } as any)\n        }\n    };\n    addColStyles('xs', DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE);\n    addColStyles('sm',  DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE);\n    addColStyles('md',  DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE);\n    addColStyles('lg',  DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE);\n\n    addStyle('d-none', '', {\n        root: {\n            display: 'none'\n        }\n    } as any);\n    addStyle('d-flex', '', {\n        root: {\n            display: 'flex'\n        }\n    } as any);\n\n    const addDisplayStyles = (device: string, minWidth: string, maxWidth: string) => {\n        addStyle(`d-${device}-none`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'none'\n            }\n        } as any);\n        addStyle(`d-${device}-flex`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'flex'\n            }\n        } as any);\n    };\n    addDisplayStyles('all', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n    addDisplayStyles('xs', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_EXTRA_SMALL_DEVICE);\n    addDisplayStyles('sm',   \n        DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_SMALL_DEVICE);\n    addDisplayStyles('md',   \n        DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_MEDIUM_DEVICE);\n    addDisplayStyles('lg',   \n        DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n\n    const addElevationClasses = () => {\n        for(let i = 1; i <= 10; i++) {\n            addStyle(`elevate${i}`, '', {\n                root : {\n                    shadowColor: \"#000000\",\n                    shadowOffset: {\n                        width: i,\n                        height: i,\n                    },\n                    shadowOpacity: 0.27,\n                    shadowRadius: i,\n                    elevation: i,\n                    zIndex: 1\n                }\n            });\n        }\n    };\n    addElevationClasses();\n    addStyle('hidden', '', {\n        root: {\n            width: 0,\n            height: 0,\n            transform: [{ scale: 0 }]\n        }\n    });\n    addStyle('bg-danger', '', { root: { backgroundColor: themeVariables.dangerColor }});\n    addStyle('bg-info', '', { root: { backgroundColor: themeVariables.infoColor }});\n    addStyle('bg-primary', '', { root: { backgroundColor: themeVariables.primaryColor }});\n    addStyle('bg-success', '', { root: { backgroundColor: themeVariables.successColor }});\n    addStyle('bg-warning', '', { root: { backgroundColor: themeVariables.warningColor }});\n\n    addStyle('border-danger', '', { root: { borderColor: themeVariables.dangerColor }});\n    addStyle('border-info', '', { root: { borderColor: themeVariables.infoColor }});\n    addStyle('border-primary', '', { root: { borderColor: themeVariables.primaryColor }});\n    addStyle('border-success', '', { root: { borderColor: themeVariables.successColor }});\n    addStyle('border-warning', '', { root: { borderColor: themeVariables.warningColor }});\n\n    addStyle('hide-context-menu', '', { text: { userSelect: 'none' }});\n});\n\n"],"mappings":"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"}
+{"version":3,"names":["cloneDeep","isNil","forEach","flatten","isArray","isEmpty","isObject","isString","get","reverse","React","camelCase","deepCopy","isWebPreviewMode","EventNotifier","ViewPort","EVENTS","ViewPortEvents","MediaQueryList","ThemeVariables","getErrorMessage","getStyleReference","isValidStyleProp","DEFAULT_CLASS","window","matchMedia","query","DEVICE_BREAK_POINTS","ThemeEvent","Theme","constructor","parent","name","_defineProperty","traceEnabled","subscribe","event","fn","eventNotifer","notify","children","t","replaceVariables","val","match","s","variableName","substring","length","replace","INSTANCE","clearCache","cache","registerStyle","styleGenerators","push","addStyle","bind","checkStyleProperties","value","Object","keys","map","k","console","log","extend","style","styles","getStyle","addTrace","styleName","mergedChildstyle","childStyle","parentStyle","v","__trace","prefix","arguments","undefined","result","collect","mergeStyle","_len","Array","_key","flattenStyles","cs","filter","cleanseStyleProperties","i","indexOf","split","c","mediaQuery","clonedStyle","matches","BASE","$new","newTheme","reset","destroy","splice","getTextStyle","color","fontFamily","fontSize","fontStyle","fontWeight","includeFontPadding","fontVariant","letterSpacing","lineHeight","textAlign","textAlignVertical","textDecorationColor","textDecorationStyle","textShadowColor","textShadowOffset","textShadowRadius","textTransform","verticalAlign","writingDirection","userSelect","themeVariables","CHANGE","_class","SIZE_CHANGE","ThemeContext","createContext","ThemeProvider","Provider","ThemeConsumer","Consumer","addColStyles","device","minWidth","root","width","MIN_EXTRA_SMALL_DEVICE","MIN_SMALL_DEVICE","MIN_MEDIUM_DEVICE","MIN_LARGE_DEVICE","display","addDisplayStyles","maxWidth","MAX_LARGE_DEVICE","MAX_EXTRA_SMALL_DEVICE","MAX_SMALL_DEVICE","MAX_MEDIUM_DEVICE","addElevationClasses","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","zIndex","transform","scale","backgroundColor","dangerColor","infoColor","primaryColor","successColor","warningColor","borderColor","text"],"sources":["theme.tsx"],"sourcesContent":["import { cloneDeep, isNil, forEach, flatten, isArray, isEmpty, isObject, isString, isFunction, get, reverse } from 'lodash';\nimport React from 'react';\nimport { camelCase } from 'lodash-es';\nimport { TextStyle, ViewStyle, ImageStyle, ImageBackground } from 'react-native';\nimport { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';\nimport ViewPort, {EVENTS as ViewPortEvents} from '@wavemaker/app-rn-runtime/core/viewport';\nimport MediaQueryList from './MediaQueryList';\nimport ThemeVariables from './theme.variables';\nimport { getErrorMessage, getStyleReference, isValidStyleProp } from './style-prop.validator';\nexport const DEFAULT_CLASS = 'DEFAULT_CLASS';\n\ndeclare const matchMedia: any, window: any;\n\nif (typeof window !== \"undefined\") {\n    // @ts-ignore: does not properly extend MediaQueryList\n    window.matchMedia = (query: string) => new MediaQueryList(query);\n}\n\nexport const DEVICE_BREAK_POINTS = {\n    'MIN_EXTRA_SMALL_DEVICE' : '0px',\n    'MAX_EXTRA_SMALL_DEVICE' : '767px',\n    'MIN_SMALL_DEVICE' : '768px',\n    'MAX_SMALL_DEVICE' : '991px',\n    'MIN_MEDIUM_DEVICE' : '992px',\n    'MAX_MEDIUM_DEVICE' : '1199px',\n    'MIN_LARGE_DEVICE' : '1200px',\n    'MAX_LARGE_DEVICE' : '1000000px',\n};\n\nexport type styleGeneratorFn<T extends NamedStyles<any>> = (\n    themeVariables: ThemeVariables,\n    addStyle: (name: string, extend: string, style: T) => void) => void\n\nexport enum ThemeEvent {\n    CHANGE ='change'\n};\n\nexport class Theme {\n    public static BASE = new Theme(null as any, 'default');\n\n    static {\n        ViewPort.subscribe(ViewPortEvents.SIZE_CHANGE, () => {\n            Theme.BASE.reset();\n        });\n    }\n\n\n    private eventNotifer = new EventNotifier();\n\n    private children: Theme[] = [];\n\n    private styles: any = {};\n\n    private cache: any = {};\n\n    private traceEnabled = false;\n\n    private styleGenerators: styleGeneratorFn<any>[] = [];\n\n    private constructor(private parent:Theme, public readonly name: string) {\n        if (parent) {\n            this.traceEnabled = parent.traceEnabled;\n        } else {\n            this.traceEnabled = isWebPreviewMode();\n        }\n    }\n\n    public subscribe(event: ThemeEvent, fn: Function) {\n        return this.eventNotifer.subscribe(event, fn);\n    }\n\n    public notify(event: ThemeEvent): void {\n        this.eventNotifer.notify(event, []);\n        this.children.forEach(t => t.notify(event));\n    }\n\n    private replaceVariables(val: string) {\n        if(isString(val)) { \n            (val.match(/_*var\\([^\\)]*\\)/g) || []).forEach((s) => {\n                const variableName = s.substring(4, s.length - 1);\n                val = val.replace(s, (ThemeVariables.INSTANCE as any)[variableName]\n                    || (ThemeVariables.INSTANCE as any)[variableName.substring(2)]\n                    || (ThemeVariables.INSTANCE as any)[camelCase(variableName.substring(2))]);\n                val = this.replaceVariables(val);\n            });\n        }\n        return val; \n    }\n\n    clearCache() {\n        this.cache = {};\n        this.children.forEach((t) => t.clearCache());\n    }\n\n    registerStyle<T extends NamedStyles<any>>(fn: styleGeneratorFn<T>) {\n        this.styleGenerators.push(fn);\n        fn(ThemeVariables.INSTANCE, this.addStyle.bind(this));\n    }\n\n    checkStyleProperties(name: string, value : any) {\n        if (isObject(value)) {\n            Object.keys(value).map((k) => this.checkStyleProperties(k, (value as any)[k]));\n        } else if(name && !isValidStyleProp(name, value)) {\n            console.log(\n                `%cInvalid Style property in ${this.name}: ${getErrorMessage(name, value)}`,\n                'background-color: #FF0000;font-weight: bold; color: #fff'\n            );\n            console.log(`Refer: ${getStyleReference(name)}`);\n        }\n    }\n\n    private addStyle<T extends NamedStyles<any>>(name: string, extend: string, style: T) {\n        this.styles[name] = deepCopy(this.getStyle(extend), this.styles[name], style);\n    }\n\n    private addTrace(styleName: string, mergedChildstyle: any, childStyle: any, parentStyle?: any) {\n        if (!this.traceEnabled) {\n            return;\n        }\n        let addTrace = !isEmpty(childStyle);\n        forEach(mergedChildstyle, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                addTrace = false;\n                this.addTrace(styleName + '.' + k, v, childStyle && childStyle[k], parentStyle && parentStyle[k])\n            }\n        });\n        if (addTrace) {\n            mergedChildstyle['__trace'] = [\n                {\n                    name: styleName,\n                    value: childStyle\n                },\n                ...(parentStyle?.__trace|| [])\n            ];\n        } else {\n            mergedChildstyle['__trace'] = [...(parentStyle?.__trace|| [])];\n        }\n    }\n\n    private flatten(style: any, prefix = \"\", result = {} as any) {\n        let collect = !isEmpty(style);\n        forEach(style, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                collect = false;\n                this.flatten(v, (prefix ?  prefix + '.' : '') + k, result)\n            }\n        });\n        if (collect) {\n            result[prefix] = style;\n        }\n        return result;\n    }\n\n    mergeStyle(...styles: any) {\n        const style = deepCopy(...styles);\n        if (this.traceEnabled) {\n            const flattenStyles = this.flatten(style);\n            Object.keys(flattenStyles).forEach(k => {\n                const s = flattenStyles[k];\n                s['__trace'] = flatten(reverse(styles.map((v: any) => {\n                    const cs = get(v, k);\n                    if (cs && cs.__trace) {\n                        return [...cs.__trace];\n                    }\n                    return [];\n                }).filter((t: any) => t.length > 0)));\n            });\n        }\n        return style;\n    }\n\n    cleanseStyleProperties(style: any) {\n        if (!(style && isObject(style)) || isString(style) || isArray(style)) {\n            return;\n        }\n        style = style as any;\n        if (isObject(style) && !isArray(style)) {\n            Object.keys(style).forEach(k => {\n                style[k] = this.replaceVariables(style[k]);\n            });\n        }\n        if (!isNil(style['shadowRadius'])) {\n            if (style['shadowRadius'] <= 0) {\n                style['shadowColor'] = 'transparent';\n            } else if (isNil(style['elevation'])) {\n                style['elevation'] = 2;\n            }\n        }\n        if (!isNil(style['margin'])) {\n            style['marginLeft'] = style['marginLeft'] || style['margin'];\n            style['marginRight'] = style['marginRight'] || style['margin'];\n            style['marginTop'] = style['marginTop'] || style['margin'];\n            style['marginBottom'] = style['marginBottom'] || style['margin'];\n            delete style['margin'];\n        }\n        if (!isNil(style['padding'])) {\n            style['paddingLeft'] = style['paddingLeft'] || style['padding'];\n            style['paddingRight'] = style['paddingRight'] || style['padding'];\n            style['paddingTop'] = style['paddingTop'] || style['padding'];\n            style['paddingBottom'] = style['paddingBottom'] || style['padding'];\n            delete style['padding'];\n        }\n        Object.keys(style).forEach((k, i) => this.cleanseStyleProperties(style[k]));\n    }\n\n    getStyle(name: string) {\n        let style = this.cache[name];\n        if (style) {\n            return style;\n        }\n        if (!name) {\n            return {};\n        }\n        if (name.indexOf(' ') > 0) {\n            style = this.mergeStyle(...(name.split(' ').map(c => this.getStyle(c))));\n        } else {\n            const parentStyle = this.parent && this.parent.getStyle(name);\n            const mediaQuery = (this.styles[name] || {})['@media'];\n            let clonedStyle = {};\n            if (!mediaQuery || matchMedia(mediaQuery).matches) {\n                clonedStyle = cloneDeep(this.styles[name]);\n                this.cleanseStyleProperties(clonedStyle);\n            }\n            if (this !== Theme.BASE && isWebPreviewMode()) {\n                this.checkStyleProperties('', clonedStyle);\n            }\n            style = deepCopy(parentStyle, clonedStyle);\n            this.addTrace(`@${this.name}:${name}`, style, clonedStyle, parentStyle);\n        }\n        this.cache[name] = style;\n        return style;\n    }\n\n    $new(name = \"\", styles = {} as NamedStyles<any>) {\n        const newTheme = new Theme(this, name);\n        newTheme.reset(styles);\n        this.children.push(newTheme);\n        return newTheme;\n    }\n\n    destroy() {\n        const i = this.parent.children.indexOf(this);\n        if (i >= 0) {\n            this.parent.children.splice(i, 1);\n        }\n    }\n    \n    getTextStyle(s: any) {\n        if (!s) {\n            return {};\n        }\n        return {\n            color: s.color,\n            fontFamily: s.fontFamily,\n            fontSize: s.fontSize,\n            fontStyle: s.fontStyle,\n            fontWeight: s.fontWeight,\n            includeFontPadding: s.includeFontPadding,\n            fontVariant: s.fontVariant,\n            letterSpacing: s.letterSpacing,\n            lineHeight: s.lineHeight,\n            textAlign: s.textAlign,\n            textAlignVertical: s.textAlignVertical,\n            textDecorationColor: s.textDecorationColor,\n            textDecorationStyle: s.textDecorationStyle,\n            textShadowColor: s.textShadowColor,\n            textShadowOffset: s.textShadowOffset,\n            textShadowRadius: s.textShadowRadius,\n            textTransform: s.textTransform,\n            verticalAlign: s.verticalAlign,\n            writingDirection: s.writingDirection,\n            userSelect: s.userSelect,\n        } as TextStyle;\n    }\n\n    reset(styles?: NamedStyles<any>) {\n        this.styles = {};\n        this.clearCache();\n        if (styles) {\n            this.registerStyle((themeVariables, addStyle) => {\n                Object.keys(styles).forEach(k => {\n                    addStyle(k, '', styles[k] as any);\n                });\n            });\n        } else {\n            this.styleGenerators.forEach(fn => \n                fn(ThemeVariables.INSTANCE, this.addStyle.bind(this)));\n        }\n        this.notify(ThemeEvent.CHANGE);\n    }\n}\nexport default Theme.BASE;\nexport type NamedStyles<T> = { [P in keyof T]: AllStyle | NamedStyles<T>};\nexport type BackgroundImageStyle = {\n    backgroundImage: string,\n    backgroundPosition: string,\n    backgroundRepeat: string,\n    backgroundSize: string | number\n};\n\nexport type AllStyle = (ViewStyle & TextStyle & ImageStyle & {userSelect?: 'none'| 'text'} & {rippleColor?: string});\n\nconst ThemeContext = React.createContext<Theme>(null as any);\n\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n/**\n * Common styles\n */\n Theme.BASE.registerStyle((themeVariables, addStyle) => {\n    const addColStyles = (device: string, minWidth: string) => {\n        for(let i = 1; i <= 12; i++) {\n            addStyle(`col-${device}-${i}`, '', {\n                \"@media\": `(min-width: ${minWidth})`,\n                root: {\n                    width: (100 * i / 12) + '%'\n                }\n            } as any)\n        }\n    };\n    addColStyles('xs', DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE);\n    addColStyles('sm',  DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE);\n    addColStyles('md',  DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE);\n    addColStyles('lg',  DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE);\n\n    addStyle('d-none', '', {\n        root: {\n            display: 'none'\n        }\n    } as any);\n    addStyle('d-flex', '', {\n        root: {\n            display: 'flex'\n        }\n    } as any);\n\n    const addDisplayStyles = (device: string, minWidth: string, maxWidth: string) => {\n        addStyle(`d-${device}-none`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'none'\n            }\n        } as any);\n        addStyle(`d-${device}-flex`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'flex'\n            }\n        } as any);\n    };\n    addDisplayStyles('all', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n    addDisplayStyles('xs', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_EXTRA_SMALL_DEVICE);\n    addDisplayStyles('sm',   \n        DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_SMALL_DEVICE);\n    addDisplayStyles('md',   \n        DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_MEDIUM_DEVICE);\n    addDisplayStyles('lg',   \n        DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n\n    const addElevationClasses = () => {\n        for(let i = 1; i <= 10; i++) {\n            addStyle(`elevate${i}`, '', {\n                root : {\n                    shadowColor: \"#000000\",\n                    shadowOffset: {\n                        width: i,\n                        height: i,\n                    },\n                    shadowOpacity: 0.27,\n                    shadowRadius: i,\n                    elevation: i,\n                    zIndex: 1\n                }\n            });\n        }\n    };\n    addElevationClasses();\n    addStyle('hidden', '', {\n        root: {\n            width: 0,\n            height: 0,\n            transform: [{ scale: 0 }]\n        }\n    });\n    addStyle('bg-danger', '', { root: { backgroundColor: themeVariables.dangerColor }});\n    addStyle('bg-info', '', { root: { backgroundColor: themeVariables.infoColor }});\n    addStyle('bg-primary', '', { root: { backgroundColor: themeVariables.primaryColor }});\n    addStyle('bg-success', '', { root: { backgroundColor: themeVariables.successColor }});\n    addStyle('bg-warning', '', { root: { backgroundColor: themeVariables.warningColor }});\n\n    addStyle('border-danger', '', { root: { borderColor: themeVariables.dangerColor }});\n    addStyle('border-info', '', { root: { borderColor: themeVariables.infoColor }});\n    addStyle('border-primary', '', { root: { borderColor: themeVariables.primaryColor }});\n    addStyle('border-success', '', { root: { borderColor: themeVariables.successColor }});\n    addStyle('border-warning', '', { root: { borderColor: themeVariables.warningColor }});\n\n    addStyle('hide-context-menu', '', { text: { userSelect: 'none' }});\n});\n\n"],"mappings":"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"}

app-rn-runtime/styles/theme.variables.js

@@ -52,8 +52,11 @@ export default class ThemeVariables {
     _defineProperty(this, "badgeColor", '#6c757d');
     _defineProperty(this, "badgeContrastColor", '#ffffff');
     _defineProperty(this, "baseFont", 'Roboto');
+    _defineProperty(this, "tabbarInactiveColor", '#d8d8d8');
     _defineProperty(this, "maxModalHeight", Dimensions.get('window').height - 64 - (StatusBar.currentHeight || 0));
     _defineProperty(this, "maxWidth", Dimensions.get("window").width);
+    //rippleColor
+    _defineProperty(this, "rippleColor", this.transparent);
     // page
     _defineProperty(this, "pageContentBgColor", this.defaultColorE);
     // common widget color
@@ -63,6 +66,9 @@ export default class ThemeVariables {
     _defineProperty(this, "widgetActiveHeaderTextColor", this.primaryContrastColor);
     _defineProperty(this, "widgetBorderColor", this.defaultColorC);
     _defineProperty(this, "widgetBgColor", this.defaultColorF);
+    //App Navbar
+    _defineProperty(this, "titleBadgeBackgroundColor", Color('#151420').fade(0.8).rgb().toString());
+    _defineProperty(this, "titleBadgeTextColor", '#151420');
     // Navbar variables
     _defineProperty(this, "navbarBackgroundColor", this.defaultColorF);
     _defineProperty(this, "navbarBorderColor", this.widgetBorderColor);
@@ -100,11 +106,15 @@ export default class ThemeVariables {
     _defineProperty(this, "spinnerIconColor", this.primaryColor);
     //tabbar variables
     _defineProperty(this, "tabbarBackgroundColor", this.primaryContrastColor);
-    _defineProperty(this, "tabbarTextColor", this.primaryColor);
-    _defineProperty(this, "tabbarIconColor", this.primaryColor);
-    _defineProperty(this, "centerHubItemColor", '@primaryColor');
-    _defineProperty(this, "centerHubIconColor", '@defaultColorF');
-    _defineProperty(this, "centerHubLabelColor", '@defaultColorF');
+    _defineProperty(this, "tabbarTextColor", 'var(--tabbarInactiveColor)');
+    _defineProperty(this, "tabbarIconColor", 'var(--tabbarInactiveColor)');
+    _defineProperty(this, "tabShadowColor", this.defaultColor);
+    _defineProperty(this, "tabActiveBackgroundColor", this.primaryColor3);
+    _defineProperty(this, "tabActiveIconColor", this.primaryColor);
+    _defineProperty(this, "tabLabelTextColor", this.primaryColor);
+    _defineProperty(this, "centerHubItemColor", 'var(--primaryColor)');
+    _defineProperty(this, "centerHubIconColor", 'var(--defaultColorF)');
+    _defineProperty(this, "centerHubLabelColor", 'var(--defaultColorF)');
     // tab variables
     _defineProperty(this, "tabHeaderBgColor", this.widgetBgColor);
     _defineProperty(this, "tabHeaderTextColor", this.defaultColorA);
@@ -184,8 +194,8 @@ export default class ThemeVariables {
     _defineProperty(this, "inputInvalidBorderColor", this.dangerColor);
     _defineProperty(this, "inputPlaceholderColor", this.defaultColorB);
     //floating label
-    _defineProperty(this, "floatingLabelColor", '@inputPlaceholderColor');
-    _defineProperty(this, "activeFloatingLabelColor", '@primaryColor');
+    _defineProperty(this, "floatingLabelColor", 'var(--inputPlaceholderColor)');
+    _defineProperty(this, "activeFloatingLabelColor", 'var(--primaryColor)');
     //slider variables
     _defineProperty(this, "minimumTrackTintColor", this.primaryColor);
     _defineProperty(this, "maximumTrackTintColor", this.widgetHeaderBgColor);
@@ -201,9 +211,16 @@ export default class ThemeVariables {
     _defineProperty(this, "toggleOffBorderColor", this.defaultColorB);
     _defineProperty(this, "toggleUnselectedTrackbgColor", this.defaultColorC);
     // radioset, checkboxset variables
-    _defineProperty(this, "groupHeadingBgColor", this.transparent);
-    _defineProperty(this, "checkedColor", this.primaryColor);
-    _defineProperty(this, "checkedDisabledColor", this.defaultColorA);
+    _defineProperty(this, "groupHeadingBgColor", 'var(--transparent)');
+    _defineProperty(this, "checkedColor", 'var(--primaryColor)');
+    _defineProperty(this, "checkedDisabledColor", 'var(--defaultColorA)');
+    _defineProperty(this, "checkedEnabledColor", 'var(--defaultColorF)');
+    _defineProperty(this, "checkboxBorderColor", 'var(--defaultColor9)');
+    _defineProperty(this, "checkedBgColor", 'var(--primaryColor)');
+    _defineProperty(this, "uncheckedBgColor", 'var(--transparent)');
+    _defineProperty(this, "checkedIconColor", 'var(--defaultColorF)');
+    _defineProperty(this, "checkedBorderColor", 'var(--primaryColor)');
+    _defineProperty(this, "uncheckedBorderColor", 'var(--defaultColor9)');
     //form
     _defineProperty(this, "formBorderColor", this.widgetBorderColor);
     _defineProperty(this, "formTitleColor", this.defaultTextColor);
@@ -360,7 +377,7 @@ export default class ThemeVariables {
     _defineProperty(this, "chipActiveTextColor", this.defaultColorF);
     _defineProperty(this, "chipDefaultTextColor", this.defaultColorA);
     _defineProperty(this, "chipborderColor", this.defaultColorD);
-    _defineProperty(this, "chipContainerColor", this.defaultColor2);
+    _defineProperty(this, "chipContainerColor", this.defaultColorF);
     _defineProperty(this, "chipIconColor", this.primaryColor);
     _defineProperty(this, "chipSelectedOutlineColor", this.defaultColor6);
     _defineProperty(this, "chipSelectedContainerColor", this.defaultColor7);