Changeset 79a0317 for imaps-frontend/node_modules/react-use/esm

Timestamp:

01/21/25 03:08:24 (3 months ago)

Author:

stefan toskovski <stefantoska84@…>

Branches:

main

Parents:

0c6b92a

Message:

F4 Finalna Verzija

Location:

imaps-frontend/node_modules/react-use/esm

Files:

• useWindowSize.d.ts (modified) (1 diff)
• useWindowSize.js (modified) (2 diffs)

imaps-frontend/node_modules/react-use/esm/useWindowSize.d.ts

@@ -1 @@
-declare const useWindowSize: (initialWidth?: number, initialHeight?: number) => {
+interface Options {
+    initialWidth?: number;
+    initialHeight?: number;
+    onChange?: (width: number, height: number) => void;
+}
+declare const useWindowSize: ({ initialWidth, initialHeight, onChange, }?: Options) => {
     width: number;
     height: number;

imaps-frontend/node_modules/react-use/esm/useWindowSize.js

@@ -2 +2 @@
 import useRafState from './useRafState';
 import { isBrowser, off, on } from './misc/util';
-var useWindowSize = function (initialWidth, initialHeight) {
-    if (initialWidth === void 0) { initialWidth = Infinity; }
-    if (initialHeight === void 0) { initialHeight = Infinity; }
-    var _a = useRafState({
+var useWindowSize = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.initialWidth, initialWidth = _c === void 0 ? Infinity : _c, _d = _b.initialHeight, initialHeight = _d === void 0 ? Infinity : _d, onChange = _b.onChange;
+    // Use the useRafState hook to maintain the current window size (width and height)
+    var _e = useRafState({
         width: isBrowser ? window.innerWidth : initialWidth,
         height: isBrowser ? window.innerHeight : initialHeight,
-    }), state = _a[0], setState = _a[1];
+    }), state = _e[0], setState = _e[1];
     useEffect(function () {
+        // Only run the effect on the browser (to avoid issues with SSR)
         if (isBrowser) {
             var handler_1 = function () {
+                var width = window.innerWidth;
+                var height = window.innerHeight;
+                // Update the state with the new window size
                 setState({
-                    width: window.innerWidth,
-                    height: window.innerHeight,
+                    width: width,
+                    height: height,
                 });
+                // If an onChange callback is provided, call it with the new dimensions
+                if (onChange)
+                    onChange(width, height);
             };
+            // Add event listener for the resize event
             on(window, 'resize', handler_1);
+            // Cleanup function to remove the event listener when the component is unmounted (it's for performance optimization)
             return function () {
                 off(window, 'resize', handler_1);
@@ -23 +32 @@
         }
     }, []);
+    // Return the current window size (width and height)
     return state;
 };