@jescon-technologies/react-native-ui-kit 0.0.18 → 0.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +0 -4
- package/index.js +0 -4
- package/package.json +1 -1
- package/src/Alerts/AAlert.tsx +1 -1
- package/src/Alerts/AAlertIOS.tsx +1 -1
- package/src/Common/ErrorBoundary.tsx +1 -2
- package/src/CommonStyle/ComponentFunctions.tsx +68 -36
- package/src/Components/SDropDown.tsx +31 -6
- package/src/Custom/CSliderMenu.tsx +14 -3
- package/src/Custom/Loader.tsx +1 -1
- package/src/Custom/OUserView.tsx +1 -1
- package/src/CustomComponents/CBackHandler.tsx +1 -1
- package/src/CustomComponents/CDetailView.tsx +1 -1
- package/src/CustomComponents/CNetworkStatus.tsx +1 -1
- package/src/CustomComponents/COverlay.tsx +1 -1
- package/src/CustomComponents/HeaderBlock.tsx +1 -1
- package/src/Hoc/HDashboard.tsx +1 -1
- package/src/StaticComponents/SDateTimePicker.tsx +1 -1
- package/src/StaticComponents/SSearchBar.tsx +1 -1
- package/src/CommonStyle/PopupStyle.ts +0 -161
- package/src/CommonStyle/commonStyle.tsx +0 -101
- package/src/CommonStyle/componentStyle.ts +0 -651
- package/src/CommonStyle/optionListStyles.ts +0 -191
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import { StyleSheet, ViewStyle, TextStyle } from 'react-native';
|
|
2
|
-
import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
|
|
3
|
-
import { colors } from '../CommonStyle/commonStyle';
|
|
4
|
-
|
|
5
|
-
// ---------------------------------------------------------------------------
|
|
6
|
-
// Helper factories
|
|
7
|
-
// ---------------------------------------------------------------------------
|
|
8
|
-
|
|
9
|
-
export function getSearchButtonStyle(backgroundcolor?: string): ViewStyle {
|
|
10
|
-
return {
|
|
11
|
-
...ComponentStyles.searchButton,
|
|
12
|
-
width: '100%',
|
|
13
|
-
backgroundColor: backgroundcolor,
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export function getListviewItem(selected?: boolean, borderbottomwidth?: boolean): ViewStyle {
|
|
18
|
-
return {
|
|
19
|
-
borderColor: '#DCDEDD',
|
|
20
|
-
borderWidth: borderbottomwidth ? 0 : 1,
|
|
21
|
-
borderBottomWidth: 1,
|
|
22
|
-
width: '100%',
|
|
23
|
-
borderRadius: 7,
|
|
24
|
-
backgroundColor: selected ? 'lightblue' : colors.color_DeselectBgCOlor,
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export function getListviewItemText(selected?: boolean): TextStyle {
|
|
29
|
-
return {
|
|
30
|
-
...ComponentStyles.select_TextStyle,
|
|
31
|
-
fontWeight: selected ? 'bold' : 'normal',
|
|
32
|
-
color: selected ? '#094485' : 'black',
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export function getListviewItemText2(selected?: boolean): ViewStyle {
|
|
37
|
-
return {
|
|
38
|
-
// ...ComponentStyles.select_TextStyle,
|
|
39
|
-
// fontWeight: selected ? 'bold' : 'normal',
|
|
40
|
-
// color: selected ? '#094485' : 'black',
|
|
41
|
-
backgroundColor: selected ? '#ccd9ff' : 'white',
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export function getPopupHeadingOption(width: number): ViewStyle {
|
|
46
|
-
return {
|
|
47
|
-
paddingBottom: 5,
|
|
48
|
-
flexDirection: 'row',
|
|
49
|
-
justifyContent: 'space-around',
|
|
50
|
-
width: width * 0.9,
|
|
51
|
-
margin: 5,
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* NOTE: `color` argument is not used by the current implementation — the
|
|
57
|
-
* returned `color` is hard-coded to `'darkblue'`. Signature kept for parity
|
|
58
|
-
* with callers; consider removing the parameter.
|
|
59
|
-
*/
|
|
60
|
-
export function getPopupHeadingOptionText(_color?: string): TextStyle {
|
|
61
|
-
return {
|
|
62
|
-
...ComponentStyles.popup_heading,
|
|
63
|
-
color: 'darkblue',
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export function getPopupContainerStyle(height: number): ViewStyle {
|
|
68
|
-
return {
|
|
69
|
-
borderRadius: 20,
|
|
70
|
-
height: height * 0.6,
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* NOTE: both `width` and `height` are unused in the current implementation.
|
|
76
|
-
* Signature kept for parity with callers; consider dropping parameters.
|
|
77
|
-
*/
|
|
78
|
-
export function getPopupTextAreaContainer(_width?: number, _height?: number): ViewStyle {
|
|
79
|
-
return {
|
|
80
|
-
justifyContent: 'center',
|
|
81
|
-
flex: 1,
|
|
82
|
-
alignItems: 'center',
|
|
83
|
-
};
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
export function getPopupTextAreaChildContainer(
|
|
87
|
-
_width: number,
|
|
88
|
-
height: number,
|
|
89
|
-
bordercolor: string
|
|
90
|
-
): ViewStyle {
|
|
91
|
-
return {
|
|
92
|
-
flexDirection: 'row',
|
|
93
|
-
borderWidth: 1,
|
|
94
|
-
borderColor: bordercolor,
|
|
95
|
-
width: '80%',
|
|
96
|
-
justifyContent: 'flex-start',
|
|
97
|
-
alignItems: 'center',
|
|
98
|
-
borderRadius: 7,
|
|
99
|
-
margin: height * 0.003,
|
|
100
|
-
marginBottom: height * 0.003,
|
|
101
|
-
height: height * 0.3,
|
|
102
|
-
// ⚠️ Duplicate `backgroundColor` — the second (`'#fff'`) wins.
|
|
103
|
-
// Preserved to match runtime behavior; remove one.
|
|
104
|
-
backgroundColor: '#fff',
|
|
105
|
-
marginTop: 0,
|
|
106
|
-
};
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
export function getPopupTextAreaStyle(_width: number, height: number): TextStyle {
|
|
110
|
-
return {
|
|
111
|
-
...ComponentStyles.input_Text,
|
|
112
|
-
textAlignVertical: 'top',
|
|
113
|
-
width: '98%',
|
|
114
|
-
marginLeft: '1%',
|
|
115
|
-
padding: 0,
|
|
116
|
-
height: '100%',
|
|
117
|
-
marginBottom: -(height * 0.003),
|
|
118
|
-
fontSize: normalize(14),
|
|
119
|
-
fontWeight: 'bold',
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
// ---------------------------------------------------------------------------
|
|
124
|
-
// Static styles
|
|
125
|
-
// ---------------------------------------------------------------------------
|
|
126
|
-
|
|
127
|
-
const popupStyles = StyleSheet.create({
|
|
128
|
-
overlay_screen_listview_container: {
|
|
129
|
-
justifyContent: 'center',
|
|
130
|
-
marginBottom: 10,
|
|
131
|
-
},
|
|
132
|
-
overlay_screen_button_view: {
|
|
133
|
-
width: '99%',
|
|
134
|
-
marginTop: 20,
|
|
135
|
-
...ComponentStyles.View_row_center,
|
|
136
|
-
justifyContent: 'space-around',
|
|
137
|
-
},
|
|
138
|
-
overlay_screen_small_button_style: {
|
|
139
|
-
borderRadius: 7,
|
|
140
|
-
height: normalize(40),
|
|
141
|
-
backgroundColor: '#eae5e5',
|
|
142
|
-
width: normalize(60),
|
|
143
|
-
...ComponentStyles.View_col_center,
|
|
144
|
-
},
|
|
145
|
-
overlay_screen_big_button_style: {
|
|
146
|
-
backgroundColor: '#094485',
|
|
147
|
-
borderRadius: 7,
|
|
148
|
-
width: '100%',
|
|
149
|
-
marginBottom: 30,
|
|
150
|
-
height: 35,
|
|
151
|
-
alignItems: 'center',
|
|
152
|
-
justifyContent: 'center',
|
|
153
|
-
},
|
|
154
|
-
overlay_screen_button_text: {
|
|
155
|
-
fontSize: normalize(12),
|
|
156
|
-
fontWeight: '500',
|
|
157
|
-
color: 'black',
|
|
158
|
-
},
|
|
159
|
-
});
|
|
160
|
-
|
|
161
|
-
export default popupStyles;
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
export const colors = {
|
|
2
|
-
color_Header: '#0E2F56',
|
|
3
|
-
color_dark_grey: '#606266',
|
|
4
|
-
color_StatusBar: '#0E2F56',
|
|
5
|
-
color_BorderColor: 'gray',
|
|
6
|
-
color_Background_color: '#ebecf0',
|
|
7
|
-
|
|
8
|
-
// Audio
|
|
9
|
-
color_audio_minimumTrackTintColor: '#606266',
|
|
10
|
-
color_audio_maximumTrackTintColor: '#de6a31',
|
|
11
|
-
|
|
12
|
-
// Profile card
|
|
13
|
-
color_profilecard_heading1: '#0C4F60',
|
|
14
|
-
color_profilecard_heading2: '#0C4F60',
|
|
15
|
-
color_hiddenitem_bg_color: 'lightgray',
|
|
16
|
-
|
|
17
|
-
// Error Component
|
|
18
|
-
color_alertCaptionText: '#0C4F60',
|
|
19
|
-
color_errorMoreButton: '#008de6',
|
|
20
|
-
|
|
21
|
-
// Online status
|
|
22
|
-
color_Status_online: '#17A589',
|
|
23
|
-
color_Status_offline: '#E74C3C',
|
|
24
|
-
color_Status_busy: '#D4AC0D',
|
|
25
|
-
color_MenuBorderColor: '#051094',
|
|
26
|
-
color_MenuText: '#0E2F56',
|
|
27
|
-
color_SubmenuBorderColor: '#0F52BA',
|
|
28
|
-
color_submenuText: '#0E4D92',
|
|
29
|
-
color_usernameText: '#fff',
|
|
30
|
-
|
|
31
|
-
// Button
|
|
32
|
-
color_button: '#4682B4',
|
|
33
|
-
color_buttonText: '#fff',
|
|
34
|
-
color_InActiveButton: 'lightgray',
|
|
35
|
-
color_error_msg_Text: 'red',
|
|
36
|
-
|
|
37
|
-
// Tabpage
|
|
38
|
-
color_tabpageBgcolor: '#fff',
|
|
39
|
-
color_tabpageActiveText: '#3e5877',
|
|
40
|
-
color_tabpageActiveTab: '#566d88',
|
|
41
|
-
color_tabpageInActiveText: 'gray',
|
|
42
|
-
color_tabpagePressColor: '#b6c0cc',
|
|
43
|
-
color_tabpageProfileCardBgcolor: '#ABB2B9',
|
|
44
|
-
|
|
45
|
-
// Popup
|
|
46
|
-
color_PopupHeadingText: '#0C4F60',
|
|
47
|
-
color_SelectText: '#0C4F60',
|
|
48
|
-
color_DeselectText: 'gray',
|
|
49
|
-
color_SelectBgColor: 'whitesmoke',
|
|
50
|
-
color_DeselectBgCOlor: '#fff',
|
|
51
|
-
|
|
52
|
-
// Radio Button
|
|
53
|
-
color_SelectRadioBgcolor: 'whitesmoke',
|
|
54
|
-
color_DeselectRadioBgcolor: 'white',
|
|
55
|
-
color_SelectRadioBordercolor: '#0E2F56',
|
|
56
|
-
colorDeselectRadioBordercolor: 'gray',
|
|
57
|
-
color_RadioInnerBgcolor: 'steelblue',
|
|
58
|
-
|
|
59
|
-
// Component
|
|
60
|
-
color_componentBgcolor: 'whitesmoke',
|
|
61
|
-
color_componentText: '#0C4F60',
|
|
62
|
-
color_componentBordercolor: '#606266',
|
|
63
|
-
color_BorderColor_error: '#CD5C5C',
|
|
64
|
-
color_editedindication_Border: '#428AF8',
|
|
65
|
-
color_editedindicationbgcolor: '#F1C40F',
|
|
66
|
-
|
|
67
|
-
// Template status
|
|
68
|
-
color_TemplateDefaultData: '#FFCAED',
|
|
69
|
-
color_RetrieveData: '#F24095',
|
|
70
|
-
color_AddData: 'aqua',
|
|
71
|
-
color_ClassificationData: 'gray',
|
|
72
|
-
|
|
73
|
-
// Result Report
|
|
74
|
-
color_resulttext_high: 'red',
|
|
75
|
-
color_resulttext_low: 'blue',
|
|
76
|
-
color_resulttext_normal: '#283747',
|
|
77
|
-
} as const;
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Optional: typed color keys helper
|
|
81
|
-
*/
|
|
82
|
-
export type ColorKeys = keyof typeof colors;
|
|
83
|
-
|
|
84
|
-
export const fontWeight = {
|
|
85
|
-
fontWeight_Normal: 'normal',
|
|
86
|
-
fontWeight_Bold: 'bold',
|
|
87
|
-
fontWeight_100: '100',
|
|
88
|
-
fontWeight_200: '200',
|
|
89
|
-
fontWeight_300: '300',
|
|
90
|
-
fontWeight_400: '400',
|
|
91
|
-
fontWeight_500: '500',
|
|
92
|
-
fontWeight_600: '600',
|
|
93
|
-
fontWeight_700: '700',
|
|
94
|
-
fontWeight_800: '800',
|
|
95
|
-
fontWeight_900: '900',
|
|
96
|
-
} as const;
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
* Optional type helper
|
|
100
|
-
*/
|
|
101
|
-
export type FontWeightKeys = keyof typeof fontWeight;
|