@koine/react 2.0.0-beta.73 → 2.0.0-beta.74

package/useUpdateEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from "react";
+export declare let useUpdateEffect: typeof useEffect;
+export default useUpdateEffect;

package/useUpdateEffect.js

@@ -0,0 +1,11 @@
+import { useEffect } from "react";
+import { useFirstMountState } from "./useFirstMountState";
+export let useUpdateEffect = (effect, deps) => {
+    const isFirstMount = useFirstMountState();
+    useEffect(() => {
+        if (!isFirstMount) {
+            return effect();
+        }
+    }, deps);
+};
+export default useUpdateEffect;

package/useWindowSize.d.ts

@@ -0,0 +1,3 @@
+import { debounce } from "@koine/utils";
+export declare let useWindowSize: (wait?: Parameters<typeof debounce>[1], immediate?: Parameters<typeof debounce>[2]) => readonly [number, number];
+export default useWindowSize;

package/useWindowSize.js

@@ -0,0 +1,20 @@
+import { useEffect, useState } from "react";
+import { debounce } from "@koine/utils";
+import { listenResize, listenResizeDebounced } from "@koine/dom";
+export let useWindowSize = (wait, immediate) => {
+    const [width, widthSet] = useState(0);
+    const [height, heightSet] = useState(0);
+    useEffect(() => {
+        const updateSize = () => {
+            widthSet(window.innerWidth);
+            heightSet(window.innerHeight);
+        };
+        const listener = wait
+            ? listenResizeDebounced(0, updateSize, wait, immediate)
+            : listenResize(updateSize);
+        updateSize();
+        return listener;
+    }, [wait, immediate]);
+    return [width, height];
+};
+export default useWindowSize;