npm - @expo/ui - Versions diffs - 58.0.3 → 58.0.4 - Mend

@@ -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:)`.
  *

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "58.0.3",
+  "version": "58.0.4",
   "description": "A collection of UI components",
   "keywords": [
     "Jetpack Compose",
@@ -147,7 +147,7 @@
     "@types/babel__core": "^7.20.5",
     "@types/jest": "^29.2.1",
     "@types/node": "^22.14.0",
-    "@types/react": "~19.2.0",
+    "@types/react": "~19.3.0",
     "expo-module-scripts": "56.0.3",
     "react-native-reanimated": "4.6.0",
     "react-native-worklets": "0.12.2"
@@ -171,7 +171,7 @@
       "optional": true
     }
   },
-  "gitHead": "917a61b581baeb852aa4fe331da2c1395d824351",
+  "gitHead": "ebb1fd7569c9c9e172cb9abd73dfede027c1d674",
   "scripts": {
     "precompile-ios": "et prebuild-package-for-publish",
     "build": "pnpm run build:lib && pnpm run build:plugin",

@@ -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>

	@@ -1 +1 @@
1	- ~~0928007d27e87421f62a87d1bf27d355~~
1	+ aeb3687fda3babb900b2707c7eccdb58

	@@ -1 +1 @@
1	- ~~af6115503d93548c23a6a0e7b004ede8469a7dc6~~
1	+ dd275fe2064eb6646022d5d7a7267798f746ae78

	@@ -1 +1 @@
1	- ~~3c826fb526f711a7f0dfc2e564c453c605fe8325e198bcf4ff8f235f164a26c7~~
1	+ bf551fbc49828d971a3be529217cfc4eabd7be7be59392253769cf5e900a2f80

	@@ -1 +1 @@
1	- ~~582d5887267892cd86d2206a0c59ec62b4070ff75826afa6e1eca29158c6b2f9fab30108d9c348ab2a6334c7ec472b4c3ddba307fc1fecbfb78dc14131ad8561~~
1	+ be2b24ecf8748c7315ba41f174f8b07f3150d103136753794b87a2793af26ee5ae9c7bc4d0620dd6d6af95e0bd56bc8895b6c9ab35e1929a19e3c8fe3bda6d27

	@@ -1 +0,0 @@
1	- 297ecd2b76dbb6908b0b2897c6adba6be5dd10cb16c8ca169525a40e207d52c2

	@@ -1 +0,0 @@
1	- 59ec9e524c62a8b77c41e894e4833d24d2c9bb1912ef1be23d81ab6eb04bcf1f8743cdc11528bf2630b0f1f29db20b017e8015ebde418530196d7dcea06a90bc

	@@ -1 +0,0 @@
1	- 8faeae3cb56c1d29d1a120a9a8c1964e6015ba993519f244283855a066a1704c

	@@ -1 +0,0 @@
1	- dfe706437f10aa521a458896b97fa14d945cf66c80dab9cc43fddd444cddd016073b783076f38ba90e07c5076b8752bf66e136ce9c40d85195cf27a231ce7f9d

	@@ -1 +0,0 @@
1	- 3132fad975d41a34859dc35c8f9c1767acd1787b1f62c74bbc28fca4538e76ee

	@@ -1 +0,0 @@
1	- fc7327578f989b701393131ad9a5f339a3e9b7baf4d5c853e7acc8349aa30fe4cc55eb23cb8f65148c6bc945f68a1c759a2ca9c670194a07aa44089604f89c9c

	@@ -1 +0,0 @@
1	- 8794b8164746750abcd5634353883d4b

	@@ -1 +0,0 @@
1	- 51a2f1006c7baddabf82bef24f20526a08f172ed

	@@ -1 +0,0 @@
1	- df649a67c82e5ea67b2cbf457d10bb0a

	@@ -1 +0,0 @@
1	- dac5e40669e0f7832763a444814375947cfc1d1c

	@@ -1 +0,0 @@
1	- d7deb9d31dfb1f7ac620f7ef3c6a58bca9c782fce46ea8aa55ebd82e25e1c021

	@@ -1 +0,0 @@
1	- e97b7f216bbaadd44038a2952826d8c60f626f5effc09bf49299ff3e8196c04921f29c48a57e76c6c079bb5f9ab3e2a642f41bbf8c5339b2c31093456d6e0435

@expo/ui 58.0.3 → 58.0.4