@oneplatformdev/hooks 0.1.0-15 → 0.1.0-151

package/useWindowSize/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useWindowSize';
+//# sourceMappingURL=index.d.ts.map

package/useWindowSize/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useWindowSize/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/useWindowSize/index.js

@@ -0,0 +1,4 @@
+import { useWindowSize as i } from "./useWindowSize.js";
+export {
+  i as useWindowSize
+};

package/useWindowSize/useWindowSize.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Represent the dimension of the window.
+ * @template T - The type of the dimension (number or undefined).
+ */
+type WindowSize<T extends number | undefined = number | undefined> = {
+    /** The width of the window. */
+    width: T;
+    /** The height of the window. */
+    height: T;
+};
+/**
+ * Hook options.
+ * @template InitializeWithValue - If `true` (default), the hook will initialize reading the window size. In SSR, you should set it to `false`, returning `undefined` initially.
+ */
+type UseWindowSizeOptions<InitializeWithValue extends boolean | undefined> = {
+    /**
+     * If `true` (default), the hook will initialize reading the window size. In SSR, you should set it to `false`, returning `undefined` initially.
+     * @default true
+     */
+    initializeWithValue: InitializeWithValue;
+    /**
+     * The delay in milliseconds before the state is updated (disabled by default for retro-compatibility).
+     * @default undefined
+     */
+    debounceDelay?: number;
+};
+export declare function useWindowSize(options: UseWindowSizeOptions<false>): WindowSize;
+export declare function useWindowSize(options?: Partial<UseWindowSizeOptions<true>>): WindowSize<number>;
+export {};
+//# sourceMappingURL=useWindowSize.d.ts.map

package/useWindowSize/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/useWindowSize/useWindowSize.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,IAAI;IACnE,+BAA+B;IAC/B,KAAK,EAAE,CAAC,CAAA;IACR,gCAAgC;IAChC,MAAM,EAAE,CAAC,CAAA;CACV,CAAA;AAED;;;GAGG;AACH,KAAK,oBAAoB,CAAC,mBAAmB,SAAS,OAAO,GAAG,SAAS,IAAI;IAC3E;;;OAGG;IACH,mBAAmB,EAAE,mBAAmB,CAAA;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAKD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,CAAC,KAAK,CAAC,GAAG,UAAU,CAAA;AAE/E,wBAAgB,aAAa,CAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,GAC5C,UAAU,CAAC,MAAM,CAAC,CAAA"}

package/useWindowSize/useWindowSize.js

@@ -0,0 +1,31 @@
+import { useState as r } from "react";
+import { useDebounceCallback as u } from "../useDebounceCallback/useDebounceCallback.js";
+import { useEventListener as w } from "../useEventListener/useEventListener.js";
+import { useIsomorphicLayoutEffect as h } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+const s = typeof window > "u";
+function m(e = {}) {
+  let { initializeWithValue: i = !0 } = e;
+  s && (i = !1);
+  const [o, t] = r(() => i ? {
+    width: window.innerWidth,
+    height: window.innerHeight
+  } : {
+    width: void 0,
+    height: void 0
+  }), d = u(
+    t,
+    e.debounceDelay
+  );
+  function n() {
+    (e.debounceDelay ? d : t)({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+  }
+  return w("resize", n), h(() => {
+    n();
+  }, []), o;
+}
+export {
+  m as useWindowSize
+};