@jescon-technologies/react-native-ui-kit 0.0.9 → 0.0.10

package/index.js

@@ -1,3 +1,3 @@
 export { default as ErrorBoundary } from './src/Common/ErrorBoundary';
-export { default as AAlertIOS } from './Alerts/AAlertIOS';
-export { default as AAlert } from './Alerts/AAlert';
+export { default as AAlertIOS } from './src/Alerts/AAlertIOS';
+export { default as AAlert } from './src/Alerts/AAlert';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jescon-technologies/react-native-ui-kit",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "A React Native module for Jescon Technologies that provides react-native-ui-kit",
   "main": "index.js",
   "types": "index.d.ts",

package/src/Alerts/AAlert.tsx

@@ -144,7 +144,7 @@ const AAlert: React.FC<Props> = (props) => {
               borderRadius: normalize(50),
             }}
             resizeMode="stretch"
-            source={require('../../android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png')}
+            source={require('../../../../../android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png')}
           />
 
           <Icons.Entypo

package/src/Alerts/AAlertIOS.tsx

@@ -95,7 +95,7 @@ const AAlertIOS: React.FC<Props> = (props) => {
             alignSelf: 'flex-start',
           }}
           resizeMode="stretch"
-          source={require('../../android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png')}
+          source={require('../../../../../android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png')}
         />
 
         {/* Text content */}

package/src/CommonStyle/ComponentFunctions.tsx

@@ -13,7 +13,6 @@ import {
     View,
     Image,
 } from 'react-native';
-import Sound from 'react-native-sound';
 import NetInfo from '@react-native-community/netinfo';
 import { Global } from '../../../../../src/Common/Global';
 import { APIURL } from '../../../../../src/Common/apiConstants';
@@ -26,18 +25,6 @@ const {
 
 const scale = SCREEN_WIDTH / 320;
 
-export function getSound(code) {
-    Sound.setCategory('Playback');
-    const track = new Sound(code, Sound.MAIN_BUNDLE, (e) => {
-        if (e) {
-            console.log('error loading track:', e);
-        } else {
-            console.log('Playings');
-            track.play();
-        }
-    });
-}
-
 export function CButtonShadow() {
 
     const isAndroidBelow9 = Platform.OS === 'android' && Platform.Version < 28;

package/src/CustomComponents/CModalOverlay.tsx

@@ -0,0 +1,100 @@
+import React from 'react';
+import {
+  View,
+  Modal,
+  TouchableWithoutFeedback,
+  StyleSheet,
+  ScrollView,
+  SafeAreaView,
+  Dimensions,
+  ViewStyle,
+  StyleProp,
+} from 'react-native';
+
+const { height: SCREEN_HEIGHT } = Dimensions.get('window');
+
+interface CModalOverlayProps {
+  visible: boolean;
+  onClose?: () => void;
+  children: React.ReactNode;
+
+  closeOnTouchOutside?: boolean;
+
+  containerStyle?: StyleProp<ViewStyle>;
+  childrenWrapperStyle?: StyleProp<ViewStyle>;
+  contentStyle?: StyleProp<ViewStyle>;
+  footerStyle?: StyleProp<ViewStyle>;
+
+  footer?: React.ReactNode;
+}
+
+const CModalOverlay: React.FC<CModalOverlayProps> = ({
+  visible,
+  onClose,
+  children,
+  closeOnTouchOutside = true,
+  containerStyle,
+  childrenWrapperStyle,
+  contentStyle,
+  footer,
+  footerStyle,
+}) => {
+  if (!visible) return null;
+
+  return (
+    <Modal visible={visible} transparent statusBarTranslucent>
+      <SafeAreaView style={styles.safeArea}>
+        <View style={[styles.container, containerStyle]}>
+          {/* Background */}
+          <TouchableWithoutFeedback
+            disabled={!closeOnTouchOutside}
+            onPress={onClose}
+          >
+            <View style={styles.overlayBackground} />
+          </TouchableWithoutFeedback>
+
+          {/* Modal Content */}
+          <View style={[styles.childrenWrapper, childrenWrapperStyle]}>
+            <ScrollView
+              bounces={false}
+              showsVerticalScrollIndicator={false}
+              contentContainerStyle={[styles.content, contentStyle]}
+            >
+              {children}
+            </ScrollView>
+
+            {footer && <View style={footerStyle}>{footer}</View>}
+          </View>
+        </View>
+      </SafeAreaView>
+    </Modal>
+  );
+};
+
+const styles = StyleSheet.create({
+  overlayBackground: {
+    ...StyleSheet.absoluteFillObject,
+  },
+
+  safeArea: {
+    flex: 1,
+  },
+
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+
+  childrenWrapper: {
+    backgroundColor: '#fff',
+    borderRadius: 0,
+  },
+
+  content: {
+    flexGrow: 1,
+    maxHeight: SCREEN_HEIGHT,
+  },
+});
+
+export default CModalOverlay;