@convep_mobilogy/react-native-qms-plugin 0.1.5 → 0.1.7

package/README.md

@@ -1,3 +1,100 @@
-# QMS_RN
 
-QMS React Native plugin
+# Welcome to @convep_mobilogy/react-native-qms-plugin
+
+A React Native plugin that provides ****native QMS (Quality Management System)**** components and APIs for defect management, dashboard visualization, and QMS workflow operations.
+
+---
+
+#  Installation
+
+Install using npm:
+```sh
+npm install @convep_mobilogy/react-native-qms-plugin
+```
+Or using Yarn:
+```sh
+yarn add @convep_mobilogy/react-native-qms-plugin
+```
+---
+
+# iOS Setup
+Autolinking should set up everything automatically.
+1. Navigate to your iOS folder:
+
+```sh
+cd ios
+pod install
+```
+---
+
+ 
+# Android Setup
+
+Autolinking should set up everything automatically.
+
+---
+
+# Usage
+
+  
+
+Below are simple examples to help you use each part of the plugin.
+```tsx
+import  React  from  'react';
+
+import {
+
+StatusBar,
+
+useColorScheme,
+
+SafeAreaView,
+
+View,
+
+StyleSheet,
+
+} from  'react-native';
+
+import { QmsDashboardView } from  '@convep_mobilogy/react-native-qms-plugin';
+
+  
+
+export  default  function  App() {
+
+const  isDarkMode  =  useColorScheme() ===  'dark';
+
+return (
+
+<SafeAreaView>
+
+<StatusBar  barStyle={isDarkMode ? 'light-content' : 'dark-content'}  />
+
+<View  style={styles.container}>
+
+<QmsDashboardView  style={styles.container}  />
+
+</View>
+
+</SafeAreaView>
+
+);
+
+}
+  
+
+const  styles  =  StyleSheet.create({
+
+container: {
+
+flex:  1,
+
+},
+
+});
+```  
+---
+
+# License
+
+MIT © Convep

package/android/build.gradle

@@ -76,8 +76,8 @@ dependencies {
   implementation "com.facebook.react:react-android"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
   compileOnly "com.facebook.react:react-android:+"
-  // implementation files('libs/qmsplugin-release.aar')
-  implementation files('/Users/alypmustaqim/Desktop/qmsPlugin/qmsplugin/build/outputs/aar/qmsplugin-release.aar')
+  implementation files('libs/qmsplugin-release.aar')
+  // implementation files('/Users/alypmustaqim/Desktop/qmsPlugin/qmsplugin/build/outputs/aar/qmsplugin-release.aar')
   implementation "androidx.appcompat:appcompat:1.6.1"
   implementation "com.google.android.material:material:1.12.0"
   implementation "androidx.constraintlayout:constraintlayout:2.2.0"

package/lib/module/QmsDashboardView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","requireNativeComponent","Platform","jsx","_jsx","NativeQmsDashboardView","OS","QmsDashboardView","props"],"sourceRoot":"../../src","sources":["QmsDashboardView.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,EAAEC,QAAQ,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhE,MAAMC,sBAAsB,GAAGJ,sBAAsB,CACnDC,QAAQ,CAACI,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,cAC/C,CAAC;AAED,OAAO,MAAMC,gBAAiC,GAAIC,KAAK,IAAK;EAC1D,oBAAOJ,IAAA,CAACC,sBAAsB;IAAA,GAAKG;EAAK,CAAG,CAAC;AAC9C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","requireNativeComponent","Platform","jsx","_jsx","NativeQmsDashboardView","OS","QmsDashboardView","props"],"sourceRoot":"../../src","sources":["QmsDashboardView.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,EAAEC,QAAQ,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhE,MAAMC,sBAAsB,GAAGJ,sBAAsB,CACnDC,QAAQ,CAACI,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,cAC/C,CAAC;AAED,OAAO,MAAMC,gBAA6C,GAAIC,KAAK,IAAK;EACtE,oBAAOJ,IAAA,CAACC,sBAAsB;IAAA,GAAKG;EAAK,CAAG,CAAC;AAC9C,CAAC","ignoreList":[]}

package/lib/typescript/src/QmsDashboardView.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import type { ViewStyle } from 'react-native';
-type Props = {
+export type QmsDashboardProps = {
     style?: ViewStyle;
+    clientID?: string;
+    clientCode?: string;
+    userToken?: string;
 };
-export declare const QmsDashboardView: React.FC<Props>;
-export {};
+export declare const QmsDashboardView: React.FC<QmsDashboardProps>;
 //# sourceMappingURL=QmsDashboardView.d.ts.map

package/lib/typescript/src/QmsDashboardView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QmsDashboardView.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAMF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE5C,CAAC"}
+{"version":3,"file":"QmsDashboardView.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAExD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@convep_mobilogy/react-native-qms-plugin",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "To handle defect managment",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/QmsDashboardView.tsx

@@ -3,14 +3,17 @@ import React from 'react';
 import { requireNativeComponent, Platform } from 'react-native';
 import type { ViewStyle } from 'react-native';
 
-type Props = {
+export type QmsDashboardProps = {
   style?: ViewStyle;
+  clientID?: string;     // use camelCase in JS
+  clientCode?: string;
+  userToken?: string;    // avoid logging this
 };
 
-const NativeQmsDashboardView = requireNativeComponent<Props>(
+const NativeQmsDashboardView = requireNativeComponent<QmsDashboardProps>(
   Platform.OS === 'ios' ? 'QmsDashboardView' : 'QmsDashboard'
 );
 
-export const QmsDashboardView: React.FC<Props> = (props) => {
+export const QmsDashboardView: React.FC<QmsDashboardProps> = (props) => {
   return <NativeQmsDashboardView {...props} />;
 };