@expo/ui 1.0.0-canary-20250306-d9d3e02 → 1.0.0-canary-20250331-817737a

package/ios/List.swift

@@ -0,0 +1,122 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+class ListProps: ExpoSwiftUI.ViewProps {
+  @Field var listStyle: String = "automatic"
+  @Field var moveEnabled: Bool = false
+  @Field var deleteEnabled: Bool = false
+  @Field var selectEnabled: Bool = true
+  @Field var scrollEnabled: Bool = false
+  @Field var editModeEnabled: Bool = false
+  var onDeleteItem = EventDispatcher()
+  var onMoveItem = EventDispatcher()
+  var onSelectionChange = EventDispatcher()
+}
+
+struct ListView: ExpoSwiftUI.View {
+  @EnvironmentObject var props: ListProps
+  @State private var selection: Set<Int> = []
+  @State var editModeEnabled: EditMode = .inactive
+  @State var search: String = ""
+  var body: some View {
+    let list = List(selection: props.selectEnabled ? $selection : nil) {
+      UnwrappedChildren { child, isHostingView in
+        child
+          .if(!isHostingView) {
+            $0.offset(
+              x: UIDevice.current.userInterfaceIdiom == .pad
+              ? IPAD_OFFSET : IPHONE_OFFSET)
+          }
+      }
+      .onDelete(perform: handleDelete)
+      .onMove(perform: handleMove)
+      .deleteDisabled(!props.deleteEnabled)
+      .moveDisabled(!props.moveEnabled)
+    }
+      .modifier(ListStyleModifer(style: props.listStyle))
+      .onAppear {
+        editModeEnabled = props.editModeEnabled ? .active : .inactive
+      }
+      .onChange(of: props.editModeEnabled) { newValue in
+        withAnimation {
+          editModeEnabled = newValue ? .active : .inactive
+        }
+      }
+      .onChange(of: selection) { selection in
+        print(selection)
+        handleSelectionChange(selection: selection)
+      }
+      .modifier(ScrollDisabledModifier(scrollEnabled: props.selectEnabled))
+      .environment(\.editMode, $editModeEnabled)
+    if #available(iOS 16.0, tvOS 16.0, *) {
+      list.scrollDisabled(!props.scrollEnabled)
+    } else {
+      list
+    }
+  }
+  func handleDelete(at offsets: IndexSet) {
+    for offset in offsets {
+      props.onDeleteItem([
+        "index": offset
+      ])
+      selection.remove(offset)
+    }
+  }
+  func handleMove(from sources: IndexSet, to destination: Int) {
+    for source in sources {
+      props.onMoveItem([
+        "from": source,
+        "to": destination
+      ])
+    }
+  }
+  func handleSelectionChange(selection: Set<Int>) {
+    let selectionArray = Array(selection)
+    let jsonDict: [String: Any] = [
+      "selection": selectionArray
+    ]
+    props.onSelectionChange(jsonDict)
+  }
+}
+
+struct ListStyleModifer: ViewModifier {
+  var style: String
+  @ViewBuilder func body(content: Content) -> some View {
+    switch style {
+    case "grouped":
+      content.listStyle(.grouped)
+    case "insetGrouped":
+    #if !os(tvOS)
+      content.listStyle(.insetGrouped)
+    #endif
+    case "inset":
+    #if !os(tvOS)
+      content.listStyle(.inset)
+    #endif
+    case "plain":
+      content.listStyle(.plain)
+    case "sidebar":
+    #if !os(tvOS)
+      content.listStyle(.sidebar)
+    #endif
+    case "automatic":
+      content.listStyle(.automatic)
+    default:
+      content
+    }
+  }
+}
+
+struct ScrollDisabledModifier: ViewModifier {
+  let scrollEnabled: Bool
+
+  func body(content: Content) -> some View {
+    if #available(iOS 16.0, tvOS 16.0, *) {
+      content.scrollDisabled(!scrollEnabled)
+    } else {
+      content
+    }
+  }
+}

package/ios/PickerView.swift

@@ -13,40 +13,45 @@ class PickerProps: ExpoSwiftUI.ViewProps {
 }
 
 struct PickerView: ExpoSwiftUI.View {
-  @State var selection: Int?
+  @State var selection: Int = 0
   @State var prevSelectedIndex: Int?
   @EnvironmentObject var props: PickerProps
+  @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
 
   var body: some View {
     if #available(iOS 17.0, tvOS 17.0, *) {
-      Picker(props.label ?? "", selection: $selection) {
-        ForEach(Array(props.options.enumerated()), id: \.0) { index, option in
-          Text(option).tag(index)
+      ExpoSwiftUI.AutoSizingStack(shadowNodeProxy: shadowNodeProxy) {
+        Picker(props.label ?? "", selection: $selection) {
+          ForEach(Array(props.options.enumerated()), id: \.0) { index, option in
+            Text(option).tag(index)
+          }
         }
+        .tint(props.color)
+#if !os(tvOS)
+        .if(props.variant == "wheel", { $0.pickerStyle(.wheel) })
+        .if(props.variant == "palette", { $0.pickerStyle(.palette) })
+#endif
+        .if(props.variant == "segmented", { $0.pickerStyle(.segmented) })
+        .if(props.variant == "inline", { $0.pickerStyle(.inline) })
+        .if(props.variant == "menu", { $0.pickerStyle(.menu) })
+        .onChange(of: selection, perform: { newValue in
+          if props.selectedIndex == newValue {
+            return
+          }
+          let payload = [
+            "index": newValue,
+            "label": props.options[newValue]
+          ]
+          props.onOptionSelected(payload)
+        })
+        .onReceive(props.selectedIndex.publisher, perform: { newValue in
+          if prevSelectedIndex == newValue {
+            return
+          }
+          selection = newValue
+          prevSelectedIndex = newValue
+        })
       }
-      .tint(props.color)
-      #if !os(tvOS)
-      .if(props.variant == "wheel", { $0.pickerStyle(.wheel) })
-      #endif
-      .if(props.variant == "segmented", { $0.pickerStyle(.segmented) })
-      .if(props.variant == "menu", { $0.pickerStyle(.menu) })
-      .onChange(of: selection, perform: { newValue in
-        if props.selectedIndex == newValue {
-          return
-        }
-        let payload = [
-          "index": newValue ?? 0,
-          "label": props.options[newValue ?? 0]
-        ]
-        props.onOptionSelected(payload)
-      })
-      .onReceive(props.selectedIndex.publisher, perform: { newValue in
-        if prevSelectedIndex == newValue {
-          return
-        }
-        selection = newValue
-        prevSelectedIndex = newValue
-      })
     }
   }
 }

package/ios/SectionView.swift

@@ -15,7 +15,7 @@ struct SectionView: ExpoSwiftUI.View {
 
   var body: some View {
     let form = Form {
-      Section(header: Text(props.title ?? "")) {
+      Section(header: Text(props.title ?? "").textCase(nil)) {
         UnwrappedChildren { child, isHostingView in
           child
             .if(!isHostingView) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "1.0.0-canary-20250306-d9d3e02",
+  "version": "1.0.0-canary-20250331-817737a",
   "description": "A collection of UI components",
   "scripts": {
     "build": "expo-module build",
@@ -27,12 +27,11 @@
   "dependencies": {},
   "devDependencies": {
     "@types/react": "~19.0.10",
-    "expo-module-scripts": "4.0.5-canary-20250306-d9d3e02"
+    "expo-module-scripts": "4.0.5-canary-20250331-817737a"
   },
   "peerDependencies": {
     "expo": "*",
     "react": "*",
     "react-native": "*"
-  },
-  "gitHead": "d9d3e024d8742099c307754673f17117a20c1dea"
+  }
 }

package/src/types.ts

@@ -1,9 +1,11 @@
-export type * from '../components/Switch';
-export type * from '../components/Picker';
 export type * from '../components/Button';
 export type * from '../components/ContextMenu';
+export type * from '../components/Picker';
 export type * from '../components/Section';
 export type * from '../components/Slider';
+export type * from '../components/Switch';
+export type * from '../components/Label';
+export type * from '../components/List';
 
 /**
  * @hidden