@teamnhz/rn-ui-toolkit 1.0.2 → 1.0.3

package/dist/components/index.js

@@ -1,29 +1,29 @@
-export { default as Buttons } from './Buttons';
-export { default as Container } from './Container';
-export { default as Dividers } from './Dividers';
-export { default as Image } from './Image';
-export { default as Input } from './Input';
-export { default as Modal } from './Modal';
-export { default as Spinner } from './Spinner';
-export { default as T } from './T';
-export { default as FullSpinner } from './FullSpinner';
-export { default as ScrolledContainer } from './ScrolledContainer';
-export { default as MyStatusBar } from './MyStatusBar';
-export { default as Switch } from './Switch';
-export { default as DropDown } from './DropDown';
-export { default as CheckBox } from './CheckBox';
-export { default as RadioButton } from './RadioButton';
-export { default as DateTimePicker } from './DateTimePicker';
-export { default as VProgressSteps } from './VProgressSteps';
-export { default as HProgressSteps } from './HProgressSteps';
-export { default as VStack } from './VStack';
-export { default as HStack } from './HStack';
-export { default as Accordion } from './Accordion';
-export { default as VerticalFlatList } from './VerticalFlatList';
-export { default as HorizontalFlatList } from './HorizontalFlatList';
-export { default as Toast } from './Toast';
-export { default as BottomSheet } from './BottomSheet';
-export { default as ProgressBar } from './ProgressBar';
-export { default as DocumentPicker } from './DocumentPicker';
-export { default as ImagePicker } from './ImagePicker';
-export { default as AppHeader } from './AppHeader';
+export { default as Buttons } from "./Buttons";
+export { default as Container } from "./Container";
+export { default as Dividers } from "./Dividers";
+export { default as Image } from "./Image";
+export { default as Input } from "./Input";
+export { default as Modal } from "./Modal";
+export { default as Spinner } from "./Spinner";
+export { default as T } from "./T";
+export { default as FullSpinner } from "./FullSpinner";
+export { default as KeyboardScroll } from "./KeyboardScroll";
+export { default as MyStatusBar } from "./MyStatusBar";
+export { default as Switch } from "./Switch";
+export { default as DropDown } from "./DropDown";
+export { default as CheckBox } from "./CheckBox";
+export { default as RadioButton } from "./RadioButton";
+export { default as DateTimePicker } from "./DateTimePicker";
+export { default as VProgressSteps } from "./VProgressSteps";
+export { default as HProgressSteps } from "./HProgressSteps";
+export { default as VStack } from "./VStack";
+export { default as HStack } from "./HStack";
+export { default as Accordion } from "./Accordion";
+export { default as VerticalFlatList } from "./VerticalFlatList";
+export { default as HorizontalFlatList } from "./HorizontalFlatList";
+export { default as Toast } from "./Toast";
+export { default as BottomSheet } from "./BottomSheet";
+export { default as ProgressBar } from "./ProgressBar";
+export { default as DocumentPicker } from "./DocumentPicker";
+export { default as ImagePicker } from "./ImagePicker";
+export { default as AppHeader } from "./AppHeader";

package/dist/styles/colors.d.ts

@@ -28,5 +28,6 @@ declare const _default: {
     extraLightPurple: string;
     lightGreen: string;
     checkedColor: string;
+    appThemeColor: string;
 };
 export default _default;

package/dist/styles/colors.js

@@ -1,31 +1,32 @@
 export default {
-    background: '#ffffff',
-    white: 'white',
-    primaryColor: '#40BFFF',
-    darkBlue: '#062845',
-    linkColor: '#2e96f2',
-    textColor: '#223263',
-    textGrey: '#9098B1',
-    textLink: '#40BFFF',
-    textDanger: '#FB7181',
-    disabledGrey: '#d3d3d3',
-    dropOptionGrey: '#FAFAFA',
-    lightGrey: '#F4F4F4',
-    dividerColor: '#f5f5f5',
-    dangerRed: 'red',
-    iconGrey: '#7e7e7e',
-    mediumGrey: '#dcdcdc',
-    black: '#000000',
-    productDetailCardColor: '#FDFDFD',
-    starGold: '#F0B000',
-    verticalLineColor: '#D8D8D8',
-    borderGrey: '#EAEAEA',
-    brandGreyColor: '#808080',
-    videoPlayerbackground: '#323232',
-    visibleColor: '#9A9A9A',
-    primaryPurple: '#E6E6FA',
-    lightPurple: '#F3EDFD',
-    extraLightPurple: '#f8f5fc',
-    lightGreen: '#68c25d',
-    checkedColor: '#40BFFF'
+    background: "#ffffff",
+    white: "white",
+    primaryColor: "#40BFFF",
+    darkBlue: "#062845",
+    linkColor: "#2e96f2",
+    textColor: "#223263",
+    textGrey: "#9098B1",
+    textLink: "#40BFFF",
+    textDanger: "#FB7181",
+    disabledGrey: "#d3d3d3",
+    dropOptionGrey: "#FAFAFA",
+    lightGrey: "#F4F4F4",
+    dividerColor: "#f5f5f5",
+    dangerRed: "red",
+    iconGrey: "#7e7e7e",
+    mediumGrey: "#dcdcdc",
+    black: "#000000",
+    productDetailCardColor: "#FDFDFD",
+    starGold: "#F0B000",
+    verticalLineColor: "#D8D8D8",
+    borderGrey: "#EAEAEA",
+    brandGreyColor: "#808080",
+    videoPlayerbackground: "#323232",
+    visibleColor: "#9A9A9A",
+    primaryPurple: "#E6E6FA",
+    lightPurple: "#F3EDFD",
+    extraLightPurple: "#f8f5fc",
+    lightGreen: "#68c25d",
+    checkedColor: "#40BFFF",
+    appThemeColor: "#017F84",
 };

package/dist/styles/images.d.ts

@@ -5,5 +5,7 @@ declare const _default: {
     image_icon: any;
     cancel: any;
     video_icon: any;
+    ic_calendar: any;
+    ic_time: any;
 };
 export default _default;

package/dist/styles/images.js

@@ -5,11 +5,15 @@ import Eyeon from '../assets/images/eye_on.png';
 import image_icon from '../assets/images/image_icon.png';
 import video_icon from '../assets/images/video_icon.png';
 import cancel from '../assets/images/cancel.png';
+import ic_calendar from '../assets/images/ic_calendar.png';
+import ic_time from '../assets/images/ic_time.png';
 export default {
     GoogleIcon,
     Eyeoff,
     Eyeon,
     image_icon,
     cancel,
-    video_icon
+    video_icon,
+    ic_calendar,
+    ic_time
 };

package/package.json

@@ -1,38 +1,42 @@
 {
   "name": "@teamnhz/rn-ui-toolkit",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
   "scripts": {
     "build": "tsc && cpx \"src/**/*.json\" dist && cpx \"src/assets/images/*\" dist/assets/images",
     "prepare": "npm run build"
   },
   "peerDependencies": {
+    "@react-native-async-storage/async-storage": "^2.2.0",
+    "@react-native-documents/picker": "^10.1.5",
     "react": ">=19.0.0",
+    "react-i18next": "^15.7.2",
     "react-native": ">=0.77.2",
+    "react-native-date-picker": "^5.0.13",
+    "react-native-element-dropdown": "^2.12.4",
     "react-native-elements": "^3.4.3",
-    "react-native-vector-icons": "^10.3.0",
     "react-native-fast-image": "^8.6.3",
     "react-native-gesture-handler": "^2.26.0",
+    "react-native-image-crop-picker": "^0.42.0",
+    "react-native-image-picker": "^8.2.0",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
+    "react-native-modal": "^14.0.0-rc.1",
+    "react-native-permissions": "^4.1.5",
     "react-native-reanimated": "^3.17.5",
     "react-native-safe-area-context": "^5.6.1",
     "react-native-svg": "^15.12.1",
-    "react-native-modal": "^14.0.0-rc.1",
-    "react-native-date-picker": "^5.0.13",
-    "@react-native-async-storage/async-storage": "^2.2.0",
-    "react-i18next": "^15.7.2",
-    "react-native-element-dropdown": "^2.12.4",
-    "@react-native-documents/picker": "^10.1.5",
-    "react-native-permissions": "^4.1.5",
-    "react-native-video-trim": "^3.0.9",
-    "react-native-image-picker": "^8.2.0",
-    "react-native-image-crop-picker": "^0.42.0"
+    "react-native-vector-icons": "^10.3.0",
+    "react-native-video-trim": "^3.0.9"
   },
   "devDependencies": {
-    "typescript": "^5.9.2",
-     "@react-native-documents/picker": "^10.1.5",
-    "cpx": "^1.5.0"
+    "@react-native-documents/picker": "^10.1.5",
+    "cpx": "^1.5.0",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
+    "typescript": "^5.9.2"
   }
 }

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

@@ -1,13 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle } from 'react-native';
-type ScrolledContainerProps = {
-    children: ReactNode;
-    containerStyle?: ViewStyle;
-    safeEdgesTop?: boolean;
-    safeEdgesBottom?: boolean;
-    addPaddingTop?: boolean;
-    scrollEnabled?: boolean;
-    keyboardShouldPersistTaps?: 'always' | 'handled' | 'never';
-};
-declare const ScrolledContainer: ({ containerStyle, children, safeEdgesTop, safeEdgesBottom, addPaddingTop, scrollEnabled, keyboardShouldPersistTaps, }: ScrolledContainerProps) => React.JSX.Element;
-export default ScrolledContainer;

package/dist/components/ScrolledContainer/index.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { StyleSheet, Platform } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { Colors, Scale } from '../../styles';
-import { ScrollView } from 'react-native';
-const ScrolledContainer = ({ containerStyle, children, safeEdgesTop, safeEdgesBottom, addPaddingTop, scrollEnabled = true, keyboardShouldPersistTaps = 'handled', }) => {
-    const edges = ['left', 'right'];
-    if (safeEdgesTop)
-        edges.push('top');
-    if (safeEdgesBottom)
-        edges.push('bottom');
-    return (React.createElement(SafeAreaView, { edges: edges, style: styles.globalSafeAreaStyle },
-        React.createElement(ScrollView, { contentContainerStyle: [
-                styles.screen,
-                addPaddingTop && { paddingTop: Scale?.moderateScale(50) },
-                containerStyle,
-            ], showsVerticalScrollIndicator: false, scrollEnabled: scrollEnabled, keyboardShouldPersistTaps: keyboardShouldPersistTaps }, children)));
-};
-export default ScrolledContainer;
-const styles = StyleSheet.create({
-    globalSafeAreaStyle: {
-        flex: 1,
-        backgroundColor: Colors.background,
-        paddingBottom: Platform.OS === 'android' ? Scale?.moderateScale(10) : 0,
-    },
-    screen: {
-        flexGrow: 1, // makes ScrollView expand & scroll
-        paddingTop: Scale?.moderateScale(20),
-    },
-});