@codeleap/web 1.0.0 → 1.0.1

package/dist/lib/hooks.d.ts

@@ -5,4 +5,5 @@ declare type UseClickOutsideOpts = {
     deps: any[];
 };
 export declare function useClickOutside(callback: AnyFunction, { customId, deps }: UseClickOutsideOpts): any;
+export declare function useScrollEffect(effect: (passed: boolean, current: number) => any, breakpoint: number): void;
 export {};

package/dist/lib/hooks.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickOutside = exports.useWindowSize = void 0;
+exports.useScrollEffect = exports.useClickOutside = exports.useWindowSize = void 0;
 var common_1 = require("@codeleap/common");
 var react_1 = require("react");
 var uuid_1 = require("uuid");
@@ -46,4 +46,17 @@ function useClickOutside(callback, _a) {
     return id;
 }
 exports.useClickOutside = useClickOutside;
+function useScrollEffect(effect, breakpoint) {
+    function handleScroll() {
+        var passed = window.scrollY > breakpoint;
+        effect(passed, window.scrollY);
+    }
+    (0, common_1.onUpdate)(function () {
+        document.addEventListener('scroll', handleScroll);
+        return function () {
+            document.removeEventListener('scroll', handleScroll);
+        };
+    }, [breakpoint]);
+}
+exports.useScrollEffect = useScrollEffect;
 //# sourceMappingURL=hooks.js.map

package/dist/lib/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyD;AACzD,+BAA0C;AAC1C,6BAAuB;AACvB,SAAgB,aAAa;IACrB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAjE,IAAI,QAAA,EAAE,OAAO,QAAoD,CAAA;IAExE,SAAS,YAAY;QACnB,OAAO,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC;AAfD,sCAeC;AAGD,SAAgB,eAAe,CAAC,QAAqB,EAAE,EAA2C;QAA1C,QAAQ,cAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IACzE,IAAM,EAAE,GAAG,IAAA,cAAM,EAAC,QAAQ,IAAI,IAAA,SAAE,GAAE,CAAC,CAAC,OAAO,CAAA;IAE3C,SAAS,OAAO,CAAC,CAAO;QACtB,IAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QAC3C,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAA;QAEnD,IAAI,CAAC,QAAQ,EAAC;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC3C,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAChD,CAAC,CAAA;IACH,CAAC,kCAAM,IAAI,UAAE,OAAO,UAAE,CAAA;IAEtB,OAAO,EAAE,CAAA;AACX,CAAC;AApBD,0CAoBC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyD;AACzD,+BAA0C;AAC1C,6BAAuB;AACvB,SAAgB,aAAa;IACrB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAjE,IAAI,QAAA,EAAE,OAAO,QAAoD,CAAA;IAExE,SAAS,YAAY;QACnB,OAAO,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC;AAfD,sCAeC;AAGD,SAAgB,eAAe,CAAC,QAAqB,EAAE,EAA2C;QAA1C,QAAQ,cAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IACzE,IAAM,EAAE,GAAG,IAAA,cAAM,EAAC,QAAQ,IAAI,IAAA,SAAE,GAAE,CAAC,CAAC,OAAO,CAAA;IAE3C,SAAS,OAAO,CAAC,CAAO;QACtB,IAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QAC3C,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAA;QAEnD,IAAI,CAAC,QAAQ,EAAC;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC3C,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAChD,CAAC,CAAA;IACH,CAAC,kCAAM,IAAI,UAAE,OAAO,UAAE,CAAA;IAEtB,OAAO,EAAE,CAAA;AACX,CAAC;AApBD,0CAoBC;AAED,SAAgB,eAAe,CAC7B,MAAiD,EACjD,UAAkB;IAElB,SAAS,YAAY;QACnB,IAAM,MAAM,GAAG,MAAM,CAAC,OAAO,GAAG,UAAU,CAAA;QAC1C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACjD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;AAClB,CAAC;AAfD,0CAeC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "git@github.com:codeleap-uk/codeleap-lib.git",

package/src/lib/hooks.ts

@@ -40,3 +40,20 @@ export function useClickOutside(callback: AnyFunction, {customId, deps = []} : U
 
   return id
 }
+
+export function useScrollEffect(
+  effect: (passed: boolean, current: number) => any,
+  breakpoint: number,
+) {
+  function handleScroll() {
+    const passed = window.scrollY > breakpoint
+    effect(passed, window.scrollY)
+  }
+
+  onUpdate(() => {
+    document.addEventListener('scroll', handleScroll)
+    return () => {
+      document.removeEventListener('scroll', handleScroll)
+    }
+  }, [breakpoint])
+}