@convep_mobilogy/react-native-qms-plugin 0.1.10 → 0.2.1

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.
Files changed (5) hide show
  1. package/README.md +46 -55
  2. package/android/build.gradle +1 -2
  3. package/android/libs/qmsplugin-release.aar +0 -0
  4. package/package.json +1 -1
  5. package/src/QmsDashboardView.tsx +2 -2
package/README.md CHANGED
@@ -1,33 +1,38 @@
1
-
2
1
  # Welcome to @convep_mobilogy/react-native-qms-plugin
3
2
 
4
- A React Native plugin that provides ****native QMS (Quality Management System)**** components and APIs for defect management, dashboard visualization, and QMS workflow operations.
3
+ A React Native plugin that provides \***\*native QMS (Quality Management System)\*\*** components and APIs for defect management, dashboard visualization, and QMS workflow operations.
5
4
 
6
5
  ---
7
6
 
8
- # Installation
7
+ # Installation
9
8
 
10
9
  Install using npm:
10
+
11
11
  ```sh
12
12
  npm install @convep_mobilogy/react-native-qms-plugin
13
13
  ```
14
+
14
15
  Or using Yarn:
16
+
15
17
  ```sh
16
18
  yarn add @convep_mobilogy/react-native-qms-plugin
17
19
  ```
20
+
18
21
  ---
19
22
 
20
23
  # iOS Setup
24
+
21
25
  Autolinking should set up everything automatically.
26
+
22
27
  1. Navigate to your iOS folder:
23
28
 
24
29
  ```sh
25
30
  cd ios
26
31
  pod install
27
32
  ```
33
+
28
34
  ---
29
35
 
30
-
31
36
  # Android Setup
32
37
 
33
38
  Autolinking should set up everything automatically.
@@ -36,65 +41,51 @@ Autolinking should set up everything automatically.
36
41
 
37
42
  # Usage
38
43
 
39
-
40
-
41
44
  Below are simple examples to help you use each part of the plugin.
45
+
42
46
  ```tsx
43
- import React from 'react';
47
+ import React from 'react';
44
48
 
45
49
  import {
46
-
47
- StatusBar,
48
-
49
- useColorScheme,
50
-
51
- SafeAreaView,
52
-
53
- View,
54
-
55
- StyleSheet,
56
-
57
- } from 'react-native';
58
-
59
- import { QmsDashboardView } from '@convep_mobilogy/react-native-qms-plugin';
60
-
61
-
62
-
63
- export default function App() {
64
-
65
- const isDarkMode = useColorScheme() === 'dark';
66
-
67
- return (
68
-
69
- <SafeAreaView>
70
-
71
- <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
72
-
73
- <View style={styles.container}>
74
-
75
- <QmsDashboardView style={styles.container} />
76
-
77
- </View>
78
-
79
- </SafeAreaView>
80
-
81
- );
82
-
50
+ StatusBar,
51
+ useColorScheme,
52
+ SafeAreaView,
53
+ View,
54
+ StyleSheet,
55
+ } from 'react-native';
56
+
57
+ import { QmsDashboardView } from '@convep_mobilogy/react-native-qms-plugin';
58
+
59
+ export default function App() {
60
+ const isDarkMode = useColorScheme() === 'dark';
61
+ const clientID= '<ClientID>';
62
+ const userToken = '<UserToken>';
63
+ const clientCode='<CompanyCode>';
64
+ return (
65
+ <SafeAreaView>
66
+ <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
67
+
68
+ <View style={styles.container}>
69
+ <QmsDashboardView
70
+ style={styles.container}
71
+ clientID= {clientID}
72
+ clientCode={clientCode}
73
+ userToken={userToken}
74
+ />
75
+ </View>
76
+ </SafeAreaView>
77
+ );
83
78
  }
84
-
85
-
86
- const styles = StyleSheet.create({
87
-
88
- container: {
89
-
90
- flex: 1,
91
-
92
- },
93
79
 
80
+ const styles = StyleSheet.create({
81
+ container: {
82
+ flex: 1,
83
+ },
94
84
  });
95
- ```
85
+ ```
86
+
96
87
  ---
97
88
 
98
89
  # License
99
90
 
100
- MIT © Convep
91
+ MIT © Convep
package/android/build.gradle CHANGED
@@ -76,8 +76,7 @@ dependencies {
76
76
  implementation "com.facebook.react:react-android"
77
77
  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
78
78
  compileOnly "com.facebook.react:react-android:+"
79
- // implementation files('libs/qmsplugin-release.aar')
80
- implementation files('/Users/alypmustaqim/Desktop/qmsPlugin/qmsplugin/build/outputs/aar/qmsplugin-release.aar')
79
+ implementation files('libs/qmsplugin-release.aar')
81
80
  implementation "androidx.appcompat:appcompat:1.6.1"
82
81
  implementation "com.google.android.material:material:1.12.0"
83
82
  implementation "androidx.constraintlayout:constraintlayout:2.2.0"
package/android/libs/qmsplugin-release.aar CHANGED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@convep_mobilogy/react-native-qms-plugin",
3
- "version": "0.1.10",
3
+ "version": "0.2.1",
4
4
  "description": "To handle defect managment",
5
5
  "main": "./lib/module/index.js",
6
6
  "types": "./lib/typescript/src/index.d.ts",
package/src/QmsDashboardView.tsx CHANGED
@@ -5,9 +5,9 @@ import type { ViewStyle } from 'react-native';
5
5
 
6
6
  export type QmsDashboardProps = {
7
7
  style?: ViewStyle;
8
- clientID?: string; // use camelCase in JS
8
+ clientID?: string;
9
9
  clientCode?: string;
10
- userToken?: string; // avoid logging this
10
+ userToken?: string;
11
11
  };
12
12
 
13
13
  const NativeQmsDashboardView = requireNativeComponent<QmsDashboardProps>(