@tamagui/use-window-dimensions 1.21.4 → 1.22.0

package/dist/cjs/index.js

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
+  configureInitialWindowDimensions: () => configureInitialWindowDimensions,
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(src_exports);
@@ -30,18 +31,25 @@ const initialValue = {
   width: 600,
   scale: 1
 };
-function useWindowDimensions() {
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}
+function useWindowDimensions({ initial }) {
   const current = (0, import_react_native.useWindowDimensions)();
-  if (process.env.TAMAGUI_TARGET != "web")
+  if (process.env.TAMAGUI_TARGET != "web") {
     return current;
-  const [state, setState] = (0, import_react.useState)(initialValue);
+  }
+  const [state, setState] = (0, import_react.useState)(
+    initial ? { ...initialValue, ...initial } : initialValue
+  );
   (0, import_constants.useIsomorphicLayoutEffect)(() => {
     setState(current);
-  }, [current.height, current.width, current.fontScale, current.scale]);
+  }, Object.values(current));
   return state;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  configureInitialWindowDimensions,
   useWindowDimensions
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;AAC1C,mBAAyB;AACzB,0BAGO;AAMP,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,cAAU,oBAAAA,qBAAsB;AAEtC,MAAI,QAAQ,IAAI,kBAAkB;AAAO,WAAO;AAEhD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAE/C,kDAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;AAC1C,mBAAyB;AACzB,0BAAyE;AAMzE,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,iCAAiC,MAA2B;AAC1E,SAAO,OAAO,cAAc,IAAI;AAClC;AAEO,SAAS,oBAAoB,EAAE,QAAQ,GAAsC;AAClF,QAAM,cAAU,oBAAAA,qBAAsB;AAEtC,MAAI,QAAQ,IAAI,kBAAkB,OAAO;AACvC,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,OAAO,QAAQ,QAAI;AAAA,IACxB,UAAU,EAAE,GAAG,cAAc,GAAG,QAAQ,IAAI;AAAA,EAC9C;AAEA,kDAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAClB,GAAG,OAAO,OAAO,OAAO,CAAC;AAEzB,SAAO;AACT;",
   "names": ["useWindowDimensionsRN"]
 }

package/dist/esm/index.js

@@ -1,25 +1,30 @@
 import { useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { useState } from "react";
-import {
-  useWindowDimensions as useWindowDimensionsRN
-} from "react-native";
+import { useWindowDimensions as useWindowDimensionsRN } from "react-native";
 const initialValue = {
   fontScale: 1,
   height: 800,
   width: 600,
   scale: 1
 };
-function useWindowDimensions() {
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}
+function useWindowDimensions({ initial }) {
   const current = useWindowDimensionsRN();
-  if (process.env.TAMAGUI_TARGET != "web")
+  if (process.env.TAMAGUI_TARGET != "web") {
     return current;
-  const [state, setState] = useState(initialValue);
+  }
+  const [state, setState] = useState(
+    initial ? { ...initialValue, ...initial } : initialValue
+  );
   useIsomorphicLayoutEffect(() => {
     setState(current);
-  }, [current.height, current.width, current.fontScale, current.scale]);
+  }, Object.values(current));
   return state;
 }
 export {
+  configureInitialWindowDimensions,
   useWindowDimensions
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB;AAAA,EAEE,uBAAuB;AAAA,OAClB;AAMP,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,UAAU,sBAAsB;AAEtC,MAAI,QAAQ,IAAI,kBAAkB;AAAO,WAAO;AAEhD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAE/C,4BAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB,SAAqB,uBAAuB,6BAA6B;AAMzE,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,iCAAiC,MAA2B;AAC1E,SAAO,OAAO,cAAc,IAAI;AAClC;AAEO,SAAS,oBAAoB,EAAE,QAAQ,GAAsC;AAClF,QAAM,UAAU,sBAAsB;AAEtC,MAAI,QAAQ,IAAI,kBAAkB,OAAO;AACvC,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IACxB,UAAU,EAAE,GAAG,cAAc,GAAG,QAAQ,IAAI;AAAA,EAC9C;AAEA,4BAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAClB,GAAG,OAAO,OAAO,OAAO,CAAC;AAEzB,SAAO;AACT;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -1,25 +1,30 @@
 import { useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { useState } from "react";
-import {
-  useWindowDimensions as useWindowDimensionsRN
-} from "react-native";
+import { useWindowDimensions as useWindowDimensionsRN } from "react-native";
 const initialValue = {
   fontScale: 1,
   height: 800,
   width: 600,
   scale: 1
 };
-function useWindowDimensions() {
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}
+function useWindowDimensions({ initial }) {
   const current = useWindowDimensionsRN();
-  if (process.env.TAMAGUI_TARGET != "web")
+  if (process.env.TAMAGUI_TARGET != "web") {
     return current;
-  const [state, setState] = useState(initialValue);
+  }
+  const [state, setState] = useState(
+    initial ? { ...initialValue, ...initial } : initialValue
+  );
   useIsomorphicLayoutEffect(() => {
     setState(current);
-  }, [current.height, current.width, current.fontScale, current.scale]);
+  }, Object.values(current));
   return state;
 }
 export {
+  configureInitialWindowDimensions,
   useWindowDimensions
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB;AAAA,EAEE,uBAAuB;AAAA,OAClB;AAMP,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,UAAU,sBAAsB;AAEtC,MAAI,QAAQ,IAAI,kBAAkB;AAAO,WAAO;AAEhD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAE/C,4BAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB,SAAqB,uBAAuB,6BAA6B;AAMzE,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,iCAAiC,MAA2B;AAC1E,SAAO,OAAO,cAAc,IAAI;AAClC;AAEO,SAAS,oBAAoB,EAAE,QAAQ,GAAsC;AAClF,QAAM,UAAU,sBAAsB;AAEtC,MAAI,QAAQ,IAAI,kBAAkB,OAAO;AACvC,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IACxB,UAAU,EAAE,GAAG,cAAc,GAAG,QAAQ,IAAI;AAAA,EAC9C;AAEA,4BAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAClB,GAAG,OAAO,OAAO,OAAO,CAAC;AAEzB,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-window-dimensions",
-  "version": "1.21.4",
+  "version": "1.22.0",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -26,10 +26,10 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.21.4"
+    "@tamagui/constants": "1.22.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.21.4",
+    "@tamagui/build": "1.22.0",
     "@types/react": "^18.0.15",
     "react": "^18.2.0",
     "react-native": "^0.71.7"

package/src/index.ts

@@ -1,9 +1,6 @@
 import { useIsomorphicLayoutEffect } from '@tamagui/constants'
 import { useState } from 'react'
-import {
-  ScaledSize,
-  useWindowDimensions as useWindowDimensionsRN
-} from 'react-native'
+import { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'
 
 /**
  * SSR safe useWindowDimensions
@@ -16,17 +13,24 @@ const initialValue: ScaledSize = {
   scale: 1,
 }
 
-export function useWindowDimensions() {
+export function configureInitialWindowDimensions(next: Partial<ScaledSize>) {
+  Object.assign(initialValue, next)
+}
+
+export function useWindowDimensions({ initial }: { initial?: Partial<ScaledSize> }) {
   const current = useWindowDimensionsRN()
-  
-  if (process.env.TAMAGUI_TARGET != 'web') return current
-  
-  const [state, setState] = useState(initialValue)
+
+  if (process.env.TAMAGUI_TARGET != 'web') {
+    return current
+  }
+
+  const [state, setState] = useState(
+    initial ? { ...initialValue, ...initial } : initialValue
+  )
 
   useIsomorphicLayoutEffect(() => {
     setState(current)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [current.height, current.width, current.fontScale, current.scale])
+  }, Object.values(current))
 
   return state
 }

package/types/index.d.ts

@@ -1,3 +1,6 @@
 import { ScaledSize } from 'react-native';
-export declare function useWindowDimensions(): ScaledSize;
+export declare function configureInitialWindowDimensions(next: Partial<ScaledSize>): void;
+export declare function useWindowDimensions({ initial }: {
+    initial?: Partial<ScaledSize>;
+}): ScaledSize;
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EAEX,MAAM,cAAc,CAAA;AAarB,wBAAgB,mBAAmB,eAalC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAgD,MAAM,cAAc,CAAA;AAavF,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,QAEzE;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAAE,cAgBjF"}