@tamagui/core 1.0.1 → 1.0.2

package/src/config.ts

@@ -1,20 +1,18 @@
-import { ConfigListener, TamaguiInternalConfig, ThemeParsed, Tokens } from './types'
+import { ConfigListener, TamaguiInternalConfig, Tokens } from './types'
 
 let conf: TamaguiInternalConfig | null
 
 export const setConfig = (next: TamaguiInternalConfig) => {
   conf = next
-  if (configListeners.size) {
-    configListeners.forEach((cb) => cb(next))
-  }
+  configListeners.forEach((cb) => cb(next))
 }
 
 export const setConfigFont = (name: string, font: any, fontParsed: any) => {
   if (process.env.NODE_ENV === 'development') {
     if (!conf) throw new Error(`Haven't called createTamagui yet`)
   }
-  Object.assign(conf!.fonts, { [name]: font })
-  Object.assign(conf!.fontsParsed, { [`$${name}`]: fontParsed })
+  conf!.fonts[name] = font
+  conf!.fontsParsed[`$${name}`] = fontParsed
 }
 
 export const getConfig = () => {

package/src/constants/constants.ts

@@ -1,5 +1,3 @@
-import { isWeb } from '@tamagui/constants'
-
 export const THEME_NAME_SEPARATOR = '_'
 export const THEME_CLASSNAME_PREFIX = 't_'
 

package/src/createFont.ts

@@ -34,7 +34,6 @@ const processSection = <T>(
 
 export const createFont = <A extends GenericFont>(font: A): A => {
   const sizeKeys = Object.keys(font.size)
-
   const processedFont = Object.fromEntries(
     Object.entries(font).map(([key, section]) => {
       return [
@@ -47,6 +46,5 @@ export const createFont = <A extends GenericFont>(font: A): A => {
       ]
     })
   )
-
   return Object.freeze(processedFont) as A
 }

package/src/helpers/ThemeManager.tsx

@@ -39,10 +39,7 @@ export class ThemeManager {
       this.updateState(props, false)
       return
     }
-    if (!parentManager) {
-      throw new Error('Must set up root first')
-    }
-
+    if (!parentManager) throw `❌`
     // copy over listeners
     this.themeListeners = parentManager.themeListeners
 
@@ -205,22 +202,9 @@ function getState(
       ? max // component name only don't search upwards
       : 0
 
-  if (process.env.NODE_ENV === 'development' && props.debug === 'verbose')
-    [
-      // eslint-disable-next-line no-console
-      console.groupCollapsed('ThemeManager.getState()', props, {
-        parentName,
-        parentBaseTheme,
-        base,
-        min,
-        max,
-        isParentAComponentTheme,
-      }),
-      // eslint-disable-next-line no-console
-      console.trace(),
-      // eslint-disable-next-line no-console
-      console.groupEnd(),
-    ]
+  // prettier-ignore
+  // eslint-disable-next-line no-console
+  if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') [ console.groupCollapsed('ThemeManager.getState()', props, { parentName,   parentBaseTheme,   base,   min,   max,   isParentAComponentTheme }), console.trace(), console.groupEnd() ]
 
   for (let i = max; i >= min; i--) {
     let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR)

package/src/helpers/cache.ts

@@ -5,11 +5,8 @@ export type Style = { [key: string]: Value }
 const v: Record<string, any> = {}
 
 export const cache = {
-  get(key: string, valStr: string) {
-    return v[key]?.[valStr]
-  },
-
-  set(key: string, valStr: string, object: any) {
+  get: (key: string, valStr: string) => v[key]?.[valStr],
+  set: (key: string, valStr: string, object: any) => {
     v[key] ??= {}
     v[key][valStr] = object
   },

package/src/helpers/getBoundingClientRect.tsx

@@ -1,7 +1,4 @@
 export const getBoundingClientRect = (node: HTMLElement | null): void | DOMRect => {
-  if (!node) return
-  if (node.nodeType !== 1) return
-  if (node.getBoundingClientRect) {
-    return node.getBoundingClientRect()
-  }
+  if (!node || node.nodeType !== 1) return
+  return node.getBoundingClientRect?.()
 }

package/src/helpers/getSplitStyles.tsx

@@ -643,7 +643,7 @@ export const getSplitStyles: StyleSplitter = (
           // we never animate in on server side just show the full thing
           // on client side we use CSS to hide the fully in SSR items, then
           // un-hide and replay with original animation.
-          if (!isClient && isEnter) {
+          if (isWeb && !isClient && isEnter) {
             isDisabled = false
           }
 

package/src/helpers/getStylesAtomic.ts

@@ -56,16 +56,8 @@ export function getAtomicStyle(
     if (!style || typeof style !== 'object') {
       throw new Error(`Wrong style type: "${typeof style}": ${style}`)
     }
-  } else {
-    if (!style) {
-      if (process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line no-console
-        console.warn('Invalid style')
-      }
-      return []
-    }
   }
-
+  if (!style) return []
   return generateAtomicStyles(style, pseudo)
 }
 

package/src/helpers/isTamaguiComponent.tsx

@@ -6,10 +6,6 @@ export function isTamaguiComponent<A>(
 ): comp is A & {
   staticConfig: StaticConfig
 } {
-  const config = comp && (comp['staticConfig'] as StaticConfigParsed | undefined)
-  if (!config?.parsed) return false
-  if (name) {
-    return name === config.componentName
-  }
-  return true
+  const config = comp?.['staticConfig'] as StaticConfigParsed | undefined
+  return (config?.parsed && (name ? name === config.componentName : true)) || false
 }

package/src/helpers/mergeProps.ts

@@ -41,7 +41,7 @@ function mergeProp(
   inverseShorthands?: AnyRecord
 ) {
   const val = a[key]
-  const shorthand = inverseShorthands ? inverseShorthands[key] : null
+  const shorthand = inverseShorthands?.[key] || null
   if (b && (key in b || (shorthand && shorthand in b))) {
     return
   }

package/src/hooks/getThemeUnwrapped.tsx

@@ -1,7 +1,5 @@
 export const getThemeUnwrapped = (theme: any) => {
-  if (!theme) return null
-  const first = theme[GetThemeUnwrapped]
-  return first || theme
+  return theme?.[GetThemeUnwrapped] || theme
 }
 
 export const GetThemeUnwrapped = Symbol()

package/src/styled.tsx

@@ -1,4 +1,4 @@
-import { stylePropsAll, validStyles } from '@tamagui/helpers'
+import { stylePropsAll } from '@tamagui/helpers'
 
 import { createComponent } from './createComponent'
 import { ReactNativeStaticConfigs } from './setupReactNative'

package/src/views/FontLanguage.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { FontLanguageProps } from './FontLanguage.types'
 
 export const FontLanguage = ({ children, ...props }: FontLanguageProps) => {

package/src/views/Text.tsx

@@ -69,12 +69,6 @@ export const Text = createComponent<TextProps, TextView, TextPropsBase>({
       },
     },
 
-    pressable: {
-      true: {
-        cursor: 'pointer',
-      },
-    },
-
     ellipse: {
       true: isWeb
         ? ellipseStyle

package/src/views/ThemeProvider.tsx

@@ -32,15 +32,15 @@ export const ThemeProvider = (props: ThemeProviderProps) => {
     }, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot])
   }
 
-  const value = useMemo(() => {
-    return {
-      defaultTheme: props.defaultTheme,
-    }
-    // NOTE DON'T CHANGE THIS ITS ONLY USED BY useThemeName for SSR safety for now...
-  }, [])
-
   return (
-    <ThemeProviderRootContext.Provider value={value}>
+    <ThemeProviderRootContext.Provider
+      value={useMemo(() => {
+        return {
+          defaultTheme: props.defaultTheme,
+        }
+        // NOTE DON'T CHANGE THIS ITS ONLY USED BY useThemeName for SSR safety for now...
+      }, [])}
+    >
       <Theme
         className={props.className}
         name={props.defaultTheme}

package/types/helpers/cache.d.ts

@@ -3,8 +3,8 @@ export type Style = {
     [key: string]: Value;
 };
 export declare const cache: {
-    get(key: string, valStr: string): any;
-    set(key: string, valStr: string, object: any): void;
+    get: (key: string, valStr: string) => any;
+    set: (key: string, valStr: string, object: any) => void;
 };
 export {};
 //# sourceMappingURL=cache.d.ts.map