@teamnhz/rn-ui-toolkit 1.0.3 → 1.0.4

package/dist/components/AppHeader/index.d.ts

@@ -1,17 +1,2 @@
-import React from "react";
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-type Props = {
-    title?: string;
-    leftIcon?: string;
-    onLeftPress?: () => void;
-    onDrawerPress?: () => void;
-    children?: React.ReactNode;
-    isDrawer?: boolean;
-    containerStyle?: StyleProp<ViewStyle>;
-    titleStyle?: StyleProp<TextStyle>;
-    leftContainerStyle?: StyleProp<ViewStyle>;
-    rightContainerStyle?: StyleProp<ViewStyle>;
-    iconStyle?: StyleProp<ViewStyle>;
-};
-declare const AppHeader: React.FC<Props>;
+declare const AppHeader: (props: any) => any;
 export default AppHeader;

package/dist/components/AppHeader/index.js

@@ -1,47 +1,58 @@
-// src/components/AppHeader.tsx
+import { View, TouchableOpacity, StyleSheet } from "react-native";
 import React from "react";
-import { View, Text, TouchableOpacity, StyleSheet, } from "react-native";
-import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-const AppHeader = ({ title, leftIcon, onLeftPress, onDrawerPress, children, containerStyle, titleStyle, leftContainerStyle, rightContainerStyle, iconStyle, isDrawer, }) => {
-    return (React.createElement(View, { style: [styles.container, containerStyle] },
-        React.createElement(View, { style: [styles.leftContainer, leftContainerStyle] },
-            isDrawer && (React.createElement(TouchableOpacity, { style: [styles.iconBtn, iconStyle], onPress: onDrawerPress },
-                React.createElement(Icon, { name: "menu", size: 24, color: "#000" }))),
-            leftIcon && (React.createElement(TouchableOpacity, { style: [styles.iconBtn, iconStyle], onPress: onLeftPress },
-                React.createElement(Icon, { name: leftIcon, size: 24, color: "#000" }))),
-            title && (React.createElement(Text, { style: [styles.title, titleStyle], numberOfLines: 1 }, title))),
-        React.createElement(View, { style: [styles.rightContainer, rightContainerStyle] }, children)));
+import { Colors } from "../../styles";
+import Image from "../Image";
+import T from "../T";
+const AppHeader = (props) => {
+    return props.navigation.setOptions({
+        headerLeft: () => (React.createElement(TouchableOpacity, { style: {
+                display: props.leftImage ? "flex" : "none",
+            }, onPress: props.onPressLeft, activeOpacity: 0.8 },
+            React.createElement(Image, { source: props.leftImage, resizeMode: "contain", style: styles.left_image_style }))),
+        headerTitle: () => (React.createElement(T, { title: props.headerTitle, style: {
+                ...styles.header_title_text,
+                display: props.headerTitle ? "flex" : "none",
+            } })),
+        headerRight: () => (React.createElement(View, { style: styles.header_right_style },
+            React.createElement(TouchableOpacity, { style: {
+                    display: props.rightImageOne ? "flex" : "none",
+                }, onPress: props.onPressRightOne, activeOpacity: 0.8 },
+                React.createElement(Image, { source: props.rightImageOne, resizeMode: "contain", style: styles.right_image_one_style })),
+            React.createElement(TouchableOpacity, { style: {
+                    display: props.rightImageTwo ? "flex" : "none",
+                }, onPress: props.onPressRightTwo, activeOpacity: 0.8 },
+                React.createElement(Image, { source: props.rightImageTwo, resizeMode: "contain", style: styles.right_image_two_style })))),
+        headerStyle: {
+            height: 100,
+            width: "100%",
+        },
+    });
 };
-export default AppHeader;
 const styles = StyleSheet.create({
-    container: {
-        height: 56,
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-        shadowColor: "#000",
-        shadowOpacity: 0.1,
-        shadowOffset: { width: 0, height: 2 },
-        shadowRadius: 4,
-        paddingHorizontal: 8,
+    left_image_style: {
+        height: 44,
+        width: 44,
+    },
+    right_image_one_style: {
+        height: 44,
+        width: 44,
+        marginRight: 10,
     },
-    leftContainer: {
+    right_image_two_style: {
+        height: 44,
+        width: 44,
+    },
+    header_right_style: {
         flexDirection: "row",
         alignItems: "center",
-        flexShrink: 1,
-    },
-    iconBtn: {
-        padding: 8,
-        marginRight: 5,
     },
-    title: {
-        fontSize: 18,
-        fontWeight: "600",
-        color: "#000",
-        marginLeft: 5,
+    header_title_text: {
+        color: Colors.black,
+        textAlign: "center",
     },
-    rightContainer: {
-        flexDirection: "row",
+    header_title_view: {
+        justifyContent: "center",
         alignItems: "center",
     },
 });
+export default AppHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnhz/rn-ui-toolkit",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [