@uxf/core 1.9.2 → 1.10.3

package/README.md

@@ -71,7 +71,9 @@ useKeydownToMouseClick<HTMLDivElement>(innerRef, (e: KeyboardEvent) => e.key ===
 ```tsx
 import { useMinWindowWidth } from "@uxf/core/hooks/useMinWindowWidth";
 
-const isDesktop = useMinWindowWidth(992 /* desired min window width */, 1280 /* initial window width (optional) */);
+const isDesktop = useMinWindowWidth(1200);
+
+const example = isDesktop ? "desktop" : "tablet";
 ```
 
 ```ts
@@ -98,9 +100,18 @@ import { useUpdateEffect } from "@uxf/core/hooks/useUpdateEffect";
 useUpdateEffect(() => {/* code */}, [/* deps */]);
 ```
 ```tsx
+import { useWindowScroll } from "@uxf/core/hooks/useWindowScroll";
+
+const windowScroll = useWindowScroll();
+
+const example = windowScroll && windowScroll.y > 100 ? "scroled" : "on top";
+```
+```tsx
 import { useWindowSize } from "@uxf/core/hooks/useWindowSize";
 
-const { width, height } = useWindowSize(1280 /* initial window width (optional) */, 800 /* initial window height (optional) */);
+const windowSize = useWindowSize();
+
+const example = windowSize && windowSize.width > 1200 ? "desktop" : "tablet";
 ```
 
 ## Next

package/hooks/useMinWindowWidth.d.ts

@@ -1 +1 @@
-export declare function useMinWindowWidth(minWidth: number, initialWidth?: number): boolean;
+export declare function useMinWindowWidth(minWidth: number): boolean | undefined;

package/hooks/useMinWindowWidth.js

@@ -15,29 +15,23 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var lodash_debounce_1 = __importDefault(require("lodash.debounce"));
 var react_1 = require("react");
 var isBrowser_1 = require("../utils/isBrowser");
-var useIsMounted_1 = require("./useIsMounted");
 var useRafState_1 = require("./useRafState");
-function useMinWindowWidth(minWidth, initialWidth) {
-    if (initialWidth === void 0) { initialWidth = 1200; }
-    var _a = __read(useRafState_1.useRafState((isBrowser_1.isBrowser ? window.innerWidth : initialWidth) >= minWidth), 2), state = _a[0], setState = _a[1];
-    var isMounted = useIsMounted_1.useIsMounted();
+function useMinWindowWidth(minWidth) {
+    var _a = __read(useRafState_1.useRafState(undefined), 2), state = _a[0], setState = _a[1];
     react_1.useEffect(function () {
         if (isBrowser_1.isBrowser) {
-            var handler_1 = lodash_debounce_1.default(function () { return setState(window.innerWidth >= minWidth); }, 100);
+            var handler_1 = function () { return setState(window.innerWidth >= minWidth); };
+            handler_1();
             window.addEventListener("resize", handler_1);
             return function () {
                 window.removeEventListener("resize", handler_1);
             };
         }
-    }, []);
-    return isMounted ? state : false;
+    }, [minWidth, setState]);
+    return state;
 }
 exports.useMinWindowWidth = useMinWindowWidth;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTWluV2luZG93V2lkdGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlTWluV2luZG93V2lkdGgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsb0VBQXVDO0FBQ3ZDLCtCQUFrQztBQUNsQyxnREFBK0M7QUFDL0MsK0NBQThDO0FBQzlDLDZDQUE0QztBQUU1QyxTQUFnQixpQkFBaUIsQ0FBQyxRQUFnQixFQUFFLFlBQW1CO0lBQW5CLDZCQUFBLEVBQUEsbUJBQW1CO0lBQzdELElBQUEsaUhBQW9HLEVBQW5HLGFBQUssRUFBRSxnQkFBNEYsQ0FBQztJQUMzRyxJQUFNLFNBQVMsR0FBRywyQkFBWSxFQUFFLENBQUM7SUFFakMsaUJBQVMsQ0FBQztRQUNOLElBQUkscUJBQVMsRUFBRTtZQUNYLElBQU0sU0FBTyxHQUFHLHlCQUFRLENBQUMsY0FBTSxPQUFBLFFBQVEsQ0FBQyxNQUFNLENBQUMsVUFBVSxJQUFJLFFBQVEsQ0FBQyxFQUF2QyxDQUF1QyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBRTdFLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsU0FBTyxDQUFDLENBQUM7WUFDM0MsT0FBTztnQkFDSCxNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLFNBQU8sQ0FBQyxDQUFDO1lBQ2xELENBQUMsQ0FBQztTQUNMO0lBQ0wsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0FBQ3JDLENBQUM7QUFoQkQsOENBZ0JDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTWluV2luZG93V2lkdGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlTWluV2luZG93V2lkdGgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQWtDO0FBQ2xDLGdEQUErQztBQUMvQyw2Q0FBNEM7QUFFNUMsU0FBZ0IsaUJBQWlCLENBQUMsUUFBZ0I7SUFDeEMsSUFBQSxvREFBK0QsRUFBOUQsYUFBSyxFQUFFLGdCQUF1RCxDQUFDO0lBRXRFLGlCQUFTLENBQUM7UUFDTixJQUFJLHFCQUFTLEVBQUU7WUFDWCxJQUFNLFNBQU8sR0FBRyxjQUFNLE9BQUEsUUFBUSxDQUFDLE1BQU0sQ0FBQyxVQUFVLElBQUksUUFBUSxDQUFDLEVBQXZDLENBQXVDLENBQUM7WUFDOUQsU0FBTyxFQUFFLENBQUM7WUFFVixNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFNBQU8sQ0FBQyxDQUFDO1lBQzNDLE9BQU87Z0JBQ0gsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxTQUFPLENBQUMsQ0FBQztZQUNsRCxDQUFDLENBQUM7U0FDTDtJQUNMLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRXpCLE9BQU8sS0FBSyxDQUFDO0FBQ2pCLENBQUM7QUFoQkQsOENBZ0JDIn0=

package/hooks/useWindowScroll.d.ts

@@ -0,0 +1,4 @@
+export declare function useWindowScroll(): {
+    x: number;
+    y: number;
+} | undefined;

package/hooks/useWindowScroll.js

@@ -0,0 +1,45 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var isBrowser_1 = require("../utils/isBrowser");
+var useRafState_1 = require("./useRafState");
+function useWindowScroll() {
+    var _a = __read(useRafState_1.useRafState(undefined), 2), state = _a[0], setState = _a[1];
+    react_1.useEffect(function () {
+        if (isBrowser_1.isBrowser) {
+            var handler_1 = function () {
+                return setState({
+                    x: window.pageXOffset,
+                    y: window.pageYOffset,
+                });
+            };
+            handler_1();
+            window.addEventListener("scroll", handler_1, {
+                capture: false,
+                passive: true,
+            });
+            return function () {
+                window.removeEventListener("scroll", handler_1);
+            };
+        }
+    }, [setState]);
+    return state;
+}
+exports.useWindowScroll = useWindowScroll;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2luZG93U2Nyb2xsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3VzZVdpbmRvd1Njcm9sbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQkFBa0M7QUFDbEMsZ0RBQStDO0FBQy9DLDZDQUE0QztBQUU1QyxTQUFnQixlQUFlO0lBQ3JCLElBQUEsb0RBQWdGLEVBQS9FLGFBQUssRUFBRSxnQkFBd0UsQ0FBQztJQUV2RixpQkFBUyxDQUFDO1FBQ04sSUFBSSxxQkFBUyxFQUFFO1lBQ1gsSUFBTSxTQUFPLEdBQUc7Z0JBQ1osT0FBQSxRQUFRLENBQUM7b0JBQ0wsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxXQUFXO29CQUNyQixDQUFDLEVBQUUsTUFBTSxDQUFDLFdBQVc7aUJBQ3hCLENBQUM7WUFIRixDQUdFLENBQUM7WUFDUCxTQUFPLEVBQUUsQ0FBQztZQUVWLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsU0FBTyxFQUFFO2dCQUN2QyxPQUFPLEVBQUUsS0FBSztnQkFDZCxPQUFPLEVBQUUsSUFBSTthQUNoQixDQUFDLENBQUM7WUFDSCxPQUFPO2dCQUNILE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsU0FBTyxDQUFDLENBQUM7WUFDbEQsQ0FBQyxDQUFDO1NBQ0w7SUFDTCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRWYsT0FBTyxLQUFLLENBQUM7QUFDakIsQ0FBQztBQXZCRCwwQ0F1QkMifQ==

package/hooks/useWindowSize.d.ts

@@ -1,4 +1,4 @@
-export declare function useWindowSize(initialWidth?: number, initialHeight?: number): {
+export declare function useWindowSize(): {
     width: number;
     height: number;
-};
+} | undefined;

package/hooks/useWindowSize.js

@@ -19,28 +19,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var isBrowser_1 = require("../utils/isBrowser");
 var useRafState_1 = require("./useRafState");
-function useWindowSize(initialWidth, initialHeight) {
-    if (initialWidth === void 0) { initialWidth = Infinity; }
-    if (initialHeight === void 0) { initialHeight = Infinity; }
-    var _a = __read(useRafState_1.useRafState({
-        width: isBrowser_1.isBrowser ? window.innerWidth : initialWidth,
-        height: isBrowser_1.isBrowser ? window.innerHeight : initialHeight,
-    }), 2), state = _a[0], setState = _a[1];
+function useWindowSize() {
+    var _a = __read(useRafState_1.useRafState(undefined), 2), state = _a[0], setState = _a[1];
     react_1.useEffect(function () {
         if (isBrowser_1.isBrowser) {
             var handler_1 = function () {
-                setState({
+                return setState({
                     width: window.innerWidth,
                     height: window.innerHeight,
                 });
             };
+            handler_1();
             window.addEventListener("resize", handler_1);
             return function () {
                 window.removeEventListener("resize", handler_1);
             };
         }
-    }, []);
+    }, [setState]);
     return state;
 }
 exports.useWindowSize = useWindowSize;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2luZG93U2l6ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VXaW5kb3dTaXplLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtCQUFrQztBQUNsQyxnREFBK0M7QUFDL0MsNkNBQTRDO0FBRTVDLFNBQWdCLGFBQWEsQ0FBQyxZQUF1QixFQUFFLGFBQXdCO0lBQWpELDZCQUFBLEVBQUEsdUJBQXVCO0lBQUUsOEJBQUEsRUFBQSx3QkFBd0I7SUFDckUsSUFBQTs7O1VBR0osRUFISyxhQUFLLEVBQUUsZ0JBR1osQ0FBQztJQUVILGlCQUFTLENBQUM7UUFDTixJQUFJLHFCQUFTLEVBQUU7WUFDWCxJQUFNLFNBQU8sR0FBRztnQkFDWixRQUFRLENBQUM7b0JBQ0wsS0FBSyxFQUFFLE1BQU0sQ0FBQyxVQUFVO29CQUN4QixNQUFNLEVBQUUsTUFBTSxDQUFDLFdBQVc7aUJBQzdCLENBQUMsQ0FBQztZQUNQLENBQUMsQ0FBQztZQUVGLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsU0FBTyxDQUFDLENBQUM7WUFDM0MsT0FBTztnQkFDSCxNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLFNBQU8sQ0FBQyxDQUFDO1lBQ2xELENBQUMsQ0FBQztTQUNMO0lBQ0wsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxLQUFLLENBQUM7QUFDakIsQ0FBQztBQXZCRCxzQ0F1QkMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2luZG93U2l6ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VXaW5kb3dTaXplLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtCQUFrQztBQUNsQyxnREFBK0M7QUFDL0MsNkNBQTRDO0FBRTVDLFNBQWdCLGFBQWE7SUFDbkIsSUFBQSxvREFBeUYsRUFBeEYsYUFBSyxFQUFFLGdCQUFpRixDQUFDO0lBRWhHLGlCQUFTLENBQUM7UUFDTixJQUFJLHFCQUFTLEVBQUU7WUFDWCxJQUFNLFNBQU8sR0FBRztnQkFDWixPQUFBLFFBQVEsQ0FBQztvQkFDTCxLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVU7b0JBQ3hCLE1BQU0sRUFBRSxNQUFNLENBQUMsV0FBVztpQkFDN0IsQ0FBQztZQUhGLENBR0UsQ0FBQztZQUNQLFNBQU8sRUFBRSxDQUFDO1lBRVYsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxTQUFPLENBQUMsQ0FBQztZQUMzQyxPQUFPO2dCQUNILE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsU0FBTyxDQUFDLENBQUM7WUFDbEQsQ0FBQyxDQUFDO1NBQ0w7SUFDTCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRWYsT0FBTyxLQUFLLENBQUM7QUFDakIsQ0FBQztBQXBCRCxzQ0FvQkMifQ==

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@uxf/core",
-  "version": "1.9.2",
+  "version": "1.10.3",
   "description": "UXF Core",
   "author": "Petr Vejvoda <vejvoda@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/core#readme",
   "license": "ISC",
-  "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
-  "module": "dist/index.js",
+  "main": "index.js",
+  "typings": "index.d.ts",
+  "module": "index.js",
   "publishConfig": {
     "access": "public"
   },