@expo/ui 57.0.19 → 57.0.21

package/src/swift-ui/Toolbar/index.tsx

@@ -18,6 +18,55 @@ export interface ToolbarContentProps {
   children: React.ReactNode;
 }
 
+/**
+ * Where an item sits in the toolbar. A placement the current platform or OS version does not
+ * offer falls back to `automatic`.
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/toolbaritemplacement).
+ */
+export type ToolbarItemPlacement =
+  | 'automatic'
+  | 'principal'
+  | 'navigation'
+  | 'primaryAction'
+  | 'secondaryAction'
+  | 'status'
+  | 'confirmationAction'
+  | 'cancellationAction'
+  | 'destructiveAction'
+  | 'keyboard'
+  | 'topBarLeading'
+  | 'topBarTrailing'
+  | 'topBarPinnedTrailing'
+  | 'largeTitle'
+  | 'bottomBar';
+
+/**
+ * How readily a toolbar item gives up its place when the toolbar runs out of room.
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/toolbaritemvisibilitypriority).
+ */
+export type ToolbarItemVisibilityPriority = 'automatic' | 'low' | 'high';
+
+export interface ToolbarItemProps {
+  /**
+   * The semantic placement of the item within the toolbar.
+   * @default 'automatic'
+   */
+  placement?: ToolbarItemPlacement;
+  /**
+   * How readily the item gives up its place. Items overflow lowest priority first. `low` and
+   * `high` apply on iOS and macOS.
+   * @default 'automatic'
+   * @platform ios 27.0+
+   */
+  visibilityPriority?: ToolbarItemVisibilityPriority;
+  /**
+   * The content of the item.
+   */
+  children: React.ReactNode;
+}
+
 const ToolbarNativeView: React.ComponentType<ToolbarProps> = requireNativeView(
   'ExpoUI',
   'ToolbarView'
@@ -30,6 +79,36 @@ function ToolbarContent(props: ToolbarContentProps) {
   return <Slot name="content">{props.children}</Slot>;
 }
 
+/**
+ * A single item in a toolbar, matching SwiftUI's `ToolbarItem`. Place it inside `Toolbar.Content`
+ * to control where the item appears.
+ *
+ * @example
+ * ```tsx
+ * <Toolbar>
+ *   <Text>Bird description</Text>
+ *   <Toolbar.Content>
+ *     <ToolbarItem placement="topBarTrailing">
+ *       <Button systemImage="square.and.arrow.up" onPress={share} />
+ *     </ToolbarItem>
+ *   </Toolbar.Content>
+ * </Toolbar>
+ * ```
+ *
+ * @platform ios
+ */
+export function ToolbarItem({
+  placement = 'automatic',
+  visibilityPriority = 'automatic',
+  children,
+}: ToolbarItemProps) {
+  return (
+    <Slot name="item" extraProps={{ placement, visibilityPriority }}>
+      {children}
+    </Slot>
+  );
+}
+
 /**
  * Adds a toolbar to the view it wraps, matching SwiftUI's `toolbar(content:)`.
  *

package/src/swift-ui/modifiers/index.ts

@@ -816,6 +816,24 @@ export const scrollIndicators = (
   axes: 'vertical' | 'horizontal' | 'both' = 'both'
 ) => createModifier('scrollIndicators', { visibility, axes });
 
+/**
+ * Sets the style of the scroll edge effect that a scrollable view shows where its content meets
+ * a bar, such as a navigation bar or a toolbar.
+ * Mirrors SwiftUI's `scrollEdgeEffectStyle(_:for:)` modifier. On versions before iOS 26 it does
+ * nothing.
+ * @param style - The style of the effect:
+ * - `'automatic'`: the system picks the style.
+ * - `'hard'`: a bar with a defined edge separates the content.
+ * - `'soft'`: the content fades out gradually, without a defined edge.
+ * @param edges - The edges where the style applies. Defaults to `'all'`.
+ * @platform ios 26.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/scrolledgeeffectstyle(_:for:)).
+ */
+export const scrollEdgeEffectStyle = (
+  style: 'automatic' | 'hard' | 'soft',
+  edges: 'all' | 'top' | 'bottom' | 'leading' | 'trailing' | 'horizontal' | 'vertical' = 'all'
+) => createModifier('scrollEdgeEffectStyle', { style, edges });
+
 export type UnitPointValue =
   | 'zero'
   | 'topLeading'
@@ -1783,6 +1801,7 @@ export type BuiltInModifier =
   | ReturnType<typeof scrollDisabled>
   | ReturnType<typeof scrollClipDisabled>
   | ReturnType<typeof scrollIndicators>
+  | ReturnType<typeof scrollEdgeEffectStyle>
   | ReturnType<typeof defaultScrollAnchor>
   | ReturnType<typeof defaultScrollAnchorForRole>
   | ReturnType<typeof scrollTargetBehavior>

package/src/swift-ui/modifiers/presentationModifiers.ts

@@ -57,6 +57,16 @@ export const presentationDetents = (
 export const presentationDragIndicator = (visibility: 'automatic' | 'visible' | 'hidden') =>
   createModifier('presentationDragIndicator', { visibility });
 
+/**
+ * Sets the corner radius of a sheet presentation.
+ * @param cornerRadius - The corner radius in points, or `null` to use the system default.
+ * @platform ios 16.4+
+ * @platform tvos 16.4+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/presentationcornerradius(_:)).
+ */
+export const presentationCornerRadius = (cornerRadius: number | null) =>
+  createModifier('presentationCornerRadius', { cornerRadius });
+
 /**
  * Presentation background interaction type.
  */

package/src/universal/State.android.ts

@@ -1,3 +1,3 @@
 export { useNativeState } from '@expo/ui/jetpack-compose';
 
-export type ObservableState<T> = { value: T };
+export type { ObservableState } from './types';

package/src/universal/State.ios.ts

@@ -1,3 +1,3 @@
 export { useNativeState } from '@expo/ui/swift-ui';
 
-export type ObservableState<T> = { value: T };
+export type { ObservableState } from './types';

package/src/universal/State.ts

@@ -1,6 +1,8 @@
 import { useRef, useState } from 'react';
 
-export type ObservableState<T> = { value: T };
+import type { ObservableState } from './types';
+
+export type { ObservableState };
 
 /**
  * Web polyfill for the native `useNativeState` hook.
@@ -13,14 +15,20 @@ export function useNativeState<T>(initialValue: T): ObservableState<T> {
 
   const stateRef = useRef<ObservableState<T> | null>(null);
   if (stateRef.current === null) {
+    const get = () => valRef.current;
+    const set = (v: T) => {
+      valRef.current = v;
+      setVal(v);
+    };
     stateRef.current = {
       get value() {
-        return valRef.current;
+        return get();
       },
       set value(v: T) {
-        valRef.current = v;
-        setVal(v);
+        set(v);
       },
+      get,
+      set,
     };
   }
   return stateRef.current;

package/src/universal/transformStyle.ios.ts

@@ -2,6 +2,7 @@ import {
   background,
   border,
   clipShape,
+  contentShape,
   disabled as disabledMod,
   font,
   foregroundStyle,
@@ -15,6 +16,7 @@ import {
   onTapGesture,
   opacity,
   padding,
+  shapes,
   type ModifierConfig,
 } from '@expo/ui/swift-ui/modifiers';
 
@@ -154,8 +156,9 @@ export function transformToModifiers(
   // type. The event, lifecycle, and behavior modifiers below are never dropped.
   mods = omitUserOverridden(mods, extraModifiers);
 
-  // Events
-  if (props.onPress) mods.push(onTapGesture(props.onPress));
+  // Events. SwiftUI only hit-tests drawn content, so the `contentShape` lets
+  // taps on empty space (for example a `Spacer` in a `Row`) reach `onPress`.
+  if (props.onPress) mods.push(contentShape(shapes.rectangle()), onTapGesture(props.onPress));
 
   // Lifecycle
   if (props.onAppear) mods.push(onAppear(props.onAppear));

package/src/universal/types.ts

@@ -111,3 +111,30 @@ export interface UniversalBaseProps {
  * @docsInline
  */
 export type UniversalAlignment = 'start' | 'center' | 'end';
+
+/**
+ * Observable state created with `useNativeState`.
+ *
+ * On Android and iOS, the value is shared with native views. A write from the JavaScript thread
+ * is applied on the UI thread asynchronously, so a read right after it may still return the
+ * previous value. Writes don't re-render the component that created the state.
+ *
+ * On web, the value is backed by React state. A write is readable immediately and re-renders the
+ * component that created the state.
+ */
+export type ObservableState<T> = {
+  /**
+   * The current value.
+   */
+  value: T;
+
+  /**
+   * Reads the current value. A React Compiler-compliant alternative to reading `.value`.
+   */
+  get(): T;
+
+  /**
+   * Writes a new value. A React Compiler-compliant alternative to assigning `.value`.
+   */
+  set(value: T): void;
+};

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19-sources.jar.md5

@@ -1 +0,0 @@
-10a87f7e5b9322022e3579f88cee7441

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19-sources.jar.sha1

@@ -1 +0,0 @@
-6b806f321f975d6caff272f29bc91464e74acbb2

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19-sources.jar.sha256

@@ -1 +0,0 @@
-6b32ef025930afd41b632295e3d20bed5d52b29001680721148abc18b7dbf3c8

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19-sources.jar.sha512

@@ -1 +0,0 @@
-5cdf850cb3e0dd28112d6a77eead05862cd9d3e5a75b0e1da56a032b872378b05770bc5640f69fc904bd58383e1c4c24933da4702029e6f8dba9f9ab000ef4ac

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.aar.md5

@@ -1 +0,0 @@
-b3a59c37f58880f20a32caa6a69c8c42

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.aar.sha1

@@ -1 +0,0 @@
-aad7ad5ee2eae34a4143404fa774449f0dc7f6a0

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.aar.sha256

@@ -1 +0,0 @@
-69f99c64824f782c36b1e44617e59fd5f5ddb13f92d906007918534cc8a29dfe

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.aar.sha512

@@ -1 +0,0 @@
-d1c36be4bda31ef4d9df2b222c12ab6ee240523984bb7c550ede0186ac99aebb95f31695f76b74a8ad68c34615fa3c0d5ef15ee8c5f58c5e8e90e766a6f4d1d2

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.module.md5

@@ -1 +0,0 @@
-22bd1a04cef8a0a57a1075b82eda514b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.module.sha1

@@ -1 +0,0 @@
-3af365b8ed7883f229ea41349e15c062f1ad7a63

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.module.sha256

@@ -1 +0,0 @@
-2a5b61f7e12f0d930fc4d9704f068ee06ff80ab5375dad6d624d0912cd6506bc

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.module.sha512

@@ -1 +0,0 @@
-174fdfa60779be5d3f06f40ceb2b5cf3f314a9fb30c86b68cd11d17b8ffd42a998995b7509f8b677ad3055437830bef80747a57e3f5c46e24b37779e552bf29e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.pom.md5

@@ -1 +0,0 @@
-ea45130f36a6c68baf2906357bc91e7c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.pom.sha1

@@ -1 +0,0 @@
-65fbef30690fc0cfaa52e3d42c99d013090b4afd

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.pom.sha256

@@ -1 +0,0 @@
-b1e83cb5f98577ef5af1bcc23b2b95500ab32360b9d0d26735f4da415377f08c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.19/expo.modules.ui-57.0.19.pom.sha512

@@ -1 +0,0 @@
-f712b1f0ed7ed5e98076cdc5a01320497ceb7e48189f3de78bff0f2d9614e8d86da72e048e154481b1c9d74a03bbc26a76c2776828509c94731938a7b8728d0b