@tamagui/core 1.0.0-alpha.2 → 1.0.0-alpha.4

package/dist/index.js

@@ -16,7 +16,6 @@ export * from "./helpers/getStylesAtomic";
 export * from "./helpers/matchMedia";
 export * from "./helpers/themeable";
 export * from "./hooks/useConstant";
-export * from "./hooks/useForceUpdate";
 export * from "./hooks/useMedia";
 export * from "./hooks/useTheme";
 export * from "./views/Animated";

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["export * from './createComponent'\nexport * from './createShorthands'\nexport * from './createTheme'\nexport * from './createTamagui'\nexport * from './createFont'\nexport { createTokens } from './createTokens'\nexport * from './createVariable'\nexport * from './styled'\nexport * from './types'\n\nexport * from './constants/pseudos'\nexport * from './constants/constants'\nexport * from './constants/platform'\nexport * from './constants/rnw'\n\nexport * from './helpers/isObj'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themeable'\n\nexport * from './hooks/useConstant'\nexport * from './hooks/useForceUpdate'\nexport * from './hooks/useMedia'\nexport * from './hooks/useTheme'\n\nexport * from './views/Animated'\nexport * from './views/Stack'\nexport * from './views/Text'\nexport * from './views/Theme'\nexport * from './views/ThemeInverse'\nexport * from './views/ThemeProvider'\nexport * from './views/TextAncestorContext'\nexport * from './views/SafeAreaProvider'\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "sourcesContent": ["export * from './createComponent'\nexport * from './createShorthands'\nexport * from './createTheme'\nexport * from './createTamagui'\nexport * from './createFont'\nexport { createTokens } from './createTokens'\nexport * from './createVariable'\nexport * from './styled'\nexport * from './types'\n\nexport * from './constants/pseudos'\nexport * from './constants/constants'\nexport * from './constants/platform'\nexport * from './constants/rnw'\n\nexport * from './helpers/isObj'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themeable'\n\nexport * from './hooks/useConstant'\nexport * from './hooks/useMedia'\nexport * from './hooks/useTheme'\n\nexport * from './views/Animated'\nexport * from './views/Stack'\nexport * from './views/Text'\nexport * from './views/Theme'\nexport * from './views/ThemeInverse'\nexport * from './views/ThemeProvider'\nexport * from './views/TextAncestorContext'\nexport * from './views/SafeAreaProvider'\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.4",
   "source": "src/index.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -11,6 +11,8 @@
   },
   "dependencies": {
     "@tamagui/helpers": "^1.0.0-alpha.2",
+    "@tamagui/use-debounce": "^1.0.0-alpha.4",
+    "@tamagui/use-force-update": "^1.0.0-alpha.4",
     "react": "*",
     "react-dom": "*",
     "react-native-safe-area-context": "^3.3.0"
@@ -30,5 +32,5 @@
   "engines": {
     "node": ">=16"
   },
-  "gitHead": "a9f30fdf4ebd448961a6e133741cd4b903185559"
+  "gitHead": "3e3b5401f9daea70cf9a99782d325f58357ca681"
 }

package/src/createComponent.tsx

@@ -1,4 +1,5 @@
 import { concatClassName, stylePropsView } from '@tamagui/helpers'
+import { useForceUpdate } from '@tamagui/use-force-update'
 import React, {
   Children,
   Fragment,
@@ -20,7 +21,6 @@ import { addStylesUsingClassname, useStylesAsClassname } from './helpers/addStyl
 import { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'
 import { getSplitStyles } from './helpers/getSplitStyles'
 import { useFeatures } from './hooks/useFeatures'
-import { useForceUpdate } from './hooks/useForceUpdate'
 import { usePressable } from './hooks/usePressable'
 import {
   SpaceTokens,

package/src/hooks/useMedia.tsx

@@ -1,3 +1,4 @@
+import { useForceUpdate } from '@tamagui/use-force-update'
 import { useRef } from 'react'
 
 import { useIsomorphicLayoutEffect } from '../constants/platform'
@@ -9,7 +10,6 @@ import {
   MediaQueryState,
 } from '../types'
 import { useConstant } from './useConstant'
-import { useForceUpdate } from './useForceUpdate'
 
 export const mediaState: { [key in keyof MediaQueryState]: boolean } = {} as any
 const mediaQueryListeners: { [key: string]: Set<Function> } = {}

package/src/hooks/useTheme.tsx

@@ -1,3 +1,4 @@
+import { useForceUpdate } from '@tamagui/use-force-update'
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react'
 
 import { useIsomorphicLayoutEffect } from '../constants/platform'
@@ -6,7 +7,6 @@ import { ThemeName } from '../types'
 import { ThemeContext } from '../views/ThemeContext'
 import { ThemeManagerContext } from '../views/ThemeManagerContext'
 import { GET_DEFAULT_THEME } from '../views/ThemeProvider'
-import { useForceUpdate } from './useForceUpdate'
 
 type UseThemeState = {
   uuid: Object

package/src/index.ts

@@ -19,7 +19,6 @@ export * from './helpers/matchMedia'
 export * from './helpers/themeable'
 
 export * from './hooks/useConstant'
-export * from './hooks/useForceUpdate'
 export * from './hooks/useMedia'
 export * from './hooks/useTheme'
 

package/types.d.ts

@@ -492,7 +492,6 @@ export interface ThemeableHOC {
 	<R extends ReactElement<any, any> | null, P extends ThemeableProps = {}>(component: (props: P) => R): (props: P) => R;
 }
 export declare function useConstant<T>(fn: () => T): T;
-export declare function useForceUpdate(): Function;
 export declare const mediaState: {
 	[key in keyof MediaQueryState]: boolean;
 };

package/src/hooks/useForceUpdate.tsx

@@ -1,26 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-
-// ensures no updates after unmount
-
-export function useForceUpdate() {
-  const setState = useState(0)[1]
-  const internal = useRef<{ update: Function; isMounted: boolean }>()
-  if (!internal.current) {
-    internal.current = {
-      isMounted: true,
-      update: () => {
-        if (internal.current!.isMounted) {
-          setState(Math.random())
-        }
-      },
-    }
-  }
-
-  useEffect(() => {
-    return () => {
-      internal.current!.isMounted = false
-    }
-  }, [])
-
-  return internal.current.update
-}