@tamagui/use-window-dimensions 1.0.1-beta.189 → 1.0.1-beta.190

package/dist/cjs/index.js

@@ -21,6 +21,7 @@ __export(src_exports, {
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(src_exports);
+var import_constants = require("@tamagui/constants");
 var import_react = require("react");
 var import_react_native = require("react-native");
 const initialValue = {
@@ -32,7 +33,7 @@ const initialValue = {
 function useWindowDimensions() {
   const [state, setState] = (0, import_react.useState)(initialValue);
   const current = (0, import_react_native.useWindowDimensions)();
-  (0, import_react.useLayoutEffect)(() => {
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
     setState(current);
   }, [current.height, current.width, current.fontScale, current.scale]);
   return state;

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import { useLayoutEffect, useState } from 'react'\nimport { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nconst initialValue: ScaledSize = {\n  fontScale: 1,\n  height: 800,\n  width: 600,\n  scale: 1,\n}\n\nexport function useWindowDimensions() {\n  const [state, setState] = useState(initialValue)\n  const current = useWindowDimensionsRN()\n\n  useLayoutEffect(() => {\n    setState(current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [current.height, current.width, current.fontScale, current.scale])\n\n  return state\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAC1C,0BAAyE;AAMzE,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAC/C,QAAM,cAAU,oBAAAA,qBAAsB;AAEtC,oCAAgB,MAAM;AACpB,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
+  "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nconst initialValue: ScaledSize = {\n  fontScale: 1,\n  height: 800,\n  width: 600,\n  scale: 1,\n}\n\nexport function useWindowDimensions() {\n  const [state, setState] = useState(initialValue)\n  const current = useWindowDimensionsRN()\n\n  useIsomorphicLayoutEffect(() => {\n    setState(current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [current.height, current.width, current.fontScale, current.scale])\n\n  return state\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;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,sBAAsB;AACpC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAC/C,QAAM,cAAU,oBAAAA,qBAAsB;AAEtC,kDAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
   "names": ["useWindowDimensionsRN"]
 }

package/dist/esm/index.js

@@ -1,4 +1,5 @@
-import { useLayoutEffect, useState } from "react";
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { useState } from "react";
 import { useWindowDimensions as useWindowDimensionsRN } from "react-native";
 const initialValue = {
   fontScale: 1,
@@ -9,7 +10,7 @@ const initialValue = {
 function useWindowDimensions() {
   const [state, setState] = useState(initialValue);
   const current = useWindowDimensionsRN();
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     setState(current);
   }, [current.height, current.width, current.fontScale, current.scale]);
   return state;

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import { useLayoutEffect, useState } from 'react'\nimport { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nconst initialValue: ScaledSize = {\n  fontScale: 1,\n  height: 800,\n  width: 600,\n  scale: 1,\n}\n\nexport function useWindowDimensions() {\n  const [state, setState] = useState(initialValue)\n  const current = useWindowDimensionsRN()\n\n  useLayoutEffect(() => {\n    setState(current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [current.height, current.width, current.fontScale, current.scale])\n\n  return state\n}\n"],
-  "mappings": "AAAA,SAAS,iBAAiB,gBAAgB;AAC1C,SAAqB,uBAAuB,6BAA6B;AAMzE,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,QAAM,UAAU,sBAAsB;AAEtC,kBAAgB,MAAM;AACpB,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
+  "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nconst initialValue: ScaledSize = {\n  fontScale: 1,\n  height: 800,\n  width: 600,\n  scale: 1,\n}\n\nexport function useWindowDimensions() {\n  const [state, setState] = useState(initialValue)\n  const current = useWindowDimensionsRN()\n\n  useIsomorphicLayoutEffect(() => {\n    setState(current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [current.height, current.width, current.fontScale, current.scale])\n\n  return state\n}\n"],
+  "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,sBAAsB;AACpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,QAAM,UAAU,sBAAsB;AAEtC,4BAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-window-dimensions",
-  "version": "1.0.1-beta.189",
+  "version": "1.0.1-beta.190",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -18,10 +18,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
+    "@tamagui/constants": "^1.0.1-beta.190",
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.189",
+    "@tamagui/build": "^1.0.1-beta.190",
     "@types/react": "^18.0.15",
     "react-native": "*"
   },

package/src/index.ts

@@ -1,4 +1,5 @@
-import { useLayoutEffect, useState } from 'react'
+import { useIsomorphicLayoutEffect } from '@tamagui/constants'
+import { useState } from 'react'
 import { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'
 
 /**
@@ -16,7 +17,7 @@ export function useWindowDimensions() {
   const [state, setState] = useState(initialValue)
   const current = useWindowDimensionsRN()
 
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     setState(current)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [current.height, current.width, current.fontScale, current.scale])