@teamnhz/rn-ui-toolkit 1.4.0 → 1.4.2

package/dist/components/LinearGradientButton/index.js

@@ -3,13 +3,17 @@ import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, } from "react-na
 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;
-    return (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: onPress, disabled: isDisabled, style: [{ opacity: isDisabled ? 0.6 : 1, width: "100%" }, 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)))));
+    return (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: onPress, disabled: isDisabled, style: [
+            styles.container,
+            { 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)))));
 };
 const styles = StyleSheet.create({
+    container: {
+        alignSelf: "stretch",
+    },
     button: {
         justifyContent: "center",
         alignItems: "center",
@@ -19,6 +23,7 @@ const styles = StyleSheet.create({
         color: "#fff",
         fontSize: 16,
         fontWeight: "600",
+        textAlign: "center",
     },
 });
 export default LinearGradientButton;

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

@@ -1,9 +1,10 @@
 import React, { ReactNode } from "react";
-import { ModalProps } from "react-native-modal";
-type AppModalProps = Partial<ModalProps> & {
+import { ModalProps as RNModalProps } from "react-native";
+type AppModalProps = Partial<RNModalProps> & {
     children: ReactNode;
     closing: () => void;
     bkO?: number;
+    isVisible: boolean;
 };
-declare const Modals: ({ children, closing, bkO, ...props }: AppModalProps) => React.JSX.Element;
+declare const Modals: ({ children, closing, bkO, isVisible, animationType, ...props }: AppModalProps) => React.JSX.Element;
 export default Modals;

package/dist/components/Modal/index.js

@@ -1,33 +1,22 @@
 import React from "react";
-import Modal from "react-native-modal";
-// Base Modal Component customized for app needs
-const Modals = ({ children, closing, bkO = 0.5, ...props }) => (React.createElement(Modal, { backdropOpacity: bkO, animationInTiming: 400, animationOutTiming: 400, backdropTransitionOutTiming: 0, swipeDirection: ["down", "left", "right", "up"], onSwipeComplete: closing, onBackdropPress: closing, onBackButtonPress: closing, ...props }, children));
+import { Modal, View, StyleSheet, Dimensions, TouchableWithoutFeedback, } from "react-native";
+const { height: SCREEN_HEIGHT } = Dimensions.get("window");
+const Modals = ({ children, closing, bkO = 0.5, isVisible, animationType = "fade", ...props }) => {
+    return (React.createElement(Modal, { visible: isVisible, transparent: true, animationType: animationType, onRequestClose: closing, statusBarTranslucent: true, ...props },
+        React.createElement(TouchableWithoutFeedback, { onPress: closing },
+            React.createElement(View, { style: [styles.overlay, { backgroundColor: `rgba(0, 0, 0, ${bkO})` }] },
+                React.createElement(TouchableWithoutFeedback, null,
+                    React.createElement(View, { style: styles.contentContainer }, children))))));
+};
+const styles = StyleSheet.create({
+    overlay: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    contentContainer: {
+        maxHeight: SCREEN_HEIGHT * 0.9,
+        width: "90%",
+    },
+});
 export default Modals;
-// import React, { ReactNode } from 'react';
-// import Modal, { ModalProps } from 'react-native-modal';
-// type AppModalProps = Partial<ModalProps> & {
-//   children: ReactNode;
-//   closing: () => void;
-//   bkO?: number;
-// };
-// // Base Modal Component customized for app needs
-// const Modals = ({
-//   children,
-//   closing,
-//   bkO = 0.5,
-//   ...props
-// }: AppModalProps) => (
-//   <Modal
-//     backdropOpacity={bkO}
-//     animationInTiming={400}
-//     animationOutTiming={400}
-//     backdropTransitionOutTiming={0}
-//     swipeDirection={['down', 'left', 'right', 'up']}
-//     onSwipeComplete={closing}
-//     onBackdropPress={closing}
-//     onBackButtonPress={closing}
-//     {...props}>
-//     {children}
-//   </Modal>
-// );
-// export default Modals;

package/package.json

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