@expo/ui 57.0.18 → 57.0.20

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

@@ -0,0 +1,122 @@
+import { requireNativeView } from 'expo';
+
+import { Slot } from '../SlotView';
+import { createViewModifierEventListener } from '../modifiers/utils';
+import { type CommonViewModifierProps } from '../types';
+
+export type NavigationSplitViewVisibility = 'automatic' | 'all' | 'doubleColumn' | 'detailOnly';
+
+/**
+ * The column shown when the split view collapses into a single column.
+ */
+export type NavigationSplitViewColumn = 'sidebar' | 'content' | 'detail';
+
+export interface NavigationSplitViewProps extends CommonViewModifierProps {
+  /**
+   * The columns of the split view. Provide `NavigationSplitView.Sidebar` and
+   * `NavigationSplitView.Detail`, and add `NavigationSplitView.Content` for a
+   * three-column layout.
+   */
+  children: React.ReactNode;
+  /**
+   * The columns to show. Setting it makes the value controlled: pass the value from
+   * `onColumnVisibilityChange` back in, otherwise dragging the divider has no effect.
+   * Leave it unset to let the split view manage its own columns.
+   * @default 'automatic'
+   */
+  columnVisibility?: NavigationSplitViewVisibility;
+  /**
+   * Called when the visible columns change, including when the user drags the sidebar.
+   */
+  onColumnVisibilityChange?: (visibility: NavigationSplitViewVisibility) => void;
+  /**
+   * The column to show when the split view collapses to a single column, for example
+   * in a narrow window. Setting it makes the value controlled in the same way as
+   * `columnVisibility`.
+   * @default 'sidebar'
+   * @platform ios 17.0+
+   */
+  preferredCompactColumn?: NavigationSplitViewColumn;
+  /**
+   * Called when the collapsed column changes.
+   * @platform ios 17.0+
+   */
+  onPreferredCompactColumnChange?: (column: NavigationSplitViewColumn) => void;
+}
+
+type NativeNavigationSplitViewProps = Omit<
+  NavigationSplitViewProps,
+  'onColumnVisibilityChange' | 'onPreferredCompactColumnChange'
+> & {
+  onColumnVisibilityChange?: (event: {
+    nativeEvent: { visibility: NavigationSplitViewVisibility };
+  }) => void;
+  onPreferredCompactColumnChange?: (event: {
+    nativeEvent: { column: NavigationSplitViewColumn };
+  }) => void;
+};
+
+const NavigationSplitViewNativeView: React.ComponentType<NativeNavigationSplitViewProps> =
+  requireNativeView('ExpoUI', 'NavigationSplitViewView');
+
+function NavigationSplitViewSidebar(props: { children: React.ReactNode }) {
+  return <Slot name="sidebar">{props.children}</Slot>;
+}
+
+function NavigationSplitViewContent(props: { children: React.ReactNode }) {
+  return <Slot name="content">{props.children}</Slot>;
+}
+
+function NavigationSplitViewDetail(props: { children: React.ReactNode }) {
+  return <Slot name="detail">{props.children}</Slot>;
+}
+
+NavigationSplitView.Sidebar = NavigationSplitViewSidebar;
+NavigationSplitView.Content = NavigationSplitViewContent;
+NavigationSplitView.Detail = NavigationSplitViewDetail;
+
+/**
+ * NavigationSplitView uses the native [NavigationSplitView](https://developer.apple.com/documentation/swiftui/navigationsplitview) view.
+ *
+ * It presents a collection, a selection and a detail in one hierarchy: side by side
+ * when there is room, and stacked when there is not.
+ * @example
+ * ```tsx
+ * <Host style={{ flex: 1 }}>
+ *   <NavigationSplitView>
+ *     <NavigationSplitView.Sidebar>
+ *       <List>{items}</List>
+ *     </NavigationSplitView.Sidebar>
+ *     <NavigationSplitView.Detail>
+ *       <ItemDetail item={selectedItem} />
+ *     </NavigationSplitView.Detail>
+ *   </NavigationSplitView>
+ * </Host>
+ * ```
+ * @platform ios 16.0+
+ * @platform tvos 16.0+
+ */
+export function NavigationSplitView(props: NavigationSplitViewProps) {
+  const {
+    modifiers,
+    children,
+    onColumnVisibilityChange,
+    onPreferredCompactColumnChange,
+    ...restProps
+  } = props;
+
+  return (
+    <NavigationSplitViewNativeView
+      modifiers={modifiers}
+      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+      onColumnVisibilityChange={({ nativeEvent: { visibility } }) =>
+        onColumnVisibilityChange?.(visibility)
+      }
+      onPreferredCompactColumnChange={({ nativeEvent: { column } }) =>
+        onPreferredCompactColumnChange?.(column)
+      }
+      {...restProps}>
+      {children}
+    </NavigationSplitViewNativeView>
+  );
+}

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/index.tsx

@@ -27,6 +27,7 @@ export * from './List';
 export * from './Menu';
 export * from './NavigationDestination';
 export * from './NavigationLink';
+export * from './NavigationSplitView';
 export * from './NavigationStack';
 export * from './Picker';
 export * from './ProgressView';

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>
@@ -1881,6 +1900,7 @@ export * from './tag';
 export * from './pickerStyle';
 export * from './menuOrder';
 export * from './tabViewModifiers';
+export * from './navigationModifiers';
 export * from './datePickerStyle';
 export * from './progressViewStyle';
 export * from './gaugeStyle';

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

@@ -0,0 +1,42 @@
+import { createModifier } from './createModifier';
+
+export type NavigationSplitViewStyle = 'automatic' | 'balanced' | 'prominentDetail';
+
+/**
+ * Sets the style of a `NavigationSplitView`.
+ * @param style - The style to apply.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/navigationsplitviewstyle(_:)).
+ */
+export const navigationSplitViewStyle = (style: NavigationSplitViewStyle) =>
+  createModifier('navigationSplitViewStyle', { style });
+
+/**
+ * The resizable form of `navigationSplitViewColumnWidth`.
+ */
+export type NavigationSplitViewColumnWidthParams = {
+  min?: number;
+  ideal: number;
+  max?: number;
+};
+
+/**
+ * Sets the width of a column of a `NavigationSplitView`.
+ *
+ * Pass a number for a fixed column, or an `ideal` width with optional `min` and `max` for a
+ * column that resizes with the window. Prefer the resizable form: a hardcoded sidebar width
+ * does not survive every window size.
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/navigationsplitviewcolumnwidth(_:)).
+ */
+export function navigationSplitViewColumnWidth(width: number): ReturnType<typeof createModifier>;
+export function navigationSplitViewColumnWidth(
+  params: NavigationSplitViewColumnWidthParams
+): ReturnType<typeof createModifier>;
+export function navigationSplitViewColumnWidth(
+  widthOrParams: number | NavigationSplitViewColumnWidthParams
+) {
+  return createModifier(
+    'navigationSplitViewColumnWidth',
+    typeof widthOrParams === 'number' ? { width: widthOrParams } : widthOrParams
+  );
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-272c092ee9ed7e2fc5ae6075f1c7462c

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

@@ -1 +0,0 @@
-bb161f9b1ed6f40ef52b0fbf499f220b2f2dcaae

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

@@ -1 +0,0 @@
-b3959c1ffa53081a1d1dc78b91d28066f74a30ee4f0c5e636bb889f793c3f7b0

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

@@ -1 +0,0 @@
-4bb668ea7d90ee112845564638ba91737dc20fb020ad3373d90ab0a1ba4cf3c680720d652e17dcf9910c119f3d1b48342a3fe089c00e3a0cbe165fd303eb3fd6

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

@@ -1 +0,0 @@
-79532f24975324db511694a8bc767af6

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

@@ -1 +0,0 @@
-9d0123bf63bf3c0e42c4a611dc594003f9edf46f

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

@@ -1 +0,0 @@
-50edde22ac9a6cd2659ebedca41486469824fb3ab8c860ee75ac75f3b5b1dd3f

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

@@ -1 +0,0 @@
-5482643787bed8dcb3a4b658a91225aa6ac54173443c93f7f30a393c082cf33c7ef6af5b26bfc353380da41e59072cb6908d65a04ced73c620f067b1361e4ae7