@jescon-technologies/react-native-ui-kit 0.0.16 → 0.0.17

package/index.d.ts

@@ -10,13 +10,27 @@ export { default as Navigation } from './src/Navigation/PageNavigation';
 export { default as SSearchBar } from './src/StaticComponents/SSearchBar';
 export { default as SDateTimePicker } from './src/StaticComponents/SDateTimePicker';
 export { default as CFooterView } from './src/CustomComponents/CFooterView';
+export { default as SDropDown } from './src/Components/SDropDown';
 export { default as CDetailView } from './src/CustomComponents/CDetailView';
+export { default as CModalOverlay } from './src/CustomComponents/CModalOverlay';
+export { default as CNetworkStatus } from './src/CustomComponents/CNetworkStatus';
+export { default as COverlay } from './src/CustomComponents/COverlay';
+export { default as Loader } from './src/Custom/Loader';
+export { default as CSliderMenu } from './src/Custom/CSliderMenu';
+export { default as OUserView } from './src/Custom/OUserView';
 export { default as CContainerView } from './src/CustomComponents/CContainerView';
 export { default as HeaderBlock } from './src/CustomComponents/HeaderBlock';
 export { default as HDashboard } from './src/Hoc/HDashboard';
 export { default as NetworkServiceCall } from './src/Common/NetworkServiceCall';
 export { default as useNotifications } from './src/Handlers/NotificationsContext';
+export { default as ResponseComponentContext, ResponseComponentProvider } from './src/Handlers/ResponseComponentContext';
+export type { ResponseComponentProviderProps, ResponseContextValue, ResponseJSON } from './src/Handlers/ResponseComponentContext';
 export * from './src/Navigation/useNavigation';
+export * from './src/Navigation/useIsFocused';
+export * from './src/Navigation/useFocusEffect';
 export { default as CBackHandler } from './src/CustomComponents/CBackHandler';
 export * from './src/CommonStyle/ComponentFunctions';
 export * from './src/CommonStyle/commonStyle';
+export * from './src/CommonStyle/componentStyle';
+export * from './src/CommonStyle/optionListStyles';
+export * from './src/CommonStyle/PopupStyle';

package/index.js

@@ -10,13 +10,26 @@ export { default as Navigation } from './src/Navigation/PageNavigation';
 export { default as SSearchBar } from './src/StaticComponents/SSearchBar';
 export { default as SDateTimePicker } from './src/StaticComponents/SDateTimePicker';
 export { default as CFooterView } from './src/CustomComponents/CFooterView';
+export { default as SDropDown } from './src/Components/SDropDown';
 export { default as CDetailView } from './src/CustomComponents/CDetailView';
+export { default as CModalOverlay } from './src/CustomComponents/CModalOverlay';
+export { default as CNetworkStatus } from './src/CustomComponents/CNetworkStatus';
+export { default as COverlay } from './src/CustomComponents/COverlay';
+export { default as Loader } from './src/Custom/Loader';
+export { default as CSliderMenu } from './src/Custom/CSliderMenu';
+export { default as OUserView } from './src/Custom/OUserView';
 export { default as CContainerView } from './src/CustomComponents/CContainerView';
 export { default as HeaderBlock } from './src/CustomComponents/HeaderBlock';
 export { default as HDashboard } from './src/Hoc/HDashboard';
 export { default as NetworkServiceCall } from './src/Common/NetworkServiceCall';
 export { default as useNotifications } from './src/Handlers/NotificationsContext';
+export { default as ResponseComponentContext, ResponseComponentProvider } from './src/Handlers/ResponseComponentContext';
 export * from './src/Navigation/useNavigation';
+export * from './src/Navigation/useIsFocused';
+export * from './src/Navigation/useFocusEffect';
 export { default as CBackHandler } from './src/CustomComponents/CBackHandler';
 export * from './src/CommonStyle/ComponentFunctions';
 export * from './src/CommonStyle/commonStyle';
+export * from './src/CommonStyle/componentStyle';
+export * from './src/CommonStyle/optionListStyles';
+export * from './src/CommonStyle/PopupStyle';

package/package.json

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

package/src/CommonStyle/PopupStyle.ts

@@ -0,0 +1,161 @@
+import { StyleSheet, ViewStyle, TextStyle } from 'react-native';
+import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
+import { colors } from '../CommonStyle/commonStyle';
+
+// ---------------------------------------------------------------------------
+// Helper factories
+// ---------------------------------------------------------------------------
+
+export function getSearchButtonStyle(backgroundcolor?: string): ViewStyle {
+  return {
+    ...ComponentStyles.searchButton,
+    width: '100%',
+    backgroundColor: backgroundcolor,
+  };
+}
+
+export function getListviewItem(selected?: boolean, borderbottomwidth?: boolean): ViewStyle {
+  return {
+    borderColor: '#DCDEDD',
+    borderWidth: borderbottomwidth ? 0 : 1,
+    borderBottomWidth: 1,
+    width: '100%',
+    borderRadius: 7,
+    backgroundColor: selected ? 'lightblue' : colors.color_DeselectBgCOlor,
+  };
+}
+
+export function getListviewItemText(selected?: boolean): TextStyle {
+  return {
+    ...ComponentStyles.select_TextStyle,
+    fontWeight: selected ? 'bold' : 'normal',
+    color: selected ? '#094485' : 'black',
+  };
+}
+
+export function getListviewItemText2(selected?: boolean): ViewStyle {
+  return {
+    // ...ComponentStyles.select_TextStyle,
+    // fontWeight: selected ? 'bold' : 'normal',
+    // color: selected ? '#094485' : 'black',
+    backgroundColor: selected ? '#ccd9ff' : 'white',
+  };
+}
+
+export function getPopupHeadingOption(width: number): ViewStyle {
+  return {
+    paddingBottom: 5,
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    width: width * 0.9,
+    margin: 5,
+  };
+}
+
+/**
+ * NOTE: `color` argument is not used by the current implementation — the
+ * returned `color` is hard-coded to `'darkblue'`. Signature kept for parity
+ * with callers; consider removing the parameter.
+ */
+export function getPopupHeadingOptionText(_color?: string): TextStyle {
+  return {
+    ...ComponentStyles.popup_heading,
+    color: 'darkblue',
+  };
+}
+
+export function getPopupContainerStyle(height: number): ViewStyle {
+  return {
+    borderRadius: 20,
+    height: height * 0.6,
+  };
+}
+
+/**
+ * NOTE: both `width` and `height` are unused in the current implementation.
+ * Signature kept for parity with callers; consider dropping parameters.
+ */
+export function getPopupTextAreaContainer(_width?: number, _height?: number): ViewStyle {
+  return {
+    justifyContent: 'center',
+    flex: 1,
+    alignItems: 'center',
+  };
+}
+
+export function getPopupTextAreaChildContainer(
+  _width: number,
+  height: number,
+  bordercolor: string
+): ViewStyle {
+  return {
+    flexDirection: 'row',
+    borderWidth: 1,
+    borderColor: bordercolor,
+    width: '80%',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    borderRadius: 7,
+    margin: height * 0.003,
+    marginBottom: height * 0.003,
+    height: height * 0.3,
+    // ⚠️ Duplicate `backgroundColor` — the second (`'#fff'`) wins.
+    // Preserved to match runtime behavior; remove one.
+    backgroundColor: '#fff',
+    marginTop: 0,
+  };
+}
+
+export function getPopupTextAreaStyle(_width: number, height: number): TextStyle {
+  return {
+    ...ComponentStyles.input_Text,
+    textAlignVertical: 'top',
+    width: '98%',
+    marginLeft: '1%',
+    padding: 0,
+    height: '100%',
+    marginBottom: -(height * 0.003),
+    fontSize: normalize(14),
+    fontWeight: 'bold',
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Static styles
+// ---------------------------------------------------------------------------
+
+const popupStyles = StyleSheet.create({
+  overlay_screen_listview_container: {
+    justifyContent: 'center',
+    marginBottom: 10,
+  },
+  overlay_screen_button_view: {
+    width: '99%',
+    marginTop: 20,
+    ...ComponentStyles.View_row_center,
+    justifyContent: 'space-around',
+  },
+  overlay_screen_small_button_style: {
+    borderRadius: 7,
+    height: normalize(40),
+    backgroundColor: '#eae5e5',
+    width: normalize(60),
+    ...ComponentStyles.View_col_center,
+  },
+  overlay_screen_big_button_style: {
+    backgroundColor: '#094485',
+    borderRadius: 7,
+    width: '100%',
+    marginBottom: 30,
+    height: 35,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  overlay_screen_button_text: {
+    fontSize: normalize(12),
+    fontWeight: '500',
+    color: 'black',
+  },
+});
+
+export default popupStyles;

package/src/CommonStyle/optionListStyles.ts

@@ -0,0 +1,191 @@
+import { StyleSheet, ViewStyle, TextStyle, ImageStyle } from 'react-native';
+import { Global } from '../../../../../src/Common/Global';
+import { colors, fontWeight } from './commonStyle';
+import { normalize } from './componentStyle';
+
+// ---------------------------------------------------------------------------
+// Static styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  profile_icon_container: {
+    height: '100%',
+    justifyContent: 'center',
+    flex: 2,
+  } as ViewStyle,
+  profile_icon_style: {
+    width: '100%',
+    height: '70%',
+    borderRadius: 0,
+    resizeMode: 'contain',
+  } as ImageStyle,
+  user_details_container: {
+    height: '100%',
+    justifyContent: 'center',
+    flex: 4,
+  } as ViewStyle,
+  logout_icon_container: {
+    height: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1,
+  } as ViewStyle,
+  logout_icon_style: {
+    width: '60%',
+    height: '40%',
+    borderRadius: 100,
+    resizeMode: 'contain',
+  } as ImageStyle,
+  option_menu_icon: {
+    width: 40,
+    height: 40,
+    marginLeft: 20,
+  } as ImageStyle,
+  option_submenu_icon: {
+    width: 30,
+    height: 30,
+    marginLeft: 15,
+    resizeMode: 'contain',
+  } as ImageStyle,
+  option_menu_text: {
+    marginLeft: 5,
+    fontSize: normalize(14),
+    fontWeight: '600',
+    color: '#fff',
+  } as TextStyle,
+  option_detail_help_url_icon: {
+    width: 20,
+    height: 20,
+    marginLeft: 15,
+    borderRadius: 100,
+    resizeMode: 'contain',
+  } as ImageStyle,
+  option_selection_container: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    flex: 4,
+  } as ViewStyle,
+  option_submenu_child_container: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignContent: 'center',
+    alignItems: 'center',
+    margin: 5,
+    borderRadius: 10,
+  } as ViewStyle,
+  option_menu_container: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignContent: 'center',
+    alignItems: 'center',
+    margin: 2,
+    height: 32,
+    borderRadius: 10,
+  } as ViewStyle,
+  option_block: {
+    flex: 1,
+    width: '100%',
+    backgroundColor: Global.AppTheme.primary_color,
+  } as ViewStyle,
+  option_error_msg: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 5,
+  } as ViewStyle,
+  usernameStyle: {
+    color: colors.color_usernameText,
+    fontSize: 16,
+    fontWeight: fontWeight.fontWeight_Bold,
+  } as TextStyle,
+  departmeNameStyle: {
+    color: '#C1C6D0',
+    fontSize: 12,
+  } as TextStyle,
+  dataListContainerStyle: {
+    justifyContent: 'flex-start',
+    flex: 1,
+    marginBottom: 20,
+    alignItems: 'flex-start',
+    paddingLeft: 5,
+    paddingTop: 5,
+  } as ViewStyle,
+});
+
+// ---------------------------------------------------------------------------
+// Helper factories
+// ---------------------------------------------------------------------------
+
+export function getOptionContainerStyle(height: number): ViewStyle {
+  return {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    elevation: 999,
+    alignItems: 'flex-start',
+    margin: 0,
+    zIndex: 10000,
+    backgroundColor: 'rgba(0, 0, 0, 0.10)',
+    justifyContent: 'flex-start',
+    height,
+  };
+}
+
+export function getOptionchildrenWrapperStyle(width: number, height: number): ViewStyle {
+  return {
+    backgroundColor: Global.AppTheme.primary_color,
+    width,
+    height,
+    margin: -20,
+  };
+}
+
+export function getOptionHeaderContainer(height: number): ViewStyle {
+  return {
+    backgroundColor: Global.AppTheme.primary_color,
+    flexDirection: 'row',
+    height: height * 0.1,
+    alignItems: 'flex-end',
+  };
+}
+
+export function getOptionMenu(width: number): ViewStyle {
+  return {
+    width: width * 0.85,
+    marginLeft: width * 0.02,
+    ...styles.option_menu_container,
+  };
+}
+
+export function getOptionSubmenuContainer(width: number): ViewStyle {
+  return { width: width * 0.85, marginLeft: width * 0.03 };
+}
+
+export function getOptionSubmenuChildContainer(width: number): ViewStyle {
+  return {
+    width: width * 0.82,
+    ...styles.option_submenu_child_container,
+    height: 30,
+  };
+}
+
+export function getOptionSubmenuText(width: number): TextStyle {
+  return {
+    marginLeft: 20,
+    fontSize: normalize(12),
+    fontWeight: '400',
+    color: '#fff',
+    width: width * 0.55,
+  };
+}
+
+export function getoptiondetailhelpurlContainer(width: number): ViewStyle {
+  return {
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+    flex: 1,
+    paddingRight: width * 0.02,
+  };
+}
+
+export default styles;