reactanimationonscreen - npm Package Compare versions

Comparing version 0.6.0 to 0.6.1

lib/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAgBA,iBAAS,WAAW,CAClB,SAAS,EAAE,MAAM,EACjB,kBAAkB,EAAE,MAAM,EAC1B,MAAM,SAAI,EACV,WAAW,CAAC,EAAE,OAAO,QAqCtB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAgBA,iBAAS,WAAW,CAClB,SAAS,EAAE,MAAM,EACjB,kBAAkB,EAAE,MAAM,EAC1B,MAAM,SAAI,EACV,WAAW,UAAO,QAoCnB;AAED,eAAe,WAAW,CAAC"}

lib/index.js

@@ -20,3 +20,3 @@ "use strict";
 }
-function useOnScreen(className, animationClassName, offset = 0, useDebounce) {
+function useOnScreen(className, animationClassName, offset = 0, useDebounce = true) {
     window.onload = () => {
@@ -28,3 +28,3 @@ let elements = [...document.getElementsByClassName(className)];
                     elements.forEach((element) => {
-                        if (element.classList.contains(animationClassName)) {
+                        if (!element.classList.contains(animationClassName)) {
                             if (element.getBoundingClientRect().top <
@@ -40,3 +40,3 @@ window.innerHeight - offset) {
                 elements.forEach((element) => {
-                    if (element.classList.contains(animationClassName)) {
+                    if (!element.classList.contains(animationClassName)) {
                         if (element.getBoundingClientRect().top <
@@ -50,3 +50,2 @@ window.innerHeight - offset) {
         };
-        return { trackedElements: elements };
     };
@@ -53,0 +52,0 @@ }

lib/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,SAAS,QAAQ,CAAa,IAAS,EAAE,IAAY,EAAE,SAAkB;IACvE,IAAI,OAAY,CAAC;IACjB,OAAO,GAAG,EAAE;QACV,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,IAAI,GAAG,SAAS,CAAC;QACrB,IAAI,KAAK,GAAG,GAAG,EAAE;YACf,OAAO,GAAG,IAAI,CAAC;YACf,IAAI,CAAC,SAAS;gBAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC5C,CAAC,CAAC;QACF,IAAI,OAAO,GAAG,SAAS,IAAI,CAAC,OAAO,CAAC;QACpC,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAClC,IAAI,OAAO;YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAClB,SAAiB,EACjB,kBAA0B,EAC1B,MAAM,GAAG,CAAC,EACV,WAAqB;IAErB,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;QACnB,IAAI,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC7B,IAAI,WAAW,EAAE;gBACf,QAAQ,CACN,CAAC,GAAG,EAAE;oBACJ,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;wBAC3B,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;4BAClD,IACE,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG;gCACnC,MAAM,CAAC,WAAW,GAAG,MAAM,EAC3B;gCACA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;6BAC3C;yBACF;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,EAAE,EACJ,GAAG,EACH,KAAK,CACN,CAAC;aACH;iBAAM;gBACL,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;oBAC3B,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;wBAClD,IACE,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG;4BACnC,MAAM,CAAC,WAAW,GAAG,MAAM,EAC3B;4BACA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;yBAC3C;qBACF;gBACH,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;QACF,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;IACvC,CAAC,CAAC;AACJ,CAAC;AAED,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,SAAS,QAAQ,CAAa,IAAS,EAAE,IAAY,EAAE,SAAkB;IACvE,IAAI,OAAY,CAAC;IACjB,OAAO,GAAG,EAAE;QACV,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,IAAI,GAAG,SAAS,CAAC;QACrB,IAAI,KAAK,GAAG,GAAG,EAAE;YACf,OAAO,GAAG,IAAI,CAAC;YACf,IAAI,CAAC,SAAS;gBAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC5C,CAAC,CAAC;QACF,IAAI,OAAO,GAAG,SAAS,IAAI,CAAC,OAAO,CAAC;QACpC,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAClC,IAAI,OAAO;YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAClB,SAAiB,EACjB,kBAA0B,EAC1B,MAAM,GAAG,CAAC,EACV,WAAW,GAAG,IAAI;IAElB,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;QACnB,IAAI,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC7B,IAAI,WAAW,EAAE;gBACf,QAAQ,CACN,CAAC,GAAG,EAAE;oBACJ,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;wBAC3B,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;4BACnD,IACE,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG;gCACnC,MAAM,CAAC,WAAW,GAAG,MAAM,EAC3B;gCACA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;6BAC3C;yBACF;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,EAAE,EACJ,GAAG,EACH,KAAK,CACN,CAAC;aACH;iBAAM;gBACL,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;oBAC3B,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;wBACnD,IACE,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG;4BACnC,MAAM,CAAC,WAAW,GAAG,MAAM,EAC3B;4BACA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;yBAC3C;qBACF;gBACH,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,kBAAe,WAAW,CAAC"}

package.json

 {
   "name": "reactanimationonscreen",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "React Animation On Screen is a custom hook to track if an element is on screen and apply some CSS to it.",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/index.ts

@@ -21,3 +21,3 @@ function debounce(this: void, func: any, wait: number, immediate: boolean) {
   offset = 0,
-  useDebounce?: boolean
+  useDebounce = true
 ) {
@@ -31,3 +31,3 @@ window.onload = () => {
             elements.forEach((element) => {
-              if (element.classList.contains(animationClassName)) {
+              if (!element.classList.contains(animationClassName)) {
                 if (
@@ -47,3 +47,3 @@ element.getBoundingClientRect().top <
         elements.forEach((element) => {
-          if (element.classList.contains(animationClassName)) {
+          if (!element.classList.contains(animationClassName)) {
             if (
@@ -59,3 +59,2 @@ element.getBoundingClientRect().top <
     };
-    return { trackedElements: elements };
   };
@@ -62,0 +61,0 @@ }

No alert changes

Worsened metrics

Total package byte prevSize

7594

-1.45%

Lines of code

129

-1.53%

No dependency changes