@tamagui/core 1.0.1-beta.139 → 1.0.1-beta.140

package/dist/cjs/helpers/createTamaguiProvider.js

@@ -36,8 +36,10 @@ function createTamaguiProvider(config) {
     children,
     ...themePropsProvider
   }) {
-    if (import_platform.isClient) {
+    if (!import_platform.isSSR) {
       (0, import_useMedia.useMediaQueryListeners)();
+    }
+    if (import_platform.isClient) {
       React.useLayoutEffect(() => {
         if (disableInjectCSS)
           return;

package/dist/cjs/helpers/createTamaguiProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createTamaguiProvider.tsx"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { isClient } from '../constants/platform'\nimport { ButtonInsideButtonContext } from '../contexts/ButtonInsideButtonContext'\nimport { TextAncestorProvider } from '../contexts/TextAncestorContext'\nimport { useMediaQueryListeners } from '../hooks/useMedia'\nimport { TamaguiInternalConfig, TamaguiProviderProps } from '../types'\nimport { ThemeProvider } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(config: TamaguiInternalConfig) {\n  return function TamaguiProvider({\n    disableInjectCSS,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    if (isClient) {\n      useMediaQueryListeners()\n\n      // inject CSS if asked to (not SSR compliant)\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      React.useLayoutEffect(() => {\n        if (disableInjectCSS) return\n        const style = document.createElement('style')\n        style.appendChild(document.createTextNode(config.getCSS()))\n        document.head.appendChild(style)\n        return () => {\n          document.head.removeChild(style)\n        }\n      }, [disableInjectCSS])\n    }\n\n    return (\n      <ButtonInsideButtonContext.Provider value={false}>\n        <TextAncestorProvider>\n          <ThemeProvider\n            themes={config.themes}\n            defaultTheme={config.defaultTheme || 'light'}\n            themeClassNameOnRoot={config.themeClassNameOnRoot}\n            disableRootThemeClass={config.disableRootThemeClass}\n            {...themePropsProvider}\n          >\n            {children}\n          </ThemeProvider>\n        </TextAncestorProvider>\n      </ButtonInsideButtonContext.Provider>\n    )\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AAEvB,sBAAyB;AACzB,uCAA0C;AAC1C,iCAAqC;AACrC,sBAAuC;AAEvC,2BAA8B;AAEvB,+BAA+B,QAA+B;AACnE,SAAO,yBAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,QAAI,0BAAU;AACZ,kDAAuB;AAIvB,YAAM,gBAAgB,MAAM;AAC1B,YAAI;AAAkB;AACtB,cAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,iBAAS,KAAK,YAAY,KAAK;AAC/B,eAAO,MAAM;AACX,mBAAS,KAAK,YAAY,KAAK;AAAA,QACjC;AAAA,MACF,GAAG,CAAC,gBAAgB,CAAC;AAAA,IACvB;AAEA,WACE,oCAAC,2DAA0B,UAA1B;AAAA,MAAmC,OAAO;AAAA,OACzC,oCAAC,uDACC,oCAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,cAAc,OAAO,gBAAgB;AAAA,MACrC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,OAEH,QACH,CACF,CACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import * as React from 'react'\n\nimport { isClient, isSSR } from '../constants/platform'\nimport { ButtonInsideButtonContext } from '../contexts/ButtonInsideButtonContext'\nimport { TextAncestorProvider } from '../contexts/TextAncestorContext'\nimport { useMediaQueryListeners } from '../hooks/useMedia'\nimport { TamaguiInternalConfig, TamaguiProviderProps } from '../types'\nimport { ThemeProvider } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(config: TamaguiInternalConfig) {\n  return function TamaguiProvider({\n    disableInjectCSS,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    if (!isSSR) {\n      useMediaQueryListeners()\n    }\n\n    if (isClient) {\n      // inject CSS if asked to (not SSR compliant)\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      React.useLayoutEffect(() => {\n        if (disableInjectCSS) return\n        const style = document.createElement('style')\n        style.appendChild(document.createTextNode(config.getCSS()))\n        document.head.appendChild(style)\n        return () => {\n          document.head.removeChild(style)\n        }\n      }, [disableInjectCSS])\n    }\n\n    return (\n      <ButtonInsideButtonContext.Provider value={false}>\n        <TextAncestorProvider>\n          <ThemeProvider\n            themes={config.themes}\n            defaultTheme={config.defaultTheme || 'light'}\n            themeClassNameOnRoot={config.themeClassNameOnRoot}\n            disableRootThemeClass={config.disableRootThemeClass}\n            {...themePropsProvider}\n          >\n            {children}\n          </ThemeProvider>\n        </TextAncestorProvider>\n      </ButtonInsideButtonContext.Provider>\n    )\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AAEvB,sBAAgC;AAChC,uCAA0C;AAC1C,iCAAqC;AACrC,sBAAuC;AAEvC,2BAA8B;AAEvB,+BAA+B,QAA+B;AACnE,SAAO,yBAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,QAAI,CAAC,uBAAO;AACV,kDAAuB;AAAA,IACzB;AAEA,QAAI,0BAAU;AAGZ,YAAM,gBAAgB,MAAM;AAC1B,YAAI;AAAkB;AACtB,cAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,iBAAS,KAAK,YAAY,KAAK;AAC/B,eAAO,MAAM;AACX,mBAAS,KAAK,YAAY,KAAK;AAAA,QACjC;AAAA,MACF,GAAG,CAAC,gBAAgB,CAAC;AAAA,IACvB;AAEA,WACE,oCAAC,2DAA0B,UAA1B;AAAA,MAAmC,OAAO;AAAA,OACzC,oCAAC,uDACC,oCAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,cAAc,OAAO,gBAAgB;AAAA,MACrC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,OAEH,QACH,CACF,CACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/dist/esm/helpers/createTamaguiProvider.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { isClient } from "../constants/platform";
+import { isClient, isSSR } from "../constants/platform";
 import { ButtonInsideButtonContext } from "../contexts/ButtonInsideButtonContext";
 import { TextAncestorProvider } from "../contexts/TextAncestorContext";
 import { useMediaQueryListeners } from "../hooks/useMedia";
@@ -10,8 +10,10 @@ function createTamaguiProvider(config) {
     children,
     ...themePropsProvider
   }) {
-    if (isClient) {
+    if (!isSSR) {
       useMediaQueryListeners();
+    }
+    if (isClient) {
       React.useLayoutEffect(() => {
         if (disableInjectCSS)
           return;

package/dist/esm/helpers/createTamaguiProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createTamaguiProvider.tsx"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { isClient } from '../constants/platform'\nimport { ButtonInsideButtonContext } from '../contexts/ButtonInsideButtonContext'\nimport { TextAncestorProvider } from '../contexts/TextAncestorContext'\nimport { useMediaQueryListeners } from '../hooks/useMedia'\nimport { TamaguiInternalConfig, TamaguiProviderProps } from '../types'\nimport { ThemeProvider } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(config: TamaguiInternalConfig) {\n  return function TamaguiProvider({\n    disableInjectCSS,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    if (isClient) {\n      useMediaQueryListeners()\n\n      // inject CSS if asked to (not SSR compliant)\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      React.useLayoutEffect(() => {\n        if (disableInjectCSS) return\n        const style = document.createElement('style')\n        style.appendChild(document.createTextNode(config.getCSS()))\n        document.head.appendChild(style)\n        return () => {\n          document.head.removeChild(style)\n        }\n      }, [disableInjectCSS])\n    }\n\n    return (\n      <ButtonInsideButtonContext.Provider value={false}>\n        <TextAncestorProvider>\n          <ThemeProvider\n            themes={config.themes}\n            defaultTheme={config.defaultTheme || 'light'}\n            themeClassNameOnRoot={config.themeClassNameOnRoot}\n            disableRootThemeClass={config.disableRootThemeClass}\n            {...themePropsProvider}\n          >\n            {children}\n          </ThemeProvider>\n        </TextAncestorProvider>\n      </ButtonInsideButtonContext.Provider>\n    )\n  }\n}\n"],
-  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AAEA;AAEO,+BAA+B,QAA+B;AACnE,SAAO,yBAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,QAAI,UAAU;AACZ,6BAAuB;AAIvB,YAAM,gBAAgB,MAAM;AAC1B,YAAI;AAAkB;AACtB,cAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,iBAAS,KAAK,YAAY,KAAK;AAC/B,eAAO,MAAM;AACX,mBAAS,KAAK,YAAY,KAAK;AAAA,QACjC;AAAA,MACF,GAAG,CAAC,gBAAgB,CAAC;AAAA,IACvB;AAEA,WACE,oCAAC,0BAA0B,UAA1B;AAAA,MAAmC,OAAO;AAAA,OACzC,oCAAC,4BACC,oCAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,cAAc,OAAO,gBAAgB;AAAA,MACrC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,OAEH,QACH,CACF,CACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import * as React from 'react'\n\nimport { isClient, isSSR } from '../constants/platform'\nimport { ButtonInsideButtonContext } from '../contexts/ButtonInsideButtonContext'\nimport { TextAncestorProvider } from '../contexts/TextAncestorContext'\nimport { useMediaQueryListeners } from '../hooks/useMedia'\nimport { TamaguiInternalConfig, TamaguiProviderProps } from '../types'\nimport { ThemeProvider } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(config: TamaguiInternalConfig) {\n  return function TamaguiProvider({\n    disableInjectCSS,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    if (!isSSR) {\n      useMediaQueryListeners()\n    }\n\n    if (isClient) {\n      // inject CSS if asked to (not SSR compliant)\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      React.useLayoutEffect(() => {\n        if (disableInjectCSS) return\n        const style = document.createElement('style')\n        style.appendChild(document.createTextNode(config.getCSS()))\n        document.head.appendChild(style)\n        return () => {\n          document.head.removeChild(style)\n        }\n      }, [disableInjectCSS])\n    }\n\n    return (\n      <ButtonInsideButtonContext.Provider value={false}>\n        <TextAncestorProvider>\n          <ThemeProvider\n            themes={config.themes}\n            defaultTheme={config.defaultTheme || 'light'}\n            themeClassNameOnRoot={config.themeClassNameOnRoot}\n            disableRootThemeClass={config.disableRootThemeClass}\n            {...themePropsProvider}\n          >\n            {children}\n          </ThemeProvider>\n        </TextAncestorProvider>\n      </ButtonInsideButtonContext.Provider>\n    )\n  }\n}\n"],
+  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AAEA;AAEO,+BAA+B,QAA+B;AACnE,SAAO,yBAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,QAAI,CAAC,OAAO;AACV,6BAAuB;AAAA,IACzB;AAEA,QAAI,UAAU;AAGZ,YAAM,gBAAgB,MAAM;AAC1B,YAAI;AAAkB;AACtB,cAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,iBAAS,KAAK,YAAY,KAAK;AAC/B,eAAO,MAAM;AACX,mBAAS,KAAK,YAAY,KAAK;AAAA,QACjC;AAAA,MACF,GAAG,CAAC,gBAAgB,CAAC;AAAA,IACvB;AAEA,WACE,oCAAC,0BAA0B,UAA1B;AAAA,MAAmC,OAAO;AAAA,OACzC,oCAAC,4BACC,oCAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,cAAc,OAAO,gBAAgB;AAAA,MACrC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,OAEH,QACH,CACF,CACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.1-beta.139",
+  "version": "1.0.1-beta.140",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -22,12 +22,12 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.139",
-    "@tamagui/helpers": "^1.0.1-beta.139",
-    "@tamagui/rnw": "^1.0.1-beta.139",
-    "@tamagui/use-debounce": "^1.0.1-beta.139",
-    "@tamagui/use-event": "^1.0.1-beta.139",
-    "@tamagui/use-force-update": "^1.0.1-beta.139",
+    "@tamagui/compose-refs": "^1.0.1-beta.140",
+    "@tamagui/helpers": "^1.0.1-beta.140",
+    "@tamagui/rnw": "^1.0.1-beta.140",
+    "@tamagui/use-debounce": "^1.0.1-beta.140",
+    "@tamagui/use-event": "^1.0.1-beta.140",
+    "@tamagui/use-force-update": "^1.0.1-beta.140",
     "expo-screen-orientation": "^4.3.0",
     "hyphenate-style-name": "^1.0.4",
     "normalize-css-color": "^1.0.2",
@@ -38,7 +38,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.139",
+    "@tamagui/build": "^1.0.1-beta.140",
     "@types/react": "^18.0.15",
     "csstype": "^3.0.10",
     "esbuild": "^0.14.49",

package/types/constants/platform.d.ts

@@ -1,11 +1,11 @@
-import { useEffect } from 'react';
+import { useLayoutEffect } from 'react';
 export declare const isAndroid: boolean;
 export declare const isIOS: boolean;
 export declare const isWeb: boolean;
 export declare const isWindowDefined: boolean;
 export declare const isSSR: boolean;
 export declare const isClient: boolean;
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 export declare const isChrome: boolean;
 export declare const isWebTouchable: boolean;
 export declare const isTouchable: boolean;

package/types/helpers/createTamaguiProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TamaguiInternalConfig, TamaguiProviderProps } from '../types';
 export declare function createTamaguiProvider(config: TamaguiInternalConfig): ({ disableInjectCSS, children, ...themePropsProvider }: TamaguiProviderProps) => JSX.Element;
 //# sourceMappingURL=createTamaguiProvider.d.ts.map