@wavemaker/app-rn-runtime 12.0.0-next.45752 → 12.0.0-next.47809

package/styles/background.component.js

@@ -0,0 +1,311 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import * as React from 'react';
+import { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';
+import { Image, StyleSheet, View } from 'react-native';
+import { isEmpty, isNil, isNumber } from 'lodash-es';
+import imageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';
+import { AssetConsumer } from '@wavemaker/app-rn-runtime/core/asset.provider';
+import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
+const IMAGE_URL_REGEX = /url\(['|"]?(.+)['|"]?\)$/gi;
+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);
+    this.state = this.parse();
+  }
+  parse(val = this.props.value) {
+    let state = {};
+    const splits = val.split(',').map(v => v.trim());
+    let angle = 0;
+    const locations = [];
+    if (splits[0].endsWith('deg')) {
+      angle = parseInt(splits[0].split('deg')[0]) % 360;
+      angle = angle < 0 ? 360 + angle : angle;
+      splits.shift();
+    }
+    angle += 90;
+    const delta = Math.round(Math.tan(angle * Math.PI / 180) * 100) / 100;
+    if (Math.abs(delta) > 1) {
+      state = {
+        end: {
+          x: -0.5 / delta + 0.5,
+          y: 0
+        },
+        start: {
+          x: 0.5 / delta + 0.5,
+          y: 1
+        }
+      };
+    } else {
+      state = {
+        start: {
+          x: 0,
+          y: -0.5 * delta + 0.5
+        },
+        end: {
+          x: 1,
+          y: 0.5 * delta + 0.5
+        }
+      };
+    }
+    if (angle >= 270 && angle <= 450) {
+      state = {
+        start: state.end,
+        end: state.start
+      };
+    }
+    state.colors = [];
+    state.locations = [];
+    splits.map(s => {
+      var _s$matchAll$next;
+      const p = (_s$matchAll$next = s.matchAll(/\s*([0-9.]+)%/g).next()) === null || _s$matchAll$next === void 0 ? void 0 : _s$matchAll$next.value;
+      if (p) {
+        state.locations.push(parseFloat(p[1]) / 100);
+        state.colors.push(s.replace(p[0], ''));
+      } else {
+        state.locations.push(null);
+        state.colors.push(s);
+      }
+    });
+    return state;
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (prevProps.value !== this.props.value) {
+      this.setState(this.parse());
+    }
+  }
+  render() {
+    var _this$props$size, _this$props$style;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [{
+        borderWidth: 0,
+        overflow: 'hidden'
+      }, StyleSheet.absoluteFill, this.props.style]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [StyleSheet.absoluteFill, this.props.middle ? {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center'
+      } : null]
+    }, /*#__PURE__*/React.createElement(ExpoLinearGradient, {
+      testID: "wm-expo-linear-gradient",
+      colors: this.state.colors,
+      locations: this.state.locations,
+      start: this.state.start,
+      end: this.state.end,
+      style: [(_this$props$size = this.props.size) !== null && _this$props$size !== void 0 && _this$props$size.width ? this.props.size : StyleSheet.absoluteFill, this.props.position, {
+        position: 'absolute',
+        borderRadius: (_this$props$style = this.props.style) === null || _this$props$style === void 0 ? void 0 : _this$props$style.borderRadius
+      }]
+    })), this.props.children);
+  }
+}
+export class BackgroundComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "loadAsset", null);
+    this.state = {
+      imageSrc: this.props.image ? ASSET_CACHE[this.props.image] : undefined
+    };
+  }
+  caluculateSize(imageSrc) {
+    if (isNumber(imageSrc)) {
+      const {
+        width,
+        height
+      } = Image.resolveAssetSource(imageSrc);
+      this.setState({
+        naturalImageWidth: width,
+        naturalImageHeight: height
+      });
+    } else if (!isNil(imageSrc)) {
+      imageSizeEstimator.getSize(imageSrc.uri, (width, height) => {
+        this.setState({
+          naturalImageWidth: width,
+          naturalImageHeight: height
+        });
+      });
+    }
+  }
+  getDimension(dim) {
+    if (dim) {
+      const value = dim.matchAll(DIMENSION_REGEX).next().value;
+      if (value[1]) {
+        return value[1].endsWith('%') ? value[1] : parseInt(value[1]);
+      }
+    }
+    return null;
+  }
+  getPosition() {
+    const result = {};
+    if (!this.props.position) {
+      return result;
+    }
+    const position = this.props.position.split(' ').map(s => s.trim());
+    if (position[0] === 'center') {
+      result.alignItems = 'center';
+    } else if (position[0] === 'top') {
+      result.top = 0;
+    } else if (position[0] === 'bottom') {
+      result.bottom = 0;
+    } else {
+      result.top = this.getDimension(position[0]);
+    }
+    if (position[1] === 'center') {
+      result.justifyContent = 'center';
+    } else if (position[1] === 'left') {
+      result.left = 0;
+    } else if (position[1] === 'bottom') {
+      result.right = 0;
+    } else {
+      result.left = this.getDimension(position[1]);
+    }
+    return result;
+  }
+  getPositionAndSize() {
+    var _this$props$size2, _this$getGradient;
+    const result = {};
+    if (this.props.resizeMode) {
+      result.resizeMode = this.props.resizeMode;
+      return result;
+    } else if (this.props.position === 'center') {
+      result.resizeMode = 'center';
+      result.position = {
+        justifyContent: 'center',
+        alignItems: 'center'
+      };
+    } else if (this.props.size === 'contain' || this.props.size === 'cover') {
+      result.resizeMode = this.props.size;
+      return result;
+    }
+    const size = (_this$props$size2 = this.props.size) === null || _this$props$size2 === void 0 ? void 0 : _this$props$size2.matchAll(BACKGROUND_SIZE_REGEX).next().value;
+    result.size = {};
+    if (size) {
+      result.size.width = size[1].endsWith('%') ? size[1] : parseInt(size[1]);
+      result.size.height = size[2].endsWith('%') ? size[2] : parseInt(size[2]);
+    }
+    if (!result.resizeMode && this.props.position) {
+      result.position = this.getPosition();
+    }
+    if (!((_this$getGradient = this.getGradient()) !== null && _this$getGradient !== void 0 && (_this$getGradient = _this$getGradient.value) !== null && _this$getGradient !== void 0 && _this$getGradient.length)) {
+      if (this.props.repeat === 'no-repeat') {
+        result.size.width = result.size.width || this.state.naturalImageWidth;
+        result.size.height = result.size.height || this.state.naturalImageHeight;
+      } else if (this.props.repeat === 'repeat-x') {
+        result.resizeMode = 'repeat';
+        result.size.width = result.size.width || '100%';
+        result.size.height = result.size.height || this.state.naturalImageHeight;
+      } else if (this.props.repeat === 'repeat-y') {
+        result.resizeMode = 'repeat';
+        result.size.width = result.size.width || this.state.naturalImageWidth;
+        result.size.height = result.size.height || '100%';
+      } else {
+        result.resizeMode = 'repeat';
+      }
+    }
+    return result;
+  }
+  renderLinearGradient(data) {
+    const psresult = this.getPositionAndSize();
+    return /*#__PURE__*/React.createElement(LinearGradient, {
+      value: data || '',
+      style: this.props.style,
+      size: psresult.size,
+      position: psresult.position,
+      middle: psresult.resizeMode === 'center'
+    }, /*#__PURE__*/React.createElement(React.Fragment, null));
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (this.props.image && prevProps.image !== this.props.image) {
+      this.setImage();
+    }
+  }
+  componentDidMount() {
+    setTimeout(() => this.setImage(), 100);
+  }
+  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 || (_this$props$image2 = _this$props$image2.matchAll(IMAGE_URL_REGEX)) === null || _this$props$image2 === void 0 || (_this$props$image2 = _this$props$image2.next()) === null || _this$props$image2 === void 0 || (_this$props$image2 = _this$props$image2.value) === null || _this$props$image2 === void 0 ? void 0 : _this$props$image2[1];
+    }
+    if (this.loadAsset) {
+      source = this.loadAsset(source);
+    }
+    if (isFullPathUrl(source)) {
+      source = {
+        uri: source
+      };
+    }
+    this.caluculateSize(source);
+    this.setState({
+      imageSrc: source
+    });
+    if (this.props.image) {
+      ASSET_CACHE[this.props.image] = source;
+    }
+  }
+  getGradient() {
+    var _this$props$image3;
+    return (_this$props$image3 = this.props.image) === null || _this$props$image3 === void 0 ? void 0 : _this$props$image3.trim().matchAll(LINEAT_GRADIENT_REGEX).next();
+  }
+  renderImage() {
+    const psresult = this.getPositionAndSize();
+    return /*#__PURE__*/React.createElement(AssetConsumer, null, loadAsset => {
+      var _psresult$position, _psresult$position2;
+      const loadImage = this.loadAsset !== loadAsset;
+      this.loadAsset = loadAsset;
+      if (loadImage) {
+        setTimeout(() => this.setImage(), 10);
+      }
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          borderWidth: 0,
+          overflow: 'hidden'
+        }, StyleSheet.absoluteFill, this.props.style]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [StyleSheet.absoluteFill, {
+          flexDirection: 'row',
+          justifyContent: (_psresult$position = psresult.position) === null || _psresult$position === void 0 ? void 0 : _psresult$position.justifyContent,
+          alignItems: (_psresult$position2 = psresult.position) === null || _psresult$position2 === void 0 ? void 0 : _psresult$position2.alignItems
+        }]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [{
+          position: 'absolute',
+          overflow: 'hidden'
+        }, psresult.position, isEmpty(psresult.size) ? StyleSheet.absoluteFill : psresult.size]
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: this.state.imageSrc,
+        resizeMode: psresult.resizeMode || 'cover',
+        style: [{
+          width: '100%',
+          height: '100%'
+        }, !isEmpty(psresult.size) || psresult.resizeMode === 'cover' || psresult.resizeMode === 'contain' ? null : {
+          minWidth: this.state.naturalImageWidth,
+          minHeight: this.state.naturalImageHeight
+        }]
+      }))));
+    });
+  }
+  render() {
+    var _gradientData$value;
+    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 && this.state.imageSrc) {
+      return this.renderImage();
+    }
+    return null;
+  }
+}
+//# sourceMappingURL=background.component.js.map

package/styles/background.component.js.map

@@ -0,0 +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","ASSET_CACHE","Component","constructor","props","state","parse","val","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","parseFloat","replace","componentDidUpdate","prevProps","prevState","snapshot","setState","render","_this$props$size","_this$props$style","createElement","style","borderWidth","overflow","absoluteFill","middle","flexDirection","justifyContent","alignItems","testID","size","width","position","borderRadius","children","BackgroundComponent","_defineProperty","imageSrc","image","undefined","caluculateSize","height","resolveAssetSource","naturalImageWidth","naturalImageHeight","getSize","uri","getDimension","dim","getPosition","result","top","bottom","left","right","getPositionAndSize","_this$props$size2","_this$getGradient","resizeMode","getGradient","length","repeat","renderLinearGradient","data","psresult","Fragment","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 { DimensionValue, 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(parseFloat(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 testID=\"wm-expo-linear-gradient\"\n                        colors={this.state.colors as any}\n                        locations={this.state.locations as any}\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]) as DimensionValue;\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]) as DimensionValue;\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])) as DimensionValue;\n            result.size.height = (size[2].endsWith('%') ? size[2] : parseInt(size[2])) as DimensionValue\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                <></> \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            if (loadImage) {\n                setTimeout(() => this.setImage(), 10);\n            }\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"],"mappings":"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","ignoreList":[]}

package/styles/calc.js

@@ -0,0 +1,165 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+export class CalcExpression {
+  constructor(expression, initialVariables = {}) {
+    _defineProperty(this, "expression", '');
+    _defineProperty(this, "currentIndex", 0);
+    _defineProperty(this, "variables", {});
+    this.expression = expression.trim();
+    this.expression = this.expression.replace(/%/g, " * (p / 100)");
+    this.expression = this.expression.replace(/vw/g, " * (vw / 100)");
+    this.expression = this.expression.replace(/vh/g, " * (vh / 100)");
+    if (this.expression.startsWith('calc(')) {
+      this.expression = this.expression.substring(5, this.expression.length - 1);
+    }
+    this.variables = {
+      ...initialVariables
+    };
+    this.resolveInnerCalc();
+  }
+  resolveInnerCalc() {
+    if (this.expression.indexOf('calc') >= 0) {
+      var _this$expression$matc;
+      (_this$expression$matc = this.expression.match(/calc\([^\c)]*\)/g)) === null || _this$expression$matc === void 0 || _this$expression$matc.map(m => {
+        this.expression = this.expression.replace(m, new CalcExpression(m, this.variables).evaluate() + "");
+      });
+    }
+  }
+  peek() {
+    if (this.currentIndex < this.expression.length) {
+      return this.expression[this.currentIndex];
+    }
+    return null;
+  }
+  consume() {
+    const char = this.peek();
+    if (char !== null) {
+      this.currentIndex++;
+    }
+    return char;
+  }
+  skipWhitespace() {
+    while (this.peek() !== null && /\s/.test(this.peek())) {
+      this.consume();
+    }
+  }
+  parseNumber() {
+    let numberStr = "";
+    let decimalSeen = false;
+    while (this.peek() !== null && (/\d/.test(this.peek()) || this.peek() === "." && !decimalSeen)) {
+      if (this.peek() === ".") {
+        decimalSeen = true;
+      }
+      numberStr += this.consume();
+    }
+    if (this.peek() === 'p') {
+      this.consume();
+      this.consume();
+    }
+    if (numberStr.length === 0) {
+      throw new Error(`Expected a number but found: ${this.peek()}`);
+    }
+    return parseFloat(numberStr);
+  }
+  parseVariable() {
+    let variableName = "";
+    while (this.peek() !== null && /[a-zA-Z0-9_]/.test(this.peek()) && (variableName.length > 0 || /[a-zA-Z_]/.test(this.peek()))) {
+      variableName += this.consume();
+    }
+    if (variableName.length === 0) {
+      throw new Error(`Expected a variable but found: ${this.peek()}`);
+    }
+    if (!(variableName in this.variables)) {
+      throw new Error(`Undefined variable: ${variableName}`);
+    }
+    return this.variables[variableName];
+  }
+  parseFactor() {
+    this.skipWhitespace();
+    const char = this.peek();
+    if (char === "(") {
+      this.consume();
+      const result = this.parseExpression();
+      this.skipWhitespace();
+      if (this.consume() !== ")") {
+        throw new Error("Expected ')'");
+      }
+      return result;
+    } else if (char === "-") {
+      this.consume();
+      return -this.parseFactor();
+    } else if (/\d/.test(char)) {
+      return this.parseNumber();
+    } else if (/[a-zA-Z_]/.test(char)) {
+      return this.parseVariable();
+    }
+    throw new Error(`Unexpected token: ${char}`);
+  }
+  parseTerm() {
+    let left = this.parseFactor();
+    this.skipWhitespace();
+    while (this.peek() === "*" || this.peek() === "/") {
+      const operator = this.consume();
+      const right = this.parseFactor();
+      if (operator === "*") {
+        left *= right;
+      } else if (operator === "/") {
+        if (right === 0) {
+          throw new Error("Division by zero");
+        }
+        left /= right;
+      }
+      this.skipWhitespace();
+    }
+    return left;
+  }
+  parseExponent() {
+    let base = this.parseTerm();
+    this.skipWhitespace();
+    while (this.peek() === "^") {
+      this.consume();
+      const exponent = this.parseFactor();
+      base = Math.pow(base, exponent);
+      this.skipWhitespace();
+    }
+    return base;
+  }
+  parseExpression() {
+    let left = this.parseExponent();
+    this.skipWhitespace();
+    while (this.peek() === "+" || this.peek() === "-") {
+      const operator = this.consume();
+      const right = this.parseExponent();
+      if (operator === "+") {
+        left += right;
+      } else if (operator === "-") {
+        left -= right;
+      }
+      this.skipWhitespace();
+    }
+    return left;
+  }
+  evaluate(variables) {
+    this.variables = {
+      ...this.variables,
+      ...(variables || {})
+    };
+    this.currentIndex = 0;
+    const result = this.parseExpression();
+    this.skipWhitespace();
+    if (this.peek() !== null) {
+      throw new Error(`Unexpected end of expression: ${this.peek()}`);
+    }
+    return result;
+  }
+  setVariable(variableName, value) {
+    this.variables[variableName] = value;
+  }
+  getVariables() {
+    return {
+      ...this.variables
+    };
+  }
+}
+//# sourceMappingURL=calc.js.map

package/styles/calc.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CalcExpression","constructor","expression","initialVariables","_defineProperty","trim","replace","startsWith","substring","length","variables","resolveInnerCalc","indexOf","_this$expression$matc","match","map","m","evaluate","peek","currentIndex","consume","char","skipWhitespace","test","parseNumber","numberStr","decimalSeen","Error","parseFloat","parseVariable","variableName","parseFactor","result","parseExpression","parseTerm","left","operator","right","parseExponent","base","exponent","Math","pow","setVariable","value","getVariables"],"sources":["calc.ts"],"sourcesContent":["interface VariableMap {\n  [key: string]: number;\n}\n\nexport class CalcExpression {\n  \n  private expression = '';\n  private currentIndex: number = 0;\n  private variables: VariableMap = {};\n\n  constructor(expression: string, initialVariables: VariableMap = {}) {\n    this.expression = expression.trim();\n    this.expression = this.expression.replace(/%/g, \" * (p / 100)\");\n    this.expression = this.expression.replace(/vw/g, \" * (vw / 100)\");\n    this.expression = this.expression.replace(/vh/g, \" * (vh / 100)\");\n    if (this.expression.startsWith('calc(')) {\n      this.expression = this.expression.substring(5, this.expression.length - 1);\n    }\n    this.variables = { ...initialVariables };\n    this.resolveInnerCalc();\n  }\n\n  private resolveInnerCalc() {\n    if (this.expression.indexOf('calc') >= 0) {\n      this.expression.match(/calc\\([^\\c)]*\\)/g)?.map(m => {\n        this.expression = this.expression.replace(m, new CalcExpression(m, this.variables).evaluate() + \"\");\n      })\n    }\n  }\n  \n  private peek(): string | null {\n    if (this.currentIndex < this.expression.length) {\n      return this.expression[this.currentIndex];\n    }\n    return null;\n  }\n\n  private consume(): string | null {\n    const char = this.peek();\n    if (char !== null) {\n      this.currentIndex++;\n    }\n    return char;\n  }\n\n  private skipWhitespace(): void {\n    while (this.peek() !== null && /\\s/.test(this.peek()!)) {\n      this.consume();\n    }\n  }\n\n  private parseNumber(): number {\n    let numberStr = \"\";\n    let decimalSeen = false;\n    while (this.peek() !== null && (/\\d/.test(this.peek()!) || (this.peek() === \".\" && !decimalSeen))) {\n      if (this.peek() === \".\") {\n        decimalSeen = true;\n      }\n      numberStr += this.consume();\n    }\n    if (this.peek() === 'p') {\n      this.consume();\n      this.consume();\n    }\n    if (numberStr.length === 0) {\n      throw new Error(`Expected a number but found: ${this.peek()}`);\n    }\n    return parseFloat(numberStr);\n  }\n\n  private parseVariable(): number {\n    let variableName = \"\";\n    while (this.peek() !== null && /[a-zA-Z0-9_]/.test(this.peek()!) && (variableName.length > 0 || /[a-zA-Z_]/.test(this.peek()!))) {\n      variableName += this.consume();\n    }\n    if (variableName.length === 0) {\n      throw new Error(`Expected a variable but found: ${this.peek()}`);\n    }\n    if (!(variableName in this.variables)) {\n      throw new Error(`Undefined variable: ${variableName}`);\n    }\n    return this.variables[variableName];\n  }\n\n  private parseFactor(): number {\n    this.skipWhitespace();\n    const char = this.peek();\n\n    if (char === \"(\") {\n      this.consume();\n      const result = this.parseExpression();\n      this.skipWhitespace();\n      if (this.consume() !== \")\") {\n        throw new Error(\"Expected ')'\");\n      }\n      return result;\n    } else if (char === \"-\") {\n      this.consume();\n      return -this.parseFactor();\n    } else if (/\\d/.test(char!)) {\n      return this.parseNumber();\n    } else if (/[a-zA-Z_]/.test(char!)) {\n      return this.parseVariable();\n    }\n\n    throw new Error(`Unexpected token: ${char}`);\n  }\n\n  private parseTerm(): number {\n    let left = this.parseFactor();\n    this.skipWhitespace();\n    while (this.peek() === \"*\" || this.peek() === \"/\") {\n      const operator = this.consume();\n      const right = this.parseFactor();\n      if (operator === \"*\") {\n        left *= right;\n      } else if (operator === \"/\") {\n        if (right === 0) {\n          throw new Error(\"Division by zero\");\n        }\n        left /= right;\n      }\n      this.skipWhitespace();\n    }\n    return left;\n  }\n\n  private parseExponent(): number {\n    let base = this.parseTerm();\n    this.skipWhitespace();\n    while (this.peek() === \"^\") {\n      this.consume();\n      const exponent = this.parseFactor();\n      base = Math.pow(base, exponent);\n      this.skipWhitespace();\n    }\n    return base;\n  }\n\n  private parseExpression(): number {\n    let left = this.parseExponent();\n    this.skipWhitespace();\n    while (this.peek() === \"+\" || this.peek() === \"-\") {\n      const operator = this.consume();\n      const right = this.parseExponent();\n      if (operator === \"+\") {\n        left += right;\n      } else if (operator === \"-\") {\n        left -= right;\n      }\n      this.skipWhitespace();\n    }\n    return left;\n  }\n\n  evaluate(variables?: any): number {\n    this.variables = {\n      ...this.variables,\n      ...(variables || {})\n    };\n    this.currentIndex = 0;\n    const result = this.parseExpression();\n    this.skipWhitespace();\n    if (this.peek() !== null) {\n      throw new Error(`Unexpected end of expression: ${this.peek()}`);\n    }\n    return result;\n  }\n\n  setVariable(variableName: string, value: number): void {\n    this.variables[variableName] = value;\n  }\n\n  getVariables(): VariableMap {\n    return { ...this.variables };\n  }\n}"],"mappings":"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","ignoreList":[]}

package/styles/color-mix.js

@@ -0,0 +1,82 @@
+var _ColorMix;
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import Color from "colorjs.io";
+const ColorMixSpace = [
+//rectangular
+"srgb", "srgb-linear", "display-p3", "a98-rgb", "prophoto-rgb", "rec2020", "lab", "oklab", "xyz", "xyz-d50", "xyz-d65",
+//triangle
+"hsl", "hwb", "lch", "oklch"];
+const HueInterpolationMethod = ["shorter", "longer", "increasing", "decreasing"];
+class ColorMix {
+  valueOf(expression) {
+    const {
+      colorInterpolationMethod,
+      colorPercent1,
+      colorPercent2
+    } = this.parse(expression);
+    let p1 = colorPercent1.percent;
+    let p2 = colorPercent2.percent;
+    if (p1 && !p2) {
+      p2 = 100 - p1;
+    } else if (!p1 && p2) {
+      p1 = 100 - p2;
+    } else if (p1 + p2 > 100) {
+      const sum = p1 + p2;
+      p1 = p1 / sum * 100;
+      p2 = p2 / sum * 100;
+    }
+    p1 = p1 / 100;
+    p2 = p2 / 100;
+    return new Color(colorPercent1.color).mix(colorPercent2.color, p2, {
+      space: colorInterpolationMethod.space,
+      hue: colorInterpolationMethod.hueInterpolationMethod
+    }).to("srgb").toString({
+      format: "hex"
+    });
+  }
+  parseColorInterpolationMethod(expression) {
+    const splits = expression.split(' ');
+    return {
+      space: splits[1],
+      hueInterpolationMethod: splits[2] || 'shorter'
+    };
+  }
+  parseColorPercent(expression) {
+    let colorCode = '';
+    let percent = 0;
+    if (expression.indexOf(')') > 0) {
+      const splits = expression.split(')').map(s => s.trim());
+      colorCode = splits[0] + ')';
+      percent = splits[1] ? parseFloat(splits[1].replace('%', '')) : 0;
+    } else {
+      const splits = expression.split(' ');
+      colorCode = splits[0];
+      percent = splits[1] ? parseFloat(splits[1].replace('%', '')) : 0;
+    }
+    return {
+      color: colorCode,
+      percent: percent
+    };
+  }
+  parse(expression) {
+    const splits = expression.split(',').map(s => s.trim());
+    return {
+      colorInterpolationMethod: this.parseColorInterpolationMethod(splits[0]),
+      colorPercent1: this.parseColorPercent(splits[1]),
+      colorPercent2: this.parseColorPercent(splits[2])
+    };
+  }
+}
+_ColorMix = ColorMix;
+_defineProperty(ColorMix, "INSTANCE", new _ColorMix());
+export default {
+  "valueOf": expression => {
+    if (expression.startsWith("color-mix")) {
+      expression = expression.substring("color-mix(".length, expression.length - 1);
+    }
+    return ColorMix.INSTANCE.valueOf(expression);
+  }
+};
+//# sourceMappingURL=color-mix.js.map

package/styles/color-mix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Color","ColorMixSpace","HueInterpolationMethod","ColorMix","valueOf","expression","colorInterpolationMethod","colorPercent1","colorPercent2","parse","p1","percent","p2","sum","color","mix","space","hue","hueInterpolationMethod","to","toString","format","parseColorInterpolationMethod","splits","split","parseColorPercent","colorCode","indexOf","map","s","trim","parseFloat","replace","_ColorMix","_defineProperty","startsWith","substring","length","INSTANCE"],"sources":["color-mix.ts"],"sourcesContent":["import Color from \"colorjs.io\";\n\nconst ColorMixSpace = [\n    //rectangular\n    \"srgb\", \"srgb-linear\", \"display-p3\" , \"a98-rgb\" , \"prophoto-rgb\" , \"rec2020\" ,\n    \"lab\" , \"oklab\" , \"xyz\" , \"xyz-d50\" , \"xyz-d65\" ,\n    //triangle\n    \"hsl\" , \"hwb\" , \"lch\" , \"oklch\"\n];\n\nconst HueInterpolationMethod = [\n    \"shorter\", \"longer\", \"increasing\", \"decreasing\"\n];\n\ninterface ColorInterpolationMethod {\n    space: string,\n    hueInterpolationMethod: string \n}\n\ninterface ColorPercent {\n    color: string;\n    percent: number;\n}\n\nclass ColorMix {\n    static INSTANCE = new ColorMix();\n        \n    valueOf(expression: string) {\n        const {\n            colorInterpolationMethod, \n            colorPercent1,\n            colorPercent2\n        } = this.parse(expression);\n        let p1 = colorPercent1.percent;\n        let p2 = colorPercent2.percent;\n        if (p1 && !p2) {\n            p2 = 100 - p1;\n        } else if (!p1 && p2) {\n            p1 = 100 - p2;\n        } else if (p1 + p2 > 100) {\n            const sum = p1 + p2;\n            p1 = p1 / sum * 100;\n            p2 = p2 / sum * 100;\n        }\n        p1 = p1/ 100;\n        p2 = p2/ 100;\n        \n        return new Color(colorPercent1.color).mix(colorPercent2.color, p2, {\n            space: colorInterpolationMethod.space,\n            hue: colorInterpolationMethod.hueInterpolationMethod as any\n        }).to(\"srgb\").toString({format: \"hex\"});\n    }\n\n    parseColorInterpolationMethod(expression: string): ColorInterpolationMethod {\n        const splits = (expression.split(' ')) as string[];\n        return {\n            space: splits[1],\n            hueInterpolationMethod: splits[2] || 'shorter'\n        }\n    }\n\n    parseColorPercent(expression: string): ColorPercent {\n        let colorCode = '';\n        let percent = 0;\n        if (expression.indexOf(')') > 0) {\n            const splits = expression.split(')').map(s => s.trim());\n            colorCode = splits[0] + ')';\n            percent = splits[1] ? parseFloat((splits[1].replace('%', ''))) : 0;\n        } else {\n            const splits = (expression.split(' ')) as string[];\n            colorCode = splits[0];\n            percent = splits[1] ? parseFloat((splits[1].replace('%', ''))) : 0;\n        }\n        return {\n            color: colorCode,\n            percent: percent\n        }\n    }\n\n    parse(expression: string): {\n        colorInterpolationMethod : ColorInterpolationMethod,\n        colorPercent1: ColorPercent,\n        colorPercent2: ColorPercent\n    } {\n        const splits = expression.split(',').map(s => s.trim());\n        return {\n            colorInterpolationMethod: this.parseColorInterpolationMethod(splits[0]),\n            colorPercent1: this.parseColorPercent(splits[1]),\n            colorPercent2: this.parseColorPercent(splits[2])\n        } as any;\n    }\n\n}\n\nexport default {\n    \"valueOf\" : (expression: string) => {\n        if (expression.startsWith(\"color-mix\")) {\n            expression = expression.substring(\"color-mix(\".length, expression.length - 1);\n        }\n        return ColorMix.INSTANCE.valueOf(expression);\n    }\n};"],"mappings":"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","ignoreList":[]}