@expo/ui 58.0.8 → 58.0.9

package/src/jetpack-compose/modifiers/index.ts

@@ -79,10 +79,23 @@ export const fillMaxWidth = (fraction?: number) => createModifier('fillMaxWidth'
 export const fillMaxHeight = (fraction?: number) => createModifier('fillMaxHeight', { fraction });
 
 /**
- * Sets the exact width of the view.
- * @param value - Width in dp.
+ * Intrinsic width values for the `width` modifier. `Min` is the smallest width at which the content
+ * still draws correctly, and `Max` is the width the content needs when nothing limits it.
  */
-export const width = (value: number) => createModifier('width', { width: value });
+export const IntrinsicSize = { Min: 'min', Max: 'max' } as const;
+export type IntrinsicSize = (typeof IntrinsicSize)[keyof typeof IntrinsicSize];
+
+/**
+ * Sets the width of the view to an exact value, or to the minimum or maximum intrinsic width of its
+ * content. The incoming constraints can still make the view narrower or wider than that width.
+ * @param value - Width in dp, or an `IntrinsicSize`. `IntrinsicSize.Min` uses the minimum intrinsic
+ * width, the smallest width at which the content still draws correctly (for a text, its widest word).
+ * `IntrinsicSize.Max` uses the maximum intrinsic width, the width the content needs when nothing
+ * limits it (for a text, a single line).
+ * @see [Compose `width(IntrinsicSize)` modifier](https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/width.modifier#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize))
+ * @see [Intrinsic measurements in Compose layouts](https://developer.android.com/develop/ui/compose/layouts/intrinsic-measurements)
+ */
+export const width = (value: number | IntrinsicSize) => createModifier('width', { width: value });
 
 /**
  * Sets the exact height of the view.

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

@@ -1,8 +1,41 @@
 import { requireNativeView } from 'expo';
+import { type ReactElement } from 'react';
 
+import { createLazyStackForEach } from '../LazyStackForEach';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
+export interface LazyHStackForEachProps<T> {
+  /** Items to display. Replace the array when updating data. */
+  data: readonly T[];
+  /** Returns a stable, unique string key for each item. */
+  keyExtractor: (item: T, index: number) => string;
+  /**
+   * Renders an item. Wrap it in `useCallback`, or every item re-renders on each parent render.
+   * Recycled views are reused for other items, so their local state (`useState`) carries over.
+   * Reset it when the item changes, or keep the state outside the view.
+   */
+  children: (info: { item: T; index: number }) => ReactElement;
+  /**
+   * Renders only the items near the visible range and reuses them while scrolling. Set to `false`
+   * to render every item at once. Set it once; changing it remounts the items.
+   * @default true
+   */
+  recycling?: boolean;
+  /**
+   * Extra items to prepare on each side of the visible items. Must be a non-negative integer.
+   * Ignored when `recycling` is `false`.
+   * @default 10
+   */
+  overscanCount?: number;
+  /**
+   * Placeholder size in points along the stack axis, until an item is measured. Must be positive.
+   * Ignored when `recycling` is `false`.
+   * @default 64
+   */
+  estimatedItemSize?: number;
+}
+
 export interface LazyHStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
@@ -30,3 +63,15 @@ export function LazyHStack(props: LazyHStackProps) {
     />
   );
 }
+
+/**
+ * A block of recycled items inside `LazyHStack`. Only a small pool of items around the visible
+ * range is mounted. Items that are not ready yet show a placeholder of `estimatedItemSize`, or of
+ * the size last measured for that item.
+ *
+ * Mount it as a direct child of `LazyHStack`.
+ */
+export const LazyHStackForEach: <T>(props: LazyHStackForEachProps<T>) => ReactElement =
+  createLazyStackForEach('LazyHStack.ForEach', 'horizontal');
+
+LazyHStack.ForEach = LazyHStackForEach;

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

@@ -0,0 +1,110 @@
+import { requireNativeView } from 'expo';
+import { Fragment, type ReactElement } from 'react';
+
+import {
+  useItemKeys,
+  useRecycledRows,
+  type WindowChangeEvent,
+} from '../../recycling/useRecycledRows';
+import { type ViewEvent } from '../../types';
+import { NativeSlot } from '../List/DataListForEach';
+
+export interface LazyStackForEachProps<T> {
+  /** Items to display. Replace the array when updating data. */
+  data: readonly T[];
+  /** Returns a stable, unique string key for each item. */
+  keyExtractor: (item: T, index: number) => string;
+  /**
+   * Renders a row. Wrap it in `useCallback`, or every row re-renders on each parent render.
+   * Recycled rows are reused for other items, so their local state (`useState`) carries over.
+   * Reset it when the item changes, or keep the state outside the row.
+   */
+  children: (info: { item: T; index: number }) => ReactElement;
+  /**
+   * Renders only the rows near the visible range and reuses them while scrolling. Set to `false` to
+   * render every row at once. Set it once; changing it remounts the rows.
+   * @default true
+   */
+  recycling?: boolean;
+  /**
+   * Extra rows to prepare on each side of the visible rows. Must be a non-negative integer.
+   * Ignored when `recycling` is `false`.
+   * @default 10
+   */
+  overscanCount?: number;
+  /**
+   * Placeholder size in points along the stack axis, until a row is measured. Must be positive.
+   * Ignored when `recycling` is `false`.
+   * @default 64
+   */
+  estimatedItemSize?: number;
+}
+
+type Axis = 'vertical' | 'horizontal';
+
+type NativeProps = ViewEvent<'onWindowChange', WindowChangeEvent> & {
+  axis: Axis;
+  itemKeys: string[];
+  revision: number;
+  estimatedItemSize: number;
+  children: ReactElement;
+};
+
+const NativeForEach = requireNativeView<NativeProps>('ExpoUI', 'DataListForEachView');
+const NativePool = requireNativeView<{ children: ReactElement[] }>(
+  'ExpoUI',
+  'DataListForEachPoolView'
+);
+
+/**
+ * @hidden
+ * Creates the `ForEach` component of one lazy stack, so its errors name that stack.
+ */
+export function createLazyStackForEach(componentName: string, axis: Axis) {
+  function ForEach<T>({ recycling = true, ...props }: LazyStackForEachProps<T>) {
+    return recycling ? <RecycledForEach {...props} /> : <StaticForEach {...props} />;
+  }
+
+  // Each row is a plain child of the lazy stack.
+  function StaticForEach<T>({
+    data,
+    keyExtractor,
+    children: renderItem,
+  }: Omit<LazyStackForEachProps<T>, 'recycling'>) {
+    const itemKeys = useItemKeys(componentName, data, keyExtractor);
+    return data.map((item, index) => (
+      <Fragment key={itemKeys[index]}>{renderItem({ item, index })}</Fragment>
+    ));
+  }
+
+  function RecycledForEach<T>({
+    data,
+    keyExtractor,
+    children: renderItem,
+    overscanCount,
+    estimatedItemSize = 64,
+  }: Omit<LazyStackForEachProps<T>, 'recycling'>) {
+    const { itemKeys, revision, rows, onWindowChange } = useRecycledRows({
+      componentName,
+      Slot: NativeSlot,
+      data,
+      keyExtractor,
+      renderItem,
+      overscanCount,
+      estimatedItemSize,
+    });
+
+    return (
+      <NativeForEach
+        axis={axis}
+        itemKeys={itemKeys}
+        revision={revision}
+        estimatedItemSize={estimatedItemSize}
+        onWindowChange={({ nativeEvent }) => onWindowChange(nativeEvent)}>
+        <NativePool>{rows}</NativePool>
+      </NativeForEach>
+    );
+  }
+  ForEach.displayName = componentName;
+  return ForEach;
+}

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

@@ -1,8 +1,41 @@
 import { requireNativeView } from 'expo';
+import { type ReactElement } from 'react';
 
+import { createLazyStackForEach } from '../LazyStackForEach';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
+export interface LazyVStackForEachProps<T> {
+  /** Items to display. Replace the array when updating data. */
+  data: readonly T[];
+  /** Returns a stable, unique string key for each item. */
+  keyExtractor: (item: T, index: number) => string;
+  /**
+   * Renders a row. Wrap it in `useCallback`, or every row re-renders on each parent render.
+   * Recycled rows are reused for other items, so their local state (`useState`) carries over.
+   * Reset it when the item changes, or keep the state outside the row.
+   */
+  children: (info: { item: T; index: number }) => ReactElement;
+  /**
+   * Renders only the rows near the visible range and reuses them while scrolling. Set to `false` to
+   * render every row at once. Set it once; changing it remounts the rows.
+   * @default true
+   */
+  recycling?: boolean;
+  /**
+   * Extra rows to prepare on each side of the visible rows. Must be a non-negative integer.
+   * Ignored when `recycling` is `false`.
+   * @default 10
+   */
+  overscanCount?: number;
+  /**
+   * Placeholder size in points along the stack axis, until a row is measured. Must be positive.
+   * Ignored when `recycling` is `false`.
+   * @default 64
+   */
+  estimatedItemSize?: number;
+}
+
 export interface LazyVStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
@@ -30,3 +63,15 @@ export function LazyVStack(props: LazyVStackProps) {
     />
   );
 }
+
+/**
+ * A block of recycled rows inside `LazyVStack`. Only a small pool of rows around the visible
+ * range is mounted. Rows that are not ready yet show a placeholder of `estimatedItemSize`, or of
+ * the size last measured for that row.
+ *
+ * Mount it as a direct child of `LazyVStack`.
+ */
+export const LazyVStackForEach: <T>(props: LazyVStackForEachProps<T>) => ReactElement =
+  createLazyStackForEach('LazyVStack.ForEach', 'vertical');
+
+LazyVStack.ForEach = LazyVStackForEach;

package/src/swift-ui/List/DataListForEach.tsx

@@ -10,7 +10,7 @@ import { type ViewEvent } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export interface ListForEachProps<ItemT> extends CommonViewModifierProps {
+export interface ListForEachProps<T> extends CommonViewModifierProps {
   /** Called with deleted indices from this group's `data` array. */
   onDelete?: (indices: number[]) => void;
   /**
@@ -19,16 +19,16 @@ export interface ListForEachProps<ItemT> extends CommonViewModifierProps {
    */
   onMove?: (sourceIndices: number[], destination: number) => void;
   /** Items to display. Replace the array when updating data. */
-  data: readonly ItemT[];
+  data: readonly T[];
   /** Returns a stable, unique string key, also used for `List` selection. */
-  keyExtractor: (item: ItemT, index: number) => string;
+  keyExtractor: (item: T, index: number) => string;
   /**
    * Renders a row. When `recycling` is `true`, wrap it in `useCallback`, or every row
    * re-renders on each parent render.
    * Recycled rows are reused for other items, so their local state (`useState`) carries over.
    * Reset it when the item changes, or keep the state outside the row.
    */
-  children: (info: { item: ItemT; index: number }) => ReactElement;
+  children: (info: { item: T; index: number }) => ReactElement;
   /**
    * Renders only the rows near the visible range and reuses them while scrolling. Set to `false` to
    * render every row at once. Set it once; changing it remounts the rows.
@@ -43,8 +43,7 @@ export interface ListForEachProps<ItemT> extends CommonViewModifierProps {
   overscanCount?: number;
   /**
    * Placeholder height in points, excluding `List` insets, until a row is measured.
-   * Must be positive. Measurements reset when `data` or width changes.
-   * Ignored when `recycling` is `false`.
+   * Must be positive. Ignored when `recycling` is `false`.
    * @default 64
    */
   estimatedItemSize?: number;
@@ -74,7 +73,7 @@ const NativePool = requireNativeView<{ children: ReactElement[] }>(
  * Rows show placeholders while JS prepares content. Native keys still cover the full data set.
  * @platform ios
  */
-export function DataListForEach<ItemT>({
+export function DataListForEach<T>({
   data,
   keyExtractor,
   children: renderItem,
@@ -84,7 +83,7 @@ export function DataListForEach<ItemT>({
   onDelete,
   onMove,
   ...props
-}: ListForEachProps<ItemT>) {
+}: ListForEachProps<T>) {
   const { itemKeys, revision, rows, onWindowChange, isCurrentRevision } = useRecycledRows({
     componentName: 'List.ForEach',
     Slot: NativeSlot,

package/src/swift-ui/List/ListForEach.tsx

@@ -1,4 +1,5 @@
 import { requireNativeView } from 'expo';
+import { type ReactElement } from 'react';
 
 import { useItemKeys } from '../../recycling/useRecycledRows';
 import { type ViewEvent } from '../../types';
@@ -56,7 +57,13 @@ let warnedElements = false;
  * Pass `data` with `keyExtractor`, and render each row from a `children` function.
  * Recycles rows unless `recycling` is `false`.
  */
-export function ListForEach<ItemT>(props: ListForEachProps<ItemT> | ListForEachElementsProps) {
+export function ListForEach<T>(props: ListForEachProps<T>): ReactElement;
+/**
+ * @hidden
+ * @deprecated Pass `data` and `keyExtractor`, and render each row from a `children` function.
+ */
+export function ListForEach(props: ListForEachElementsProps): ReactElement;
+export function ListForEach<T>(props: ListForEachProps<T> | ListForEachElementsProps) {
   if (props.data === undefined) {
     if (__DEV__ && !warnedElements) {
       warnedElements = true;
@@ -87,14 +94,14 @@ function ChildrenListForEach({ children, onDelete, onMove, ...props }: ListForEa
   );
 }
 
-function StaticListForEach<ItemT>({
+function StaticListForEach<T>({
   data,
   keyExtractor,
   children: renderItem,
   overscanCount: _overscanCount,
   estimatedItemSize: _estimatedItemSize,
   ...props
-}: Omit<ListForEachProps<ItemT>, 'recycling'>) {
+}: Omit<ListForEachProps<T>, 'recycling'>) {
   const itemKeys = useItemKeys('List.ForEach', data, keyExtractor);
   return (
     <ChildrenListForEach {...props}>

package/src/swift-ui/index.tsx

@@ -20,6 +20,7 @@ export * from './LabeledContent';
 export * from './HStack';
 export * from './LazyHStack';
 export * from './LazyVStack';
+export { type LazyStackForEachProps } from './LazyStackForEach';
 export * from './VStack';
 export * from './ZStack';
 export * from './Group';

package/src/universal/Switch/index.android.tsx

@@ -1,5 +1,11 @@
 import { Row, Switch as ComposeSwitch, Text } from '@expo/ui/jetpack-compose';
-import { testID as testIDModifier, weight } from '@expo/ui/jetpack-compose/modifiers';
+import {
+  fillMaxWidth,
+  IntrinsicSize,
+  testID as testIDModifier,
+  weight,
+  width,
+} from '@expo/ui/jetpack-compose/modifiers';
 
 import type { SwitchProps } from './types';
 
@@ -16,7 +22,10 @@ export function Switch({ value, onValueChange, label, disabled, testID, modifier
   if (label == null) return toggle;
 
   return (
-    <Row verticalAlignment="center" horizontalArrangement={{ spacedBy: 8 }}>
+    <Row
+      verticalAlignment="center"
+      horizontalArrangement={{ spacedBy: 8 }}
+      modifiers={[fillMaxWidth(), width(IntrinsicSize.Max)]}>
       <Text modifiers={[weight(1)]}>{label}</Text>
       {toggle}
     </Row>

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

@@ -1 +0,0 @@
-9fb8758d9f0ad26c9154ad6536600e2c

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

@@ -1 +0,0 @@
-c96c6c3f5dc0911a893274646c0cf2096a610423

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

@@ -1 +0,0 @@
-02ee570f6a4a03679186bf43c56875eebf84f15abb7e79bb7040eddad7da908d

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

@@ -1 +0,0 @@
-fe7df10c6d11c1f95ca7de35f60911401b64bd4b258c6c7956611f973bd062a367c0aea2693298e3d703e58a89b70cfd2c47851400299d035ea28499e595fb8e

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

@@ -1 +0,0 @@
-31be76a409dceed307ca47e9e66c8348

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

@@ -1 +0,0 @@
-94aec72d27a48e827dbb31b9d734150334b08662

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

@@ -1 +0,0 @@
-315787d05711205c64b7245b046f29efe369b50f4e86866afef62b2b2474e537

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

@@ -1 +0,0 @@
-e5ced1751f3e2e90a7320abf88d98bea0a578fbcabcf73c0aca0e9997efe4d0313375d810c789fe2d96f6f6d5cdb9f36c21c2b82f67db8626149105938f29523

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

@@ -1 +0,0 @@
-d90e8090b804462073dc5b54b9753b7d

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

@@ -1 +0,0 @@
-04e6aa44f454389ad4bdd5cf30bd1d86bae120ad

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

@@ -1 +0,0 @@
-dc6fa612aeec16b9c3aeda4837e935cdeeb84368a021a3f44def2a1f95101945

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

@@ -1 +0,0 @@
-576894a57cc60ce514c66e1cabe503a43173905290c5982e5268be4c8cf344b915e5320d628c809ce8b1fa8d199bca5293717a98be66f0ade834a7a3f2dbb57c

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

@@ -1 +0,0 @@
-bc00f54a242aca990d0c2de2c183ebc5

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

@@ -1 +0,0 @@
-1796327cd18b03ab779e31706ba31eae75368745

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

@@ -1 +0,0 @@
-f2ca3168b9cef1803d4210547ea66a36803383de87fcbb41f0dccb5b7505d34d

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

@@ -1 +0,0 @@
-ce4c6350bbf8c0e67d3e2d2bc08434e67d236e63cb336a35b82962d1842dec854ddfe8e78c45e4b09d43e48e2dee4b8a8f18cce0520e95df65ddcb16721742cd

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<metadata>
-  <groupId>expo.modules.ui</groupId>
-  <artifactId>expo.modules.ui</artifactId>
-  <versioning>
-    <latest>58.0.8</latest>
-    <release>58.0.8</release>
-    <versions>
-      <version>58.0.8</version>
-    </versions>
-    <lastUpdated>20260928121125</lastUpdated>
-  </versioning>
-</metadata>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.md5

@@ -1 +0,0 @@
-e688c2de104d33044dd1efbb0fb077a5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha1

@@ -1 +0,0 @@
-c07aaec5e802705f3098f5318af20765f1b90eaf

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha256

@@ -1 +0,0 @@
-7d1dc7ca750e3904d57d825eed29663ed37a41fa992e790bd198f2fe23579db2

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha512

@@ -1 +0,0 @@
-d47c70eb9cd8b56d5ff5494bd9fca491c4a71662d618fa6a0dc0b82394a129c8bf18ab740bf4eea86f8fe115c41fc2251d0fb53f8b0f51ff9cd094e2f50472fa