@tamagui/use-window-dimensions 1.14.0 → 1.14.2

package/dist/cjs/index.js

@@ -1,2 +1,47 @@
-"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var i in t)s(e,i,{get:t[i],enumerable:!0})},S=(e,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of m(t))!f.call(e,o)&&o!==i&&s(e,o,{get:()=>t[o],enumerable:!(n=u(t,o))||n.enumerable});return e};var d=e=>S(s({},"__esModule",{value:!0}),e);var w={};l(w,{useWindowDimensions:()=>p});module.exports=d(w);var r=require("@tamagui/constants"),c=require("react"),a=require("react-native");const h={fontScale:1,height:800,width:600,scale:1};function p(){const e=(0,a.useWindowDimensions)();if(process.env.TAMAGUI_TARGET!="web")return e;const[t,i]=(0,c.useState)(h);return(0,r.useIsomorphicLayoutEffect)(()=>{i(e)},[e.height,e.width,e.fontScale,e.scale]),t}0&&(module.exports={useWindowDimensions});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__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 = {
+  fontScale: 1,
+  height: 800,
+  width: 600,
+  scale: 1
+};
+function useWindowDimensions() {
+  const current = (0, import_react_native.useWindowDimensions)();
+  if (process.env.TAMAGUI_TARGET != "web")
+    return current;
+  const [state, setState] = (0, import_react.useState)(initialValue);
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    setState(current);
+  }, [current.height, current.width, current.fontScale, current.scale]);
+  return state;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useWindowDimensions
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport {\n  ScaledSize,\n  useWindowDimensions as useWindowDimensionsRN\n} 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 current = useWindowDimensionsRN()\n  \n  if (process.env.TAMAGUI_TARGET != 'web') return current\n  \n  const [state, setState] = useState(initialValue)\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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,8BAC1CC,EAAyB,iBACzBC,EAGO,wBAMP,MAAMC,EAA2B,CAC/B,UAAW,EACX,OAAQ,IACR,MAAO,IACP,MAAO,CACT,EAEO,SAASL,GAAsB,CACpC,MAAMM,KAAU,EAAAC,qBAAsB,EAEtC,GAAI,QAAQ,IAAI,gBAAkB,MAAO,OAAOD,EAEhD,KAAM,CAACE,EAAOC,CAAQ,KAAI,YAASJ,CAAY,EAE/C,sCAA0B,IAAM,CAC9BI,EAASH,CAAO,CAElB,EAAG,CAACA,EAAQ,OAAQA,EAAQ,MAAOA,EAAQ,UAAWA,EAAQ,KAAK,CAAC,EAE7DE,CACT",
-  "names": ["src_exports", "__export", "useWindowDimensions", "__toCommonJS", "import_constants", "import_react", "import_react_native", "initialValue", "current", "useWindowDimensionsRN", "state", "setState"]
+  "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;",
+  "names": ["useWindowDimensionsRN"]
 }

package/dist/esm/index.js

@@ -1,2 +1,25 @@
-import{useIsomorphicLayoutEffect as o}from"@tamagui/constants";import{useState as s}from"react";import{useWindowDimensions as n}from"react-native";const r={fontScale:1,height:800,width:600,scale:1};function f(){const e=n();if(process.env.TAMAGUI_TARGET!="web")return e;const[t,i]=s(r);return o(()=>{i(e)},[e.height,e.width,e.fontScale,e.scale]),t}export{f as useWindowDimensions};
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { useState } from "react";
+import {
+  useWindowDimensions as useWindowDimensionsRN
+} from "react-native";
+const initialValue = {
+  fontScale: 1,
+  height: 800,
+  width: 600,
+  scale: 1
+};
+function useWindowDimensions() {
+  const current = useWindowDimensionsRN();
+  if (process.env.TAMAGUI_TARGET != "web")
+    return current;
+  const [state, setState] = useState(initialValue);
+  useIsomorphicLayoutEffect(() => {
+    setState(current);
+  }, [current.height, current.width, current.fontScale, current.scale]);
+  return state;
+}
+export {
+  useWindowDimensions
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport {\n  ScaledSize,\n  useWindowDimensions as useWindowDimensionsRN\n} 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 current = useWindowDimensionsRN()\n  \n  if (process.env.TAMAGUI_TARGET != 'web') return current\n  \n  const [state, setState] = useState(initialValue)\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,OAAS,6BAAAA,MAAiC,qBAC1C,OAAS,YAAAC,MAAgB,QACzB,OAEE,uBAAuBC,MAClB,eAMP,MAAMC,EAA2B,CAC/B,UAAW,EACX,OAAQ,IACR,MAAO,IACP,MAAO,CACT,EAEO,SAASC,GAAsB,CACpC,MAAMC,EAAUH,EAAsB,EAEtC,GAAI,QAAQ,IAAI,gBAAkB,MAAO,OAAOG,EAEhD,KAAM,CAACC,EAAOC,CAAQ,EAAIN,EAASE,CAAY,EAE/C,OAAAH,EAA0B,IAAM,CAC9BO,EAASF,CAAO,CAElB,EAAG,CAACA,EAAQ,OAAQA,EAAQ,MAAOA,EAAQ,UAAWA,EAAQ,KAAK,CAAC,EAE7DC,CACT",
-  "names": ["useIsomorphicLayoutEffect", "useState", "useWindowDimensionsRN", "initialValue", "useWindowDimensions", "current", "state", "setState"]
+  "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;",
+  "names": []
 }

package/dist/esm/index.mjs

@@ -1,2 +1,25 @@
-import{useIsomorphicLayoutEffect as o}from"@tamagui/constants";import{useState as s}from"react";import{useWindowDimensions as n}from"react-native";const r={fontScale:1,height:800,width:600,scale:1};function f(){const e=n();if(process.env.TAMAGUI_TARGET!="web")return e;const[t,i]=s(r);return o(()=>{i(e)},[e.height,e.width,e.fontScale,e.scale]),t}export{f as useWindowDimensions};
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { useState } from "react";
+import {
+  useWindowDimensions as useWindowDimensionsRN
+} from "react-native";
+const initialValue = {
+  fontScale: 1,
+  height: 800,
+  width: 600,
+  scale: 1
+};
+function useWindowDimensions() {
+  const current = useWindowDimensionsRN();
+  if (process.env.TAMAGUI_TARGET != "web")
+    return current;
+  const [state, setState] = useState(initialValue);
+  useIsomorphicLayoutEffect(() => {
+    setState(current);
+  }, [current.height, current.width, current.fontScale, current.scale]);
+  return state;
+}
+export {
+  useWindowDimensions
+};
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport {\n  ScaledSize,\n  useWindowDimensions as useWindowDimensionsRN\n} 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 current = useWindowDimensionsRN()\n  \n  if (process.env.TAMAGUI_TARGET != 'web') return current\n  \n  const [state, setState] = useState(initialValue)\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,OAAS,6BAAAA,MAAiC,qBAC1C,OAAS,YAAAC,MAAgB,QACzB,OAEE,uBAAuBC,MAClB,eAMP,MAAMC,EAA2B,CAC/B,UAAW,EACX,OAAQ,IACR,MAAO,IACP,MAAO,CACT,EAEO,SAASC,GAAsB,CACpC,MAAMC,EAAUH,EAAsB,EAEtC,GAAI,QAAQ,IAAI,gBAAkB,MAAO,OAAOG,EAEhD,KAAM,CAACC,EAAOC,CAAQ,EAAIN,EAASE,CAAY,EAE/C,OAAAH,EAA0B,IAAM,CAC9BO,EAASF,CAAO,CAElB,EAAG,CAACA,EAAQ,OAAQA,EAAQ,MAAOA,EAAQ,UAAWA,EAAQ,KAAK,CAAC,EAE7DC,CACT",
-  "names": ["useIsomorphicLayoutEffect", "useState", "useWindowDimensionsRN", "initialValue", "useWindowDimensions", "current", "state", "setState"]
+  "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;",
+  "names": []
 }

package/package.json

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