global-input-react - npm Package Compare versions

Comparing version 4.3.10 to 4.4.0

dist/globalinput.js

@@ -482,3 +482,3 @@ "use strict";
 
-const displayQRCode = (codeContent, level, size, label, maxSize, marginTop, marginLeft) => {
+const displayQRCode = (codeContent, level, size, label, maxSize, vspace, hspace) => {
   if (!codeContent || size === 0) {
@@ -503,4 +503,4 @@ return null;
       maxSize: maxSize,
-      marginTop: marginTop,
-      marginLeft: marginLeft
+      vspace: vspace,
+      hspace: hspace
     }), label);
@@ -516,4 +516,4 @@ }
   maxSize,
-  marginTop,
-  marginLeft
+  vspace,
+  hspace
 }) => {
@@ -527,5 +527,5 @@ const [size, setSize] = (0, _react.useState)(0);
         if (window.innerWidth < window.innerHeight) {
-          size = window.innerWidth - marginLeft;
+          size = window.innerWidth - hspace;
         } else {
-          size = window.innerHeight - marginTop;
+          size = window.innerHeight - vspace;
         }
@@ -532,0 +532,0 @@ }

dist/index.js

@@ -130,4 +130,4 @@ "use strict";
     maxSize = 400,
-    marginTop = 90,
-    marginLeft = 10
+    vspace = 130,
+    hspace = 50
   }) => {
@@ -146,3 +146,3 @@ if (isLoading) {
 
-    return globalInput.displayQRCode(connectionCode, level, size, label, maxSize, marginTop, marginLeft);
+    return globalInput.displayQRCode(connectionCode, level, size, label, maxSize, vspace, hspace);
   }, [connectionCode, isReady, isLoading]);
@@ -155,4 +155,4 @@ const PairingQR = (0, _react.useCallback)(({
     maxSize = 400,
-    marginTop = 90,
-    marginLeft = 10
+    vspace = 130,
+    hspace = 50
   }) => {
@@ -173,3 +173,3 @@ if (isLoading) {
 
-    return globalInput.displayQRCode(pairingCode, level, size, label, maxSize, marginTop, marginLeft);
+    return globalInput.displayQRCode(pairingCode, level, size, label, maxSize, vspace, hspace);
   }, [isReady, isLoading]);
@@ -176,0 +176,0 @@ return {

index.d.ts

@@ -53,4 +53,4 @@ import React from 'react';
     maxSize?: number;
-    marginTop?: number;
-    marginLeft?: number;
+    vspace?: number;
+    hspace?: number;
 };
@@ -57,0 +57,0 @@ export interface GlobalInputData {

package.json

 {
   "name": "global-input-react",
-  "version": "4.3.10",
+  "version": "4.4.0",
   "description": "global input react component",
@@ -75,2 +75,2 @@ "main": "./dist/index",
   }
-}
+}

src/globalinput.js

@@ -352,3 +352,3 @@
 
-export const displayQRCode = (codeContent, level, size, label, maxSize, marginTop, marginLeft) => {
+export const displayQRCode = (codeContent, level, size, label, maxSize, vspace, hspace) => {
     if ((!codeContent) || size === 0) {
@@ -368,3 +368,3 @@ return null;
             <div style={styles.qrCode}>
-                <ResizeQRCode value={codeContent} level={level} maxSize={maxSize} marginTop={marginTop} marginLeft={marginLeft} />
+                <ResizeQRCode value={codeContent} level={level} maxSize={maxSize} vspace={vspace} hspace={hspace} />
                 {label}
@@ -376,3 +376,3 @@ </div>
 
-const ResizeQRCode = ({ value, level, maxSize, marginTop, marginLeft }) => {
+const ResizeQRCode = ({ value, level, maxSize, vspace, hspace }) => {
     const [size, setSize] = useState(0);
@@ -384,6 +384,6 @@ useEffect(() => {
                 if (window.innerWidth < window.innerHeight) {
-                    size = window.innerWidth - marginLeft;
+                    size = window.innerWidth - hspace;
                 }
                 else {
-                    size = window.innerHeight - marginTop;
+                    size = window.innerHeight - vspace;
                 }
@@ -390,0 +390,0 @@ }

src/index.js

@@ -95,3 +95,3 @@ import * as globalInput from './globalinput';
 
-    const ConnectQR = useCallback(({ level = 'H', size, label = globalInput.qrCodeLabel, loading = globalInput.loading, maxSize = 400, marginTop = 90, marginLeft = 10 }) => {
+    const ConnectQR = useCallback(({ level = 'H', size, label = globalInput.qrCodeLabel, loading = globalInput.loading, maxSize = 400, vspace = 130, hspace = 50 }) => {
         if (isLoading) {
@@ -106,5 +106,5 @@ return loading;
         }
-        return globalInput.displayQRCode(connectionCode, level, size, label, maxSize, marginTop, marginLeft);
+        return globalInput.displayQRCode(connectionCode, level, size, label, maxSize, vspace, hspace);
     }, [connectionCode, isReady, isLoading]);
-    const PairingQR = useCallback(({ level = 'H', size, label = globalInput.qrCodeLabel, loading = globalInput.loading, maxSize = 400, marginTop = 90, marginLeft = 10 }) => {
+    const PairingQR = useCallback(({ level = 'H', size, label = globalInput.qrCodeLabel, loading = globalInput.loading, maxSize = 400, vspace = 130, hspace = 50 }) => {
         if (isLoading) {
@@ -120,3 +120,3 @@ return loading;
         }
-        return globalInput.displayQRCode(pairingCode, level, size, label, maxSize, marginTop, marginLeft);
+        return globalInput.displayQRCode(pairingCode, level, size, label, maxSize, vspace, hspace);
     }, [isReady, isLoading]);
@@ -123,0 +123,0 @@

No alert changes

Worsened metrics

Total package byte prevSize

1254818

decreased by-0.02%

No dependency changes