@evlop/native-components 1.0.137 → 1.0.139

package/dist/main.d.ts

@@ -1,12 +1,14 @@
 export * from 'react-native-elements';
 export * as reactNativeElements from 'react-native-elements';
 export { default as View, BaseView } from './src/View';
+export { default as AnimatedView, BaseAnimatedView } from './src/AnimatedView';
 export { default as Flexbox, BaseFlexbox } from './src/Flexbox';
 export { default as Actionable, BaseActionable } from './src/Actionable';
 export { default as Text, BaseText } from './src/Text';
 export { default as NativeButton } from './src/NativeButton';
 export { default as Button, BaseButton } from './src/Button';
 export { default as Image, BaseImage } from './src/Image';
+export { default as ImageBackground, BaseImageBackground } from './src/ImageBackground';
 export { default as Icon, BaseIcon } from './src/Icon';
 export { default as ListItem } from './src/ListItem';
 export { default as Avatar, BaseAvatar } from './src/Avatar';

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,OAAO,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAE,cAAc,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,MAAM,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAClE,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAE,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,OAAO,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAE,cAAc,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,eAAe,EAAE,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,MAAM,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAClE,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC"}

package/dist/main.js

@@ -29,12 +29,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BottomSheet = exports.SafeAreaView = exports.Swiper = exports.BaseAvatar = exports.Avatar = exports.ListItem = exports.BaseIcon = exports.Icon = exports.BaseImage = exports.Image = exports.BaseButton = exports.Button = exports.NativeButton = exports.BaseText = exports.Text = exports.BaseActionable = exports.Actionable = exports.BaseFlexbox = exports.Flexbox = exports.BaseView = exports.View = exports.reactNativeElements = void 0;
+exports.BottomSheet = exports.SafeAreaView = exports.Swiper = exports.BaseAvatar = exports.Avatar = exports.ListItem = exports.BaseIcon = exports.Icon = exports.BaseImageBackground = exports.ImageBackground = exports.BaseImage = exports.Image = exports.BaseButton = exports.Button = exports.NativeButton = exports.BaseText = exports.Text = exports.BaseActionable = exports.Actionable = exports.BaseFlexbox = exports.Flexbox = exports.BaseAnimatedView = exports.AnimatedView = exports.BaseView = exports.View = exports.reactNativeElements = void 0;
 __exportStar(require("react-native-elements"), exports);
 exports.reactNativeElements = __importStar(require("react-native-elements"));
 var View_1 = require("./src/View");
 Object.defineProperty(exports, "View", { enumerable: true, get: function () { return __importDefault(View_1).default; } });
 Object.defineProperty(exports, "BaseView", { enumerable: true, get: function () { return View_1.BaseView; } });
+var AnimatedView_1 = require("./src/AnimatedView");
+Object.defineProperty(exports, "AnimatedView", { enumerable: true, get: function () { return __importDefault(AnimatedView_1).default; } });
+Object.defineProperty(exports, "BaseAnimatedView", { enumerable: true, get: function () { return AnimatedView_1.BaseAnimatedView; } });
 var Flexbox_1 = require("./src/Flexbox");
 Object.defineProperty(exports, "Flexbox", { enumerable: true, get: function () { return __importDefault(Flexbox_1).default; } });
 Object.defineProperty(exports, "BaseFlexbox", { enumerable: true, get: function () { return Flexbox_1.BaseFlexbox; } });
@@ -52,6 +55,9 @@ Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function (
 var Image_1 = require("./src/Image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
 Object.defineProperty(exports, "BaseImage", { enumerable: true, get: function () { return Image_1.BaseImage; } });
+var ImageBackground_1 = require("./src/ImageBackground");
+Object.defineProperty(exports, "ImageBackground", { enumerable: true, get: function () { return __importDefault(ImageBackground_1).default; } });
+Object.defineProperty(exports, "BaseImageBackground", { enumerable: true, get: function () { return ImageBackground_1.BaseImageBackground; } });
 var Icon_1 = require("./src/Icon");
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
 Object.defineProperty(exports, "BaseIcon", { enumerable: true, get: function () { return Icon_1.BaseIcon; } });

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,6EAA6D;AAC7D,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,yCAA8D;AAAtD,mHAAA,OAAO,OAAW;AAAE,sGAAA,WAAW,OAAA;AACvC,+CAAuE;AAA/D,yHAAA,OAAO,OAAc;AAAE,4GAAA,cAAc,OAAA;AAC7C,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,mDAA2D;AAAnD,6HAAA,OAAO,OAAgB;AAC/B,uCAA2D;AAAnD,iHAAA,OAAO,OAAU;AAAE,oGAAA,UAAU,OAAA;AACrC,qCAAwD;AAAhD,+GAAA,OAAO,OAAS;AAAE,kGAAA,SAAS,OAAA;AACnC,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,2CAAmD;AAA3C,qHAAA,OAAO,OAAY;AAC3B,uCAA2D;AAAnD,iHAAA,OAAO,OAAU;AAAE,oGAAA,UAAU,OAAA;AACrC,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,mDAAkD;AAAzC,4GAAA,YAAY,OAAA;AACrB,iDAAkE;AAAzD,0GAAA,WAAW,OAAA;AACpB,4CAA0B;AAC1B,iDAA+B;AAC/B,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B;AAC9B,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC;AACnC,+DAA6C"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,6EAA6D;AAC7D,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,mDAA6E;AAArE,6HAAA,OAAO,OAAgB;AAAE,gHAAA,gBAAgB,OAAA;AACjD,yCAA8D;AAAtD,mHAAA,OAAO,OAAW;AAAE,sGAAA,WAAW,OAAA;AACvC,+CAAuE;AAA/D,yHAAA,OAAO,OAAc;AAAE,4GAAA,cAAc,OAAA;AAC7C,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,mDAA2D;AAAnD,6HAAA,OAAO,OAAgB;AAC/B,uCAA2D;AAAnD,iHAAA,OAAO,OAAU;AAAE,oGAAA,UAAU,OAAA;AACrC,qCAAwD;AAAhD,+GAAA,OAAO,OAAS;AAAE,kGAAA,SAAS,OAAA;AACnC,yDAAsF;AAA9E,mIAAA,OAAO,OAAmB;AAAE,sHAAA,mBAAmB,OAAA;AACvD,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,2CAAmD;AAA3C,qHAAA,OAAO,OAAY;AAC3B,uCAA2D;AAAnD,iHAAA,OAAO,OAAU;AAAE,oGAAA,UAAU,OAAA;AACrC,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,mDAAkD;AAAzC,4GAAA,YAAY,OAAA;AACrB,iDAAkE;AAAzD,0GAAA,WAAW,OAAA;AACpB,4CAA0B;AAC1B,iDAA+B;AAC/B,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B;AAC9B,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC;AACnC,+DAA6C"}

package/dist/src/AnimatedView.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentWithSettings, Theme } from '@evlop/commons';
+import { ViewProps as RNViewProps } from 'react-native';
+import { BackgroundProps, BorderProps, ColorProps, FlexProps, LayoutProps, OpacityProps, SpaceProps } from 'styled-system';
+export declare type BaseViewProps = RNViewProps & FlexProps<Theme> & BorderProps<Theme> & LayoutProps<Theme> & OpacityProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme> & {
+    opacity?: number;
+};
+export declare const BaseAnimatedView: React.ComponentType<BaseViewProps>;
+declare const AnimatedView: ComponentWithSettings<BaseViewProps>;
+export default AnimatedView;
+//# sourceMappingURL=AnimatedView.d.ts.map

package/dist/src/AnimatedView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedView.d.ts","sourceRoot":"","sources":["../../src/AnimatedView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAY,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,EAAc,eAAe,EAAU,WAAW,EAAS,UAAU,EAAQ,SAAS,EAAU,WAAW,EAAW,YAAY,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpL,oBAAY,aAAa,GAAI,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAElN,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAQ/D,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,qBAAqB,CAAC,aAAa,CAEnC,CAAC;AAErB,eAAe,YAAY,CAAC"}

package/dist/src/AnimatedView.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseAnimatedView = void 0;
+const commons_1 = require("@evlop/commons");
+const react_native_1 = require("react-native");
+const native_1 = __importDefault(require("styled-components/native"));
+const styled_system_1 = require("styled-system");
+exports.BaseAnimatedView = (0, native_1.default)(react_native_1.Animated.View)(styled_system_1.flex, styled_system_1.border, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.opacity);
+const AnimatedView = (0, commons_1.withSettings)({
+    name: 'AnimatedView',
+})(exports.BaseAnimatedView);
+exports.default = AnimatedView;
+//# sourceMappingURL=AnimatedView.js.map

package/dist/src/AnimatedView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedView.js","sourceRoot":"","sources":["../../src/AnimatedView.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAC5E,+CAAkE;AAClE,sEAA8C;AAC9C,iDAAoL;AAIvK,QAAA,gBAAgB,GAAuC,IAAA,gBAAM,EAAC,uBAAQ,CAAC,IAAI,CAAC,CACrF,oBAAI,EACJ,sBAAM,EACN,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL,uBAAO,CACV,CAAC;AAEF,MAAM,YAAY,GAAyC,IAAA,sBAAY,EAAC;IACtE,IAAI,EAAE,cAAc;CACrB,CAAC,CAAC,wBAAgB,CAAC,CAAC;AAErB,kBAAe,YAAY,CAAC"}

package/dist/src/Image/index.d.ts

@@ -43,6 +43,6 @@ export declare const Image: React.ForwardRefExoticComponent<Pick<React.PropsWith
     dataModel?: string;
     configModel?: string;
     action?: import("@evlop/commons").Action;
-} | "onPress" | "onLongPress" | "aspectRatio" | "transitionDuration" | "transition" | "containerStyle" | "Component" | "ImageComponent" | "PlaceholderContent" | "placeholderStyle" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration" | "placeholder"> & React.RefAttributes<any>>;
+} | "aspectRatio" | "blurRadius" | "onPress" | "onLongPress" | "transitionDuration" | "transition" | "containerStyle" | "Component" | "ImageComponent" | "PlaceholderContent" | "placeholderStyle" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration" | "placeholder"> & React.RefAttributes<any>>;
 export default Image;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/ImageBackground/index.d.ts

@@ -0,0 +1,12 @@
+import { ComponentWithSettings, Theme } from '@evlop/commons';
+import { ImageBackgroundProps as RNImageBackgroundProps } from 'react-native';
+import { BackgroundProps, BorderProps, ColorProps, FlexProps, LayoutProps, OpacityProps, SpaceProps } from 'styled-system';
+export declare type StyledImageBackgroundProps = RNImageBackgroundProps & FlexProps<Theme> & BorderProps<Theme> & LayoutProps<Theme> & OpacityProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme>;
+export declare type BaseImageBackgroundProps = StyledImageBackgroundProps & {
+    src?: string;
+    placeholder?: string;
+};
+export declare const BaseImageBackground: ComponentWithSettings<BaseImageBackgroundProps>;
+export declare const ImageBackground: ComponentWithSettings<BaseImageBackgroundProps>;
+export default ImageBackground;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/ImageBackground/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ImageBackground/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAA6B,MAAM,gBAAgB,CAAC;AAGzF,OAAO,EAAoD,oBAAoB,IAAI,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEhI,OAAO,EACO,eAAe,EACnB,WAAW,EACZ,UAAU,EACX,SAAS,EACP,WAAW,EACV,YAAY,EACd,UAAU,EAElB,MAAM,eAAe,CAAC;AAWvB,oBAAY,0BAA0B,GAAG,sBAAsB,GAAG,SAAS,CAAC,KAAK,CAAC,GAC9E,WAAW,CAAC,KAAK,CAAC,GAClB,WAAW,CAAC,KAAK,CAAC,GAClB,YAAY,CAAC,KAAK,CAAC,GACnB,UAAU,CAAC,KAAK,CAAC,GACjB,eAAe,CAAC,KAAK,CAAC,GACtB,UAAU,CAAC,KAAK,CAAC,CAAE;AAmBvB,oBAAY,wBAAwB,GAAG,0BAA0B,GAAG;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,qBAAqB,CAAC,wBAAwB,CAoB/E,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,qBAAqB,CAAC,wBAAwB,CAErD,CAAC;AAExB,eAAe,eAAe,CAAC"}

package/dist/src/ImageBackground/index.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageBackground = exports.BaseImageBackground = void 0;
+const commons_1 = require("@evlop/commons");
+const lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const native_1 = __importDefault(require("styled-components/native"));
+const styled_system_1 = require("styled-system");
+// Only keep aspectRatio transformation
+const imageSize = (0, styled_system_1.system)({
+    aspectRatio: {
+        property: 'aspectRatio',
+        transform: (value = 1) => String(value),
+    }
+});
+// Create styled component with all style functions
+const StyledImageBackground = (0, native_1.default)(react_native_1.ImageBackground)({
+    minHeight: 15,
+    minWidth: 15,
+    width: '100%',
+    aspectRatio: "1"
+}, styled_system_1.flex, styled_system_1.border, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.opacity, imageSize);
+// Create the component implementation
+exports.BaseImageBackground = (0, react_1.forwardRef)((_a, ref) => {
+    var { src, placeholder, source, children } = _a, props = __rest(_a, ["src", "placeholder", "source", "children"]);
+    const template = (0, commons_1.useTemplate)();
+    const imageUri = (0, react_1.useMemo)(() => (0, lodash_1.trim)(template(src)) || (0, lodash_1.trim)(template(placeholder)), [template, placeholder, src]);
+    const imageSource = (0, react_1.useMemo)(() => {
+        if (imageUri)
+            return { uri: imageUri };
+        return source;
+    }, [imageUri, source]);
+    return (react_1.default.createElement(StyledImageBackground, Object.assign({ ref: ref, source: imageSource }, props), children));
+});
+exports.ImageBackground = (0, commons_1.withSettings)({
+    name: 'ImageBackground',
+})(exports.BaseImageBackground);
+exports.default = exports.ImageBackground;
+//# sourceMappingURL=index.js.map

package/dist/src/ImageBackground/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ImageBackground/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAyF;AACzF,mCAA8B;AAC9B,+CAA8D;AAC9D,+CAAgI;AAChI,sEAA8C;AAC9C,iDASuB;AAEvB,uCAAuC;AACvC,MAAM,SAAS,GAAG,IAAA,sBAAM,EAAC;IACvB,WAAW,EAAE;QACX,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;KACxC;CACF,CAAC,CAAC;AAWH,mDAAmD;AACnD,MAAM,qBAAqB,GAAG,IAAA,gBAAM,EAAC,8BAAiB,CAAC,CAA6B;IAClF,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,GAAG;CACjB,EACC,oBAAI,EACJ,sBAAM,EACN,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL,uBAAO,EACP,SAAS,CACV,CAAC;AAOF,sCAAsC;AACzB,QAAA,mBAAmB,GAAoD,IAAA,kBAAU,EAC5F,CAAC,EAA+C,EAAE,GAAG,EAAE,EAAE;QAAxD,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,OAAW,EAAN,KAAK,cAA9C,4CAA+C,CAAD;IAC7C,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,aAAI,EAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,IAAA,aAAI,EAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC;IAEjH,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,IAAG,QAAQ;YAAE,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAC,CAAC;QACpC,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,8BAAC,qBAAqB,kBACpB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,WAAW,IACf,KAAK,GAER,QAAQ,CACa,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,eAAe,GAAoD,IAAA,sBAAY,EAAC;IAC3F,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAC,2BAAmB,CAAC,CAAC;AAExB,kBAAe,uBAAe,CAAC"}

package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderBlocksAsVirtualizedList.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":";AA+BA,iBAAS,6BAA6B,CAAC,EAAC,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAC;;;;CAAA,eA6ClF;AAMD,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"RenderBlocksAsVirtualizedList.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":";AAoCA,iBAAS,6BAA6B,CAAC,EAAC,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAC;;;;CAAA,eA6ClF;AAMD,eAAe,6BAA6B,CAAC"}

package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.js

@@ -50,9 +50,14 @@ const viewabilityConfig = {
     waitForInteraction: true,
     itemVisiblePercentThreshold: 25,
 };
-const disableVirtualization = react_native_1.Platform.select({
-    default: false,
-    web: true,
+const additionalOptions = react_native_1.Platform.select({
+    default: {},
+    web: {
+        disableVirtualization: true,
+        windowSize: 150,
+        initialNumToRender: 150,
+        maxToRenderPerBatch: 150,
+    },
 });
 const AnimatedVirtualizedList = react_native_1.Animated.createAnimatedComponent(react_native_1.VirtualizedList);
 function RenderBlocksAsVirtualizedList({ items, onEndReached, animatedScrollPostion }) {
@@ -79,7 +84,7 @@ function RenderBlocksAsVirtualizedList({ items, onEndReached, animatedScrollPost
     }, []);
     const onScroll = (0, react_1.useMemo)(() => react_native_1.Animated.event([{ nativeEvent: { contentOffset: { y: animatedScrollPostion } } }], { useNativeDriver: true }), [animatedScrollPostion]);
     const contentContainerStyle = (0, react_1.useMemo)(() => [styles.contentContainer, { paddingTop: pageContainerContext.offsetTop, paddingBottom: pageContainerContext.offsetBottom }], [pageContainerContext.offsetTop, pageContainerContext.offsetBottom]);
-    return (react_1.default.createElement(AnimatedVirtualizedList, { ref: pageContainerContext.ref, onEndReachedThreshold: 0.5, disableVirtualization: disableVirtualization, onEndReached: onEndReached, decelerationRate: "normal", data: items, renderItem: renderItem, getItemCount: getItemCount, getItem: getItem, stickyHeaderIndices: stickyHeaderIndices, contentContainerStyle: contentContainerStyle, onScroll: onScroll, viewabilityConfig: viewabilityConfig, onViewableItemsChanged: onViewableItemsChanged }));
+    return (react_1.default.createElement(AnimatedVirtualizedList, Object.assign({ ref: pageContainerContext.ref, onEndReachedThreshold: 0.5, onEndReached: onEndReached, decelerationRate: "normal", data: items, renderItem: renderItem, getItemCount: getItemCount, getItem: getItem, stickyHeaderIndices: stickyHeaderIndices, contentContainerStyle: contentContainerStyle, onScroll: onScroll, viewabilityConfig: viewabilityConfig, onViewableItemsChanged: onViewableItemsChanged }, additionalOptions)));
 }
 const styles = react_native_1.StyleSheet.create({
     contentContainer: { flexGrow: 1 }

package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderBlocksAsVirtualizedList.js","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RenderBlocksAsVirtualizedList.js","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":"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"}

package/dist/src/RenderComponent/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const RenderComponent: ({ index, insideScrollview, dataModel, model, type, componentId, uuid, data: layoutComponentData, children }: {
     index?: number;
     insideScrollview?: boolean;
@@ -10,7 +10,7 @@ export declare const RenderComponent: ({ index, insideScrollview, dataModel, mod
     data: any;
     children?: any;
 }) => JSX.Element;
-export declare const Component: ({ index, insideScrollview, dataModel, model, type, componentId, uuid, data: layoutComponentData, children }: {
+export declare const Component: React.MemoExoticComponent<({ index, insideScrollview, dataModel, model, type, componentId, uuid, data: layoutComponentData, children }: {
     index?: number;
     insideScrollview?: boolean;
     dataModel?: any;
@@ -20,6 +20,6 @@ export declare const Component: ({ index, insideScrollview, dataModel, model, ty
     uuid?: any;
     data: any;
     children?: any;
-}) => JSX.Element;
-export default RenderComponent;
+}) => JSX.Element>;
+export default Component;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/RenderComponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderComponent/index.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;iBA4F3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;iBAAkB,CAAC;AAEzC,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderComponent/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAOnF,eAAO,MAAM,eAAe;;;;;;;;;;iBA4F3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;kBAA8B,CAAC;AAErD,eAAe,SAAS,CAAC"}

package/dist/src/RenderComponent/index.js

@@ -97,6 +97,6 @@ const RenderComponent = ({ index = -1, insideScrollview = false, dataModel = nul
     return (react_1.default.createElement(View_1.BaseView, { ref: viewRef, opacity: data === null || data === void 0 ? void 0 : data.__opacity, backgroundColor: data === null || data === void 0 ? void 0 : data.__backgroundColor }, renderedComponent));
 };
 exports.RenderComponent = RenderComponent;
-exports.Component = exports.RenderComponent;
-exports.default = exports.RenderComponent;
+exports.Component = react_1.default.memo(exports.RenderComponent);
+exports.default = exports.Component;
 //# sourceMappingURL=index.js.map

package/dist/src/RenderComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderComponent/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderComponent/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evlop/native-components",
-  "version": "1.0.137",
+  "version": "1.0.139",
   "description": "",
   "main": "dist/main.js",
   "scripts": {