@evlop/native-components 1.0.117 → 1.0.119

package/dist/main.d.ts

@@ -12,6 +12,7 @@ export { default as ListItem } from './src/ListItem';
 export { default as Avatar, BaseAvatar } from './src/Avatar';
 export { default as Swiper } from './src/Swiper';
 export { SafeAreaView } from './src/SafeAreaView';
+export { BottomSheet, BottomSheetProps } from './src/BottomSheet';
 export * from './src/Row';
 export * from './src/contexts';
 export * from './src/Collection';

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,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"}
+{"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"}

package/dist/main.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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;
 __exportStar(require("react-native-elements"), exports);
 exports.reactNativeElements = __importStar(require("react-native-elements"));
 var View_1 = require("./src/View");
@@ -64,6 +64,8 @@ var Swiper_1 = require("./src/Swiper");
 Object.defineProperty(exports, "Swiper", { enumerable: true, get: function () { return __importDefault(Swiper_1).default; } });
 var SafeAreaView_1 = require("./src/SafeAreaView");
 Object.defineProperty(exports, "SafeAreaView", { enumerable: true, get: function () { return SafeAreaView_1.SafeAreaView; } });
+var BottomSheet_1 = require("./src/BottomSheet");
+Object.defineProperty(exports, "BottomSheet", { enumerable: true, get: function () { return BottomSheet_1.BottomSheet; } });
 __exportStar(require("./src/Row"), exports);
 __exportStar(require("./src/contexts"), exports);
 __exportStar(require("./src/Collection"), exports);

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,4CAA0B;AAC1B,iDAA+B;AAC/B,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B;AAC9B,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC"}
+{"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"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ModalProps } from "react-native";
+export interface BottomSheetProps extends ModalProps {
+    showDragHandle?: boolean;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare const BottomSheet: React.FunctionComponent<BottomSheetProps>;
+export default BottomSheet;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/BottomSheet/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAiD,UAAU,EAAiD,MAAM,cAAc,CAAC;AAOxI,MAAM,WAAW,gBAAkB,SAAQ,UAAU;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAoJjE,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/src/BottomSheet/index.js

@@ -0,0 +1,179 @@
+"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.BottomSheet = void 0;
+const commons_1 = require("@evlop/commons");
+const lodash_1 = require("lodash");
+const polished_1 = require("polished");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const Flexbox_1 = __importDefault(require("../Flexbox"));
+const View_1 = __importDefault(require("../View"));
+const AnimatedPressable = react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);
+const BottomSheet = (_a) => {
+    var { onRequestClose, visible = false, showDragHandle = true, header, footer, children } = _a, modalProps = __rest(_a, ["onRequestClose", "visible", "showDragHandle", "header", "footer", "children"]);
+    // animated value to control modal visibility, range from 0 to 1
+    const visibility = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    // internal state to control modal visibility based on animated progress and isVisible prop
+    const [showModal, setShowModal] = react_1.default.useState(false);
+    const [viewHeight, setHeight] = react_1.default.useState(0);
+    const theme = (0, commons_1.useTheme)();
+    const bottomSheetContentBackgroundColor = theme.colors['gray-0'];
+    (0, react_1.useEffect)(() => {
+        if (visible) {
+            setShowModal(true);
+            react_native_1.Animated.timing(visibility, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+                // bounce animation
+                easing: react_native_1.Easing.elastic(0.6)
+            }).start();
+        }
+        else {
+            react_native_1.Animated.timing(visibility, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true
+            }).start(() => {
+                setShowModal(false);
+            });
+        }
+    }, [visible]);
+    const blackColor = theme.colors['black'];
+    const backdropStyle = (0, react_1.useMemo)(() => {
+        return [
+            react_native_1.StyleSheet.absoluteFill,
+            {
+                backgroundColor: (0, polished_1.transparentize)(0.4, blackColor),
+                opacity: visibility
+            }
+        ];
+    }, [visibility]);
+    const contentStyle = (0, react_1.useMemo)(() => {
+        return [
+            styles.bottomSheetContent,
+            {
+                backgroundColor: bottomSheetContentBackgroundColor,
+            },
+            {
+                transform: [
+                    {
+                        translateY: visibility.interpolate({
+                            inputRange: [0, 1],
+                            outputRange: [viewHeight, 0],
+                            extrapolate: 'extend'
+                        })
+                    }
+                ]
+            }
+        ];
+    }, [visibility, viewHeight]);
+    const panResponder = (0, react_1.useMemo)(() => {
+        const onPanResponderReleaseOrTerminate = (e, gestureState) => {
+            if (gestureState.dy < 0) {
+                return;
+            }
+            // if user drag the sheet more than half of the screen height or the velocity is more than 0.5
+            if (gestureState.dy > viewHeight / 2 || gestureState.vy > 0.5) {
+                onRequestClose();
+            }
+            // reset the sheet position
+            react_native_1.Animated.timing(visibility, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true
+            }).start();
+        };
+        return react_native_1.PanResponder.create({
+            onStartShouldSetPanResponder: () => true,
+            onMoveShouldSetPanResponder: () => true,
+            onPanResponderMove: (_, gestureState) => {
+                if (gestureState.dy < 0) {
+                    return;
+                }
+                console.log(gestureState.dy, viewHeight);
+                visibility.setValue(1 - (gestureState.dy / viewHeight));
+            },
+            onPanResponderRelease: onPanResponderReleaseOrTerminate,
+            onPanResponderTerminate: onPanResponderReleaseOrTerminate,
+        });
+    }, [visibility, viewHeight, onRequestClose]);
+    const onLayout = (0, react_1.useCallback)((e) => {
+        setHeight((0, lodash_1.get)(e, 'nativeEvent.layout.height', 0));
+    }, []);
+    return (react_1.default.createElement(react_native_1.Modal, Object.assign({}, modalProps, { visible: showModal, animationType: "none", transparent: true, onRequestClose: onRequestClose }),
+        react_1.default.createElement(AnimatedPressable, { onPress: onRequestClose, style: backdropStyle }),
+        react_1.default.createElement(react_native_safe_area_context_1.SafeAreaView, { style: styles.safeAreaView, pointerEvents: "box-none", edges: ['right', 'top', 'left'] },
+            react_1.default.createElement(react_native_1.KeyboardAvoidingView, { style: styles.keyboardAvoidingView, behavior: react_native_1.Platform.select({ ios: 'padding', default: undefined }) },
+                react_1.default.createElement(react_native_1.Animated.View, { onLayout: onLayout, style: contentStyle },
+                    react_1.default.createElement(react_native_1.Animated.View, Object.assign({}, panResponder.panHandlers),
+                        showDragHandle && react_1.default.createElement(Flexbox_1.default, { alignItems: "center", justifyContent: "center" },
+                            react_1.default.createElement(View_1.default, { style: styles.dragHandle, backgroundColor: "gray-200" })),
+                        header),
+                    children,
+                    footer)))));
+};
+exports.BottomSheet = BottomSheet;
+exports.default = exports.BottomSheet;
+const styles = react_native_1.StyleSheet.create({
+    safeAreaView: {
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'flex-end',
+        maxHeight: '100%',
+    },
+    dragHandle: {
+        borderRadius: 10,
+        width: 55,
+        height: 8,
+        marginTop: 15,
+    },
+    keyboardAvoidingView: {
+        maxHeight: '90%',
+    },
+    bottomSheetContent: {
+        maxHeight: "100%",
+        borderTopLeftRadius: 10,
+        borderTopRightRadius: 10,
+        overflow: 'hidden',
+    },
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/src/Button.d.ts

@@ -12,7 +12,7 @@ declare const ButtonWithSettings: React.ForwardRefExoticComponent<Pick<React.Pro
     model?: string;
     dataModel?: string;
     configModel?: string;
-    action?: any;
+    action?: import("@evlop/commons").Action;
 }>, string | number> & React.RefAttributes<any>>;
 export default ButtonWithSettings;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -2,7 +2,7 @@ import { Color, ComponentWithSettings, IconIdentifier } from '@evlop/commons';
 import * as React from 'react';
 import { IconProps as RNEIconProps } from 'react-native-elements';
 declare type BaseIconProps = Partial<RNEIconProps> & {
-    icon?: IconIdentifier;
+    icon?: IconIdentifier | any;
     size?: number;
     color?: Color;
     flipOnRTL?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAA6B,MAAM,gBAAgB,CAAC;AAEzG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA2C,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI3G,aAAK,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,cAAc,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAC,OAAO,CAAA;CAAE,CAAA;AAyBxH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsB5C,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,qBAAqB,CAAC,aAAa,CAiB/C,CAAC;AAMb,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAuC,MAAM,gBAAgB,CAAC;AAEnH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA2C,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI3G,aAAK,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,cAAc,GAAG,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAC,OAAO,CAAA;CAAE,CAAA;AAyB9H,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwB5C,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,qBAAqB,CAAC,aAAa,CAiB/C,CAAC;AAMb,eAAe,gBAAgB,CAAC"}

package/dist/src/Icon/index.js

@@ -43,7 +43,6 @@ const lodash_1 = require("lodash");
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_native_elements_1 = require("react-native-elements");
-const native_1 = require("styled-components/native");
 const FontAwesome6_1 = __importDefault(require("react-native-vector-icons/FontAwesome6"));
 const rtlFLipIconStyle = { transform: [{ scaleX: -1 }] };
 const iconTypeMap = {
@@ -67,7 +66,7 @@ const getIconProps = (icon) => {
 const getIconPropsMemoized = (0, lodash_1.memoize)(getIconProps);
 const BaseIcon = (_a) => {
     var { icon, name = "circle", type, color, iconStyle: _iconStyle, flipOnRTL } = _a, props = __rest(_a, ["icon", "name", "type", "color", "iconStyle", "flipOnRTL"]);
-    const theme = React.useContext(native_1.ThemeContext);
+    const theme = (0, commons_1.useTheme)();
     const iconProps = React.useMemo(() => {
         if (typeof icon === 'string') {
             return getIconPropsMemoized(icon);

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

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

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

@@ -31,12 +31,12 @@ export declare const Image: React.ForwardRefExoticComponent<Pick<React.PropsWith
     model?: string;
     dataModel?: string;
     configModel?: string;
-    action?: any;
+    action?: import("@evlop/commons").Action;
 }>, "p" | "source" | "style" | "children" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "width" | "height" | "size" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "key" | keyof {
     model?: string;
     dataModel?: string;
     configModel?: string;
-    action?: any;
+    action?: import("@evlop/commons").Action;
 } | "onPress" | "onLongPress" | "aspectRatio" | "transitionDuration" | "transition" | "containerStyle" | "Component" | "ImageComponent" | "PlaceholderContent" | "placeholderStyle" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "loadingIndicatorSource" | "defaultSource" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration" | "layoutWidth" | "src" | "placeholder"> & React.RefAttributes<any>>;
 export default Image;
 //# sourceMappingURL=index.d.ts.map

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

@@ -8,7 +8,7 @@ export declare const NativeButton: React.ForwardRefExoticComponent<RNButtonProps
     model?: string;
     dataModel?: string;
     configModel?: string;
-    action?: any;
+    action?: Action;
 } & {
     children?: React.ReactNode;
 } & React.RefAttributes<any>>;

package/dist/src/RenderPage/RenderPageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB;;iBAuCrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB;;iBA0CrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/RenderPage/RenderPageHeader.js

@@ -56,7 +56,10 @@ const RenderPageHeader = ({ page }) => {
             navigation.setOptions(navigationOptions);
         }
         else {
-            navigation.setOptions({ headerShown: false });
+            navigation.setOptions({
+                title: titleTemplated,
+                headerShown: false
+            });
         }
         ;
     }, [titleTemplated, navigation, isDefaultHeader, menuItems]);

package/dist/src/RenderPage/RenderPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,4CAA0D;AAC1D,mCAAyC;AACzC,yEAAiD;AACjD,yDAAiC;AACjC,+DAAuC;AACvC,mDAA2B;AAC3B,sEAA6C;AAC7C,kCAAmC;AAEnC,MAAM,gBAAgB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAClC,MAAM,KAAK,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,uBAAa,GAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,CAAC,iBAAiB,IAAI,iBAAiB,KAAK,SAAS,CAAC;IAE9E,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAG,eAAe,EAAE;YAElB,MAAM,WAAW,GAAG,CAClB,8BAAC,iBAAO,IAAC,YAAY,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,UAAU,IACnG,IAAA,YAAG,EAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC,8BAAC,oBAAU,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM;gBAC/E,8BAAC,cAAI,IAAC,EAAE,EAAC,KAAK,IACX,QAAQ,CAAC,KAAK,CAAA,CAAC,CAAC,8BAAC,wBAAa,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,8BAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,GAAI,CAC7K,CACI,CAAC,CACN,CACX,CAAA;YAED,MAAM,iBAAiB,GAAQ;gBAC7B,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,eAAe;aAC7B,CAAC;YACF,IAAG,CAAC,IAAA,gBAAO,EAAC,SAAS,CAAC;gBAAE,iBAAiB,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC;YAE1E,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;SAC1C;aAAM;YACL,UAAU,CAAC,UAAU,CAAC,EAAC,WAAW,EAAE,KAAK,EAAC,CAAC,CAAC;SAC7C;QAAA,CAAC;IAEJ,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7D,IAAG,eAAe;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAQ,8BAAC,yBAAe,IAAC,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAI,CAAA;AAClG,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,4CAA0D;AAC1D,mCAAyC;AACzC,yEAAiD;AACjD,yDAAiC;AACjC,+DAAuC;AACvC,mDAA2B;AAC3B,sEAA6C;AAC7C,kCAAmC;AAEnC,MAAM,gBAAgB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAClC,MAAM,KAAK,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,uBAAa,GAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,CAAC,iBAAiB,IAAI,iBAAiB,KAAK,SAAS,CAAC;IAE9E,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAG,eAAe,EAAE;YAElB,MAAM,WAAW,GAAG,CAClB,8BAAC,iBAAO,IAAC,YAAY,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,UAAU,IACnG,IAAA,YAAG,EAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC,8BAAC,oBAAU,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM;gBAC/E,8BAAC,cAAI,IAAC,EAAE,EAAC,KAAK,IACX,QAAQ,CAAC,KAAK,CAAA,CAAC,CAAC,8BAAC,wBAAa,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,8BAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,GAAI,CAC7K,CACI,CAAC,CACN,CACX,CAAA;YAED,MAAM,iBAAiB,GAAQ;gBAC7B,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,eAAe;aAC7B,CAAC;YACF,IAAG,CAAC,IAAA,gBAAO,EAAC,SAAS,CAAC;gBAAE,iBAAiB,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC;YAE1E,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;SAC1C;aAAM;YACL,UAAU,CAAC,UAAU,CAAC;gBACpB,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,KAAK;aACnB,CAAC,CAAC;SACJ;QAAA,CAAC;IAEJ,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7D,IAAG,eAAe;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAQ,8BAAC,yBAAe,IAAC,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAI,CAAA;AAClG,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evlop/native-components",
-  "version": "1.0.117",
+  "version": "1.0.119",
   "description": "",
   "main": "dist/main.js",
   "scripts": {
@@ -17,6 +17,7 @@
     "@evlop/commons": "^1.0.137",
     "i18next": "^21.8.9",
     "lodash": "^4.17.15",
+    "polished": "^4.3.1",
     "query-string": "^7.1.0",
     "react": "^16.12.0",
     "react-native": "^0.61.5",
@@ -29,7 +30,7 @@
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
-    "@evlop/commons": "^1.0.204",
+    "@evlop/commons": "^1.0.215",
     "@types/lodash": "^4.14.178",
     "@types/react-native": "^0.63.42",
     "@types/recompose": "^0.30.10",
@@ -37,6 +38,7 @@
     "@types/styled-system": "^5.1.15",
     "i18next": "^21.8.9",
     "lodash": "^4.17.15",
+    "polished": "^4.3.1",
     "query-string": "^7.1.0",
     "react": "^16.12.0",
     "react-native": "^0.61.5",