@tamagui/core 1.121.12 → 1.122.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.121.12",
+  "version": "1.122.1",
   "source": "src/index.tsx",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -35,14 +35,14 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/react-native-media-driver": "1.121.12",
-    "@tamagui/react-native-use-pressable": "1.121.12",
-    "@tamagui/react-native-use-responder-events": "1.121.12",
-    "@tamagui/use-event": "1.121.12",
-    "@tamagui/web": "1.121.12"
+    "@tamagui/react-native-media-driver": "1.122.1",
+    "@tamagui/react-native-use-pressable": "1.122.1",
+    "@tamagui/react-native-use-responder-events": "1.122.1",
+    "@tamagui/use-event": "1.122.1",
+    "@tamagui/web": "1.122.1"
   },
   "devDependencies": {
-    "@tamagui/build": "1.121.12",
+    "@tamagui/build": "1.122.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "typescript": "^5.7.2",

package/src/createOptimizedView.native.tsx

@@ -18,14 +18,11 @@ export function createOptimizedView(
   const TextAncestor = baseViews.TextAncestor
   const ViewNativeComponent = baseViews.View
 
-  // return createElement(ViewNativeComponent, viewProps, children)
-
   const {
     accessibilityElementsHidden,
     accessibilityLabel,
     accessibilityLabelledBy,
     accessibilityLiveRegion,
-    accessibilityRole,
     accessibilityState,
     accessibilityValue,
     'aria-busy': ariaBusy,
@@ -43,9 +40,6 @@ export function createOptimizedView(
     'aria-valuetext': ariaValueText,
     focusable,
     id,
-    importantForAccessibility,
-    nativeID,
-    pointerEvents,
     role,
     tabIndex,
     // ...otherProps
@@ -87,39 +81,61 @@ export function createOptimizedView(
     }
   }
 
-  let style = Array.isArray(viewProps.style)
-    ? baseViews.StyleSheet.flatten(viewProps.style)
-    : viewProps.style
-  const newPointerEvents = style?.pointerEvents || pointerEvents
+  if (viewProps.style?.pointerEvents) {
+    viewProps.pointerEvents = viewProps.style?.pointerEvents
+  }
 
-  const finalProps = viewProps
+  if (id) {
+    viewProps.nativeID = id
+  }
+
+  if (ariaHidden === true) {
+    viewProps.importantForAccessibility = 'no-hide-descendants'
+  }
 
-  const extras = {
-    accessibilityLiveRegion:
-      ariaLive === 'off' ? 'none' : (ariaLive ?? accessibilityLiveRegion),
-    accessibilityLabel: ariaLabel ?? accessibilityLabel,
-    focusable: tabIndex !== undefined ? !tabIndex : focusable,
-    accessibilityState: _accessibilityState,
-    accessibilityRole: role ? getAccessibilityRoleFromRole(role) : accessibilityRole,
-    accessibilityElementsHidden: ariaHidden ?? accessibilityElementsHidden,
-    accessibilityLabelledBy: _accessibilityLabelledBy,
-    accessibilityValue: _accessibilityValue,
-    importantForAccessibility:
-      ariaHidden === true ? 'no-hide-descendants' : importantForAccessibility,
-    nativeID: id ?? nativeID,
-    style,
-    pointerEvents: newPointerEvents,
+  if (_accessibilityValue) {
+    viewProps.accessibilityValue = _accessibilityValue
   }
-  // avoid adding undefined props
-  for (const key in extras) {
-    if (extras[key] != null) {
-      finalProps[key] = extras[key]
+
+  if (role) {
+    viewProps.accessibilityRole = getAccessibilityRoleFromRole(role)
+  }
+
+  if (ariaLive === 'off') {
+    viewProps.accessibilityLiveRegion = 'none'
+  } else {
+    const alr = ariaLive ?? accessibilityLiveRegion
+    if (alr) {
+      viewProps.accessibilityLiveRegion = alr
     }
   }
 
+  const al = ariaLabel ?? accessibilityLabel
+  if (al) {
+    viewProps.accessibilityLabel = al
+  }
+
+  const f = tabIndex !== undefined ? !tabIndex : focusable
+  if (f != null) {
+    viewProps.focusable = f
+  }
+
+  if (_accessibilityState != null) {
+    viewProps.accessibilityState = _accessibilityState
+  }
+
+  const ah = ariaHidden ?? accessibilityElementsHidden
+  if (ah != null) {
+    viewProps.accessibilityElementsHidden = ah
+  }
+
+  if (_accessibilityLabelledBy) {
+    viewProps.accessibilityLabelledBy = _accessibilityLabelledBy
+  }
+
   // isInText is significantly faster than just providing it each time
   const isInText = React.useContext(TextAncestor)
-  const finalElement = React.createElement(ViewNativeComponent, finalProps, children)
+  const finalElement = React.createElement(ViewNativeComponent, viewProps, children)
 
   if (!isInText) {
     return finalElement

package/src/index.tsx

@@ -221,7 +221,7 @@ setupHooks({
 
   // attempt at properly fixing RN input, but <Pressable><TextInput /> just doesnt work on RN
   ...(process.env.TAMAGUI_TARGET === 'native' && {
-    useChildren(elementType, children, viewProps, events, staticConfig) {
+    useChildren(elementType, children, viewProps) {
       if (process.env.NODE_ENV === 'test') {
         // test mode - just use regular views since optimizations cause weirdness
         return

package/types/createOptimizedView.native.d.ts

@@ -13,5 +13,5 @@ export declare function createOptimizedView(children: any, viewProps: Record<str
 }, React.Component<{
     value: boolean;
 }, any, any>>;
-export declare function getAccessibilityRoleFromRole(role: any): "none" | "alert" | "button" | "checkbox" | "combobox" | "grid" | "header" | "image" | "link" | "list" | "menu" | "menubar" | "menuitem" | "progressbar" | "radio" | "radiogroup" | "scrollbar" | "search" | "adjustable" | "spinbutton" | "summary" | "switch" | "tab" | "tablist" | "timer" | "toolbar" | undefined;
+export declare function getAccessibilityRoleFromRole(role: any): "alert" | "button" | "checkbox" | "combobox" | "grid" | "header" | "image" | "link" | "list" | "menu" | "menubar" | "menuitem" | "none" | "progressbar" | "radio" | "radiogroup" | "scrollbar" | "search" | "adjustable" | "spinbutton" | "summary" | "switch" | "tab" | "tablist" | "timer" | "toolbar" | undefined;
 //# sourceMappingURL=createOptimizedView.native.d.ts.map

package/types/createOptimizedView.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createOptimizedView.native.d.ts","sourceRoot":"","sources":["../src/createOptimizedView.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AAEH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,SAAS,EAAE,GAAG;;;;cAgHf;AAED,wBAAgB,4BAA4B,CAAC,IAAI,KAAA,wTAuIhD"}
+{"version":3,"file":"createOptimizedView.native.d.ts","sourceRoot":"","sources":["../src/createOptimizedView.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AAEH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,SAAS,EAAE,GAAG;;;;cAiIf;AAED,wBAAgB,4BAA4B,CAAC,IAAI,KAAA,wTAuIhD"}

package/types/index.d.ts

@@ -1,4 +1,5 @@
 import type { StackNonStyleProps, StackStyleBase, TamaDefer, TamaguiComponent, TamaguiElement, TamaguiTextElement, TextNonStyleProps, TextProps, TextStylePropsBase } from '@tamagui/web';
+import { createTamagui as createTamaguiWeb } from '@tamagui/web';
 import type { RNTextProps, RNViewProps } from './reactNativeTypes';
 type RNExclusiveViewProps = Omit<RNViewProps, keyof StackNonStyleProps>;
 export interface RNTamaguiViewNonStyleProps extends StackNonStyleProps, RNExclusiveViewProps {
@@ -10,6 +11,7 @@ export interface RNTamaguiTextNonStyleProps extends TextNonStyleProps, RNExclusi
 type RNTamaguiText = TamaguiComponent<TamaDefer, TamaguiTextElement, RNTamaguiTextNonStyleProps, TextStylePropsBase, {}>;
 export * from '@tamagui/web';
 export * from './reactNativeTypes';
+export declare const createTamagui: typeof createTamaguiWeb;
 export declare const View: RNTamaguiView;
 export declare const Stack: RNTamaguiView;
 export declare const Text: RNTamaguiText;

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EACnB,MAAM,cAAc,CAAA;AAcrB,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAKlE,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,kBAAkB,CAAC,CAAA;AACvE,MAAM,WAAW,0BACf,SAAQ,kBAAkB,EACxB,oBAAoB;CAAG;AAE3B,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,EACT,cAAc,EACd,0BAA0B,EAC1B,cAAc,EACd,EAAE,CACH,CAAA;AAED,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,SAAS,CAAC,CAAA;AAC9D,MAAM,WAAW,0BACf,SAAQ,iBAAiB,EACvB,oBAAoB;CAAG;AAE3B,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,EACT,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,EAAE,CACH,CAAA;AAGD,cAAc,cAAc,CAAA;AAG5B,cAAc,oBAAoB,CAAA;AAqKlC,eAAO,MAAM,IAAI,EAAqB,aAAa,CAAA;AACnD,eAAO,MAAM,KAAK,EAAsB,aAAa,CAAA;AACrD,eAAO,MAAM,IAAI,EAAqB,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EACnB,MAAM,cAAc,CAAA;AACrB,OAAO,EAKL,aAAa,IAAI,gBAAgB,EAElC,MAAM,cAAc,CAAA;AAOrB,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAKlE,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,kBAAkB,CAAC,CAAA;AACvE,MAAM,WAAW,0BACf,SAAQ,kBAAkB,EACxB,oBAAoB;CAAG;AAE3B,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,EACT,cAAc,EACd,0BAA0B,EAC1B,cAAc,EACd,EAAE,CACH,CAAA;AAED,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,SAAS,CAAC,CAAA;AAC9D,MAAM,WAAW,0BACf,SAAQ,iBAAiB,EACvB,oBAAoB;CAAG;AAE3B,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,EACT,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,EAAE,CACH,CAAA;AAGD,cAAc,cAAc,CAAA;AAG5B,cAAc,oBAAoB,CAAA;AAGlC,eAAO,MAAM,aAAa,EAAE,OAAO,gBAOlC,CAAA;AAmLD,eAAO,MAAM,IAAI,EAAqB,aAAa,CAAA;AACnD,eAAO,MAAM,KAAK,EAAsB,aAAa,CAAA;AACrD,eAAO,MAAM,IAAI,EAAqB,aAAa,CAAA"}