refactored

Author: dhewzulla

index.d.ts

@@ -15,10 +15,11 @@ declare module 'global-input-react' {
     }
 
     export function useGlobalInputApp(configData?:ConfigData|ConfigDataCreator, dependencies?:ReadonlyArray<any>):GlobalInputData;
-    
+    type OnFieldChangedFunction=(evt:FieldChanged)=>void;
+
     interface ConfigData {
         initData?:InitData|InitDataCreator;
-        onFieldChanged?:(evt:FieldChanged)=>void;
+        onFieldChanged?:OnFieldChangedFunction;
         options?:ConnectOptions;
     }
     interface ConnectOptions {
@@ -28,7 +29,10 @@ declare module 'global-input-react' {
         url?:string;        
     }
     interface FieldChanged {
-        field:FormField
+        field:FormField,
+        values:FieldValue[],
+        setFieldValueById:SetFieldValueByIdFunction,
+        setInitData:SetInitDataFunction
     }
     type InitDataCreator=()=>InitData;
 
@@ -39,14 +43,16 @@ declare module 'global-input-react' {
     interface FormOperation{
         onInput:(value:any) => void
     }
-
+    
+    type SetFieldValueByIdFunction=(fieldId:string, valueToSet:FieldValue)=>void;
+    type SetInitDataFunction=(initData:InitData,options?:ConnectOptions)=>void;
     interface GlobalInputData {
             mobileState:1|2|3|4|5;
             connectionCode:string;
             errorMessage:string;            
             mobile:object;           
             disconnect:()=>void;            
-            setInitData:(initData:InitData,options?:ConnectOptions)=>void; 
+            setInitData:SetInitDataFunction; 
             connectionMessage:React.FC<void>;
             values:FieldValue[];
             field:FormField;
@@ -56,7 +62,10 @@ declare module 'global-input-react' {
             WhenConnected:WhenFunction;
             WhenDisconnected:WhenFunction;
             WhenError:WhenFunction;
-            setFieldValueById:(fieldId:string, valueToSet:FieldValue)=>void;
+            DisplayMobileConnect:WhenFunction;
+            setFieldValueById:SetFieldValueByIdFunction;
+            setOnFieldChanged:(onFieldChanged:OnFieldChangedFunction)=>void;
+            initData:InitData;
     }
 
     type WhenFunction=(props:any)=>any;

package.json

@@ -49,27 +49,27 @@
     "@babel/register": "^7.11.5",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.0.4",
-    "@testing-library/react-hooks": "^3.4.1",
-    "@testing-library/user-event": "^12.1.6",
-    "babel-jest": "^26.3.0",
+    "@testing-library/react-hooks": "^3.4.2",
+    "@testing-library/user-event": "^12.1.7",
+    "babel-jest": "^26.5.0",
     "babel-loader": "^8.1.0",
     "eslint": "^7.10.0",
     "eslint-config-airbnb": "^18.2.0",
-    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-react": "^7.21.2",
     "eslint-plugin-react-hooks": "^4.1.2",
-    "jest-canvas-mock": "^2.2.0",
+    "jest-canvas-mock": "^2.3.0",
     "jest-dom": "^4.0.0",
-    "jest": "^26.4.2",
+    "jest": "^26.5.0",
     "prettier": "^2.1.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-test-renderer": "^16.13.1",
     "webpack": "^4.44.2"
   },
   "dependencies": {
-    "global-input-message": "^1.8.6",
+    "global-input-message": "^1.8.8",
     "qrcode.react": "^1.0.0"
   }
 }

src/DisplayCode.js

@@ -0,0 +1,7 @@
+import React from "react";
+import {MobileState} from './constants';
+
+
+
+
+