@teamnhz/rn-ui-toolkit 1.4.2 → 1.4.3

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

@@ -1,2 +1,18 @@
-declare const AppHeader: (props: any) => any;
+import { ImageSourcePropType, StyleProp, ViewStyle, ImageStyle, TextStyle } from "react-native";
+type AppHeaderProps = {
+    navigation: any;
+    headerTitle?: string;
+    titleStyle?: StyleProp<TextStyle>;
+    leftImage?: ImageSourcePropType;
+    onPressLeft?: () => void;
+    leftIconStyle?: StyleProp<ImageStyle>;
+    rightImageOne?: ImageSourcePropType;
+    onPressRightOne?: () => void;
+    rightImageOneStyle?: StyleProp<ImageStyle>;
+    rightImageTwo?: ImageSourcePropType;
+    onPressRightTwo?: () => void;
+    rightImageTwoStyle?: StyleProp<ImageStyle>;
+    headerStyle?: StyleProp<ViewStyle>;
+};
+declare const AppHeader: (props: AppHeaderProps) => any;
 export default AppHeader;

package/dist/components/LinearGradientButton/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, } from "react-native";
+import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, Platform, } from "react-native";
 import LinearGradient from "react-native-linear-gradient";
 const LinearGradientButton = ({ title, onPress, loading = false, disabled = false, colors = ["#4c669f", "#3b5998", "#192f6a"], start = { x: 0, y: 0 }, end = { x: 1, y: 1 }, containerStyle, textStyle, height = 50, borderRadius = 12, }) => {
     const isDisabled = loading || disabled;
@@ -8,7 +8,7 @@ const LinearGradientButton = ({ title, onPress, loading = false, disabled = fals
             { opacity: isDisabled ? 0.6 : 1 },
             containerStyle,
         ] },
-        React.createElement(LinearGradient, { colors: colors, start: start, end: end, style: [styles.button, { height, borderRadius }] }, loading ? (React.createElement(ActivityIndicator, { color: "#fff", size: "small" })) : (React.createElement(Text, { style: [styles.text, textStyle] }, title)))));
+        React.createElement(LinearGradient, { colors: colors, start: start, end: end, style: [styles.button, { height, borderRadius }] }, loading ? (React.createElement(ActivityIndicator, { color: "#fff", size: "small" })) : (React.createElement(Text, { style: [styles.text, textStyle], numberOfLines: 1 }, title)))));
 };
 const styles = StyleSheet.create({
     container: {
@@ -17,13 +17,23 @@ const styles = StyleSheet.create({
     button: {
         justifyContent: "center",
         alignItems: "center",
-        paddingHorizontal: 12,
     },
     text: {
         color: "#fff",
         fontSize: 16,
         fontWeight: "600",
         textAlign: "center",
+        width: "100%",
+        position: "absolute",
+        ...Platform.select({
+            ios: {
+                lineHeight: 19,
+            },
+            android: {
+                textAlignVertical: "center",
+                includeFontPadding: false,
+            },
+        }),
     },
 });
 export default LinearGradientButton;

package/dist/components/Switch/index.js

@@ -1,43 +1,3 @@
-// import React, { useState } from "react";
-// import { View, Switch, StyleSheet } from "react-native";
-// import { Colors } from "../../styles";
-// // Switch component
-// const SwitchUI = ({
-//   isEnabled,
-//   onValueChange,
-// }: {
-//   isEnabled?: boolean;
-//   onValueChange?: (value: boolean) => void;
-// }) => {
-//   const [internalState, setInternalState] = useState(isEnabled ?? false);
-//   const toggleSwitch = () => {
-//     setInternalState((prev) => !prev);
-//     onValueChange && onValueChange(!internalState);
-//   };
-//   const value = isEnabled ?? internalState;
-//   return (
-//     <View
-//       style={[
-//         styles.container,
-//         { borderColor: value ? Colors.primaryColor : Colors.disabledGrey },
-//       ]}
-//     >
-//       <Switch
-//         trackColor={{ false: Colors.textGrey, true: Colors.appThemeColor }}
-//         style={{ transform: [{ scaleX: 0.8 }, { scaleY: 0.8 }] }}
-//         thumbColor={value ? Colors.black : Colors.disabledGrey}
-//         onValueChange={toggleSwitch}
-//         value={value}
-//       />
-//     </View>
-//   );
-// };
-// const styles = StyleSheet.create({
-//   container: {
-//     flex: 1,
-//   },
-// });
-// export default SwitchUI;
 import React, { useState } from "react";
 import { View, Switch, StyleSheet, } from "react-native";
 import { Colors } from "../../styles";
@@ -62,43 +22,3 @@ const styles = StyleSheet.create({
     },
 });
 export default SwitchUI;
-// import React, { useState } from "react";
-// import { View, Switch, StyleSheet } from "react-native";
-// import { Colors } from "../../styles";
-// // Switch component
-// const SwitchUI = ({
-//   isEnabled,
-//   onValueChange,
-// }: {
-//   isEnabled?: boolean;
-//   onValueChange?: (value: boolean) => void;
-// }) => {
-//   const [internalState, setInternalState] = useState(isEnabled ?? false);
-//   const toggleSwitch = () => {
-//     setInternalState((prev) => !prev);
-//     onValueChange && onValueChange(!internalState);
-//   };
-//   const value = isEnabled ?? internalState;
-//   return (
-//     <View
-//       style={[
-//         styles.container,
-//         { borderColor: value ? Colors.primaryColor : Colors.disabledGrey },
-//       ]}
-//     >
-//       <Switch
-//         trackColor={{ false: "grey", true: "green" }}
-//         style={{ transform: [{ scaleX: 0.8 }, { scaleY: 0.8 }] }}
-//         thumbColor={value ? Colors.primaryColor : Colors.disabledGrey}
-//         onValueChange={toggleSwitch}
-//         value={value}
-//       />
-//     </View>
-//   );
-// };
-// const styles = StyleSheet.create({
-//   container: {
-//     flex: 1,
-//   },
-// });
-// export default SwitchUI;

package/package.json

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