@tamagui/core 1.0.13 → 1.0.15

package/src/createComponent.tsx

@@ -77,11 +77,22 @@ import { useThemedChildren } from './views/Theme'
 // this appears to fix expo / babel not picking this up sometimes? really odd
 process.env.TAMAGUI_TARGET
 
+export const defaultComponentState: TamaguiComponentState = {
+  hover: false,
+  press: false,
+  pressIn: false,
+  focus: false,
+  unmounted: true,
+}
+
+const defaultComponentStateMounted: TamaguiComponentState = {
+  ...defaultComponentState,
+  unmounted: false,
+}
+
 /**
  * All things that need one-time setup after createTamagui is called
  */
-let defaultComponentState: TamaguiComponentState | null = null
-let defaultComponentStateMounted: TamaguiComponentState | null = null
 let tamaguiConfig: TamaguiInternalConfig
 let AnimatedText: any
 let AnimatedView: any
@@ -888,19 +899,6 @@ export function createComponent<
     // one time only setup
     if (!tamaguiConfig) {
       tamaguiConfig = conf
-      if (!defaultComponentState) {
-        defaultComponentState = {
-          hover: false,
-          press: false,
-          pressIn: false,
-          focus: false,
-          unmounted: true,
-        }
-        defaultComponentStateMounted = {
-          ...defaultComponentState,
-          unmounted: false,
-        }
-      }
 
       if (tamaguiConfig.animations) {
         AnimatedText = tamaguiConfig.animations.Text

package/src/createTamagui.ts

@@ -2,7 +2,6 @@ import { isRSC, isWeb } from '@tamagui/constants'
 
 import { configListeners, setConfig } from './config'
 import { createVariables, tokensKeysOrdered } from './createVariables'
-import { startClearStyleCacheInterval } from './helpers/getStylesAtomic'
 import { getThemeCSSRules } from './helpers/getThemeCSSRules'
 import {
   getAllRules,
@@ -49,7 +48,6 @@ export function createTamagui<Conf extends CreateTamaguiProps>(
 
   scanAllSheets()
   listenForSheetChanges()
-  startClearStyleCacheInterval()
 
   const fontTokens = Object.fromEntries(
     Object.entries(configIn.fonts!).map(([k, v]) => {

package/src/{createTokens.test.ts → createTokens.web.test.tsx}

@@ -22,7 +22,7 @@ test('color name no dot', () => {
         key: 'yellow101a',
         name: 'color-1',
         val: 'yellow',
-        variable: '',
+        variable: 'var(--color-1)',
       },
     },
   })

package/src/helpers/getSplitStyles.tsx

@@ -428,7 +428,7 @@ export const getSplitStyles: StyleSplitter = (
             } else {
               viewProps.role = accessibilityRoleToWebRole[valInit] || valInit
             }
-            break
+            continue
           }
           case 'accessibilityLabelledBy':
           case 'accessibilityFlowTo':
@@ -436,17 +436,17 @@ export const getSplitStyles: StyleSplitter = (
           case 'accessibilityDescribedBy': {
             viewProps[`aria-${keyInit.replace('accessibility', '').toLowerCase()}`] =
               processIDRefList(valInit)
-            break
+            continue
           }
           case 'accessibilityKeyShortcuts': {
             if (Array.isArray(valInit)) {
               viewProps['aria-keyshortcuts'] = valInit.join(' ')
             }
-            break
+            continue
           }
           case 'accessibilityLiveRegion': {
             viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit
-            break
+            continue
           }
           case 'accessibilityReadOnly': {
             viewProps['aria-readonly'] = valInit
@@ -458,7 +458,7 @@ export const getSplitStyles: StyleSplitter = (
             ) {
               viewProps.readOnly = true
             }
-            break
+            continue
           }
           case 'accessibilityRequired': {
             viewProps['aria-required'] = valInit
@@ -468,9 +468,9 @@ export const getSplitStyles: StyleSplitter = (
               elementType === 'select' ||
               elementType === 'textarea'
             ) {
-              viewProps.required = true
+              viewProps.required = valInit
             }
-            break
+            continue
           }
           default: {
             didUseKeyInit = false

package/src/helpers/getStylesAtomic.ts

@@ -49,12 +49,6 @@ export function getStylesAtomic(stylesIn: ViewStyleWithPseudos) {
 
 const cache = new Map()
 
-export const startClearStyleCacheInterval = () => {
-  setInterval(() => {
-    cache.clear()
-  }, 10_000)
-}
-
 export function getAtomicStyle(
   style: ViewOrTextStyle,
   pseudo?: PseudoDescriptor
@@ -64,6 +58,9 @@ export function getAtomicStyle(
   if (cache.has(key)) {
     return cache.get(key)
   }
+  if (cache.size > 800) {
+    cache.clear()
+  }
   if (process.env.NODE_ENV === 'development') {
     if (!style || typeof style !== 'object') {
       throw new Error(`Wrong style type: "${typeof style}": ${style}`)

package/types/createComponent.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { DebugProp, SpaceDirection, SpaceTokens, SpacerProps, StaticConfig, StaticConfigParsed, StylableComponent, TamaguiComponent, TamaguiElement } from './types';
+import { DebugProp, SpaceDirection, SpaceTokens, SpacerProps, StaticConfig, StaticConfigParsed, StylableComponent, TamaguiComponent, TamaguiComponentState, TamaguiElement } from './types';
+export declare const defaultComponentState: TamaguiComponentState;
 export declare const mouseUps: Set<Function>;
 export declare function createComponent<ComponentPropTypes extends Object = {}, Ref = TamaguiElement, BaseProps = never>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>;
 export declare const Unspaced: {

package/types/createFont.web.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createFont.web.test.d.ts.map

package/types/createTokens.web.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createTokens.web.test.d.ts.map

package/types/createVariable.web.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createVariable.web.test.d.ts.map

package/types/helpers/getSplitStyles.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=getSplitStyles.test.d.ts.map

package/types/helpers/getStylesAtomic.d.ts

@@ -12,7 +12,6 @@ export type ViewStyleWithPseudos = ViewOrTextStyle & {
     focusStyle?: ViewOrTextStyle;
 };
 export declare function getStylesAtomic(stylesIn: ViewStyleWithPseudos): StyleObject[];
-export declare const startClearStyleCacheInterval: () => void;
 export declare function getAtomicStyle(style: ViewOrTextStyle, pseudo?: PseudoDescriptor): StyleObject[];
 export declare function styleToCSS(style: Record<string, any>): void;
 export {};

package/types/views/Stack.web.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Stack.web.test.d.ts.map