@momo-kits/native-kits 0.167.1-duo.8-debug → 0.167.1-duo.9

package/ios/Application/Navigation/component/Header.swift

@@ -1,183 +0,0 @@
-//
-//  Header.swift
-//  MoMoUIKits
-//
-//  SwiftUI mirror of Compose's `Header` (navigation/component/Header.kt).
-//  Renders the 52pt header bar: a circular back button (colors resolved via
-//  `getHeaderColor`), the title area (`HeaderContent` → plain title, user title
-//  or inline search), the header-right toolkit, and a scroll-triggered bottom
-//  shadow. The header band background itself is painted by `HeaderBackground`.
-//
-//  Named `NavigationHeader` to coexist with the legacy `Header` in
-//  `Components.swift` (kept as-is, used as a package elsewhere; to be marked
-//  deprecated later). Used by the new `StackScreen` navigation path.
-//
-
-import SwiftUI
-
-public struct NavigationHeader: View {
-    var headerType: HeaderType = .default
-    var titlePosition: TitlePosition
-    var title: String
-    /// Optional rich title (mirrors Compose's `HeaderTitle`); `.user` renders an
-    /// avatar group, `.default`/nil renders plain `title`.
-    var headerTitle: HeaderTitle?
-    var headerRight: (() -> any View)? = { NavigationHeaderRight() }
-    var goBack: (() -> Void)?
-    var opacity: CGFloat = 1
-    var animatedHeader: AnimatedHeader?
-    var scrollState: CGFloat = 0
-    var inputSearchProps: InputSearchProps?
-    var tintColor: Color?
-    /// Title opacity; used by the animated search header to fade the title out on scroll.
-    var titleOpacity: CGFloat = 1
-
-    public init(
-        headerType: HeaderType = .default,
-        titlePosition: TitlePosition,
-        title: String,
-        headerTitle: HeaderTitle? = nil,
-        headerRight: (() -> any View)? = { HeaderRight() },
-        goBack: (() -> Void)? = nil,
-        opacity: CGFloat = 1,
-        animatedHeader: AnimatedHeader? = nil,
-        scrollState: CGFloat = 0,
-        inputSearchProps: InputSearchProps? = nil,
-        tintColor: Color? = nil,
-        titleOpacity: CGFloat = 1
-    ) {
-        self.headerType = headerType
-        self.titlePosition = titlePosition
-        self.title = title
-        self.headerTitle = headerTitle
-        self.headerRight = headerRight
-        self.goBack = goBack
-        self.opacity = opacity
-        self.animatedHeader = animatedHeader
-        self.scrollState = scrollState
-        self.inputSearchProps = inputSearchProps
-        self.tintColor = tintColor
-        self.titleOpacity = titleOpacity
-    }
-
-    @Environment(\.screenLayout) private var layout
-
-    private var isAnimated: Bool { animatedHeader != nil }
-    /// iPhone Duo side bar holds back and the toolkit; a custom header right stays in the bar.
-    private var useSideBar: Bool { layout.sideBar != nil }
-    private var isSurface: Bool { animatedHeader?.isSurface ?? true }
-
-    private var headerColor: HeaderColor {
-        getHeaderColor(isAnimated: isAnimated, isSurface: isSurface, opacity: opacity, tintColor: tintColor)
-    }
-
-    /// Centered title needs a full-width overlay to stay screen-centered, not
-    /// boxed between the back button and the header-right (mirrors Compose).
-    private var centerTitle: Bool {
-        guard inputSearchProps == nil else { return false }
-        let isDefault = headerTitle == nil || headerTitle?.defaultTitle != nil
-        return titlePosition == .center && isDefault
-    }
-
-    public var body: some View {
-        if headerType != .none {
-            ZStack {
-                HStack(spacing: 0) {
-                    if let goBack, !useSideBar {
-                        BackButton(color: headerColor, onBack: goBack)
-                        Spacer().frame(width: Spacing.S)
-                    }
-
-                    if centerTitle {
-                        Spacer()
-                    } else {
-                        titleArea(centered: false)
-                            .frame(maxWidth: .infinity, alignment: .leading)
-                    }
-
-                    if let headerRight, !(useSideBar && toolkitHeaderRight(headerRight) != nil) {
-                        AnyView(headerRight())
-                            .background(
-                                GeometryReader { geo in
-                                    Color.clear.preference(key: HeaderRightWidthKey.self, value: geo.size.width)
-                                }
-                            )
-                    }
-                }
-                .padding(.horizontal, Spacing.M)
-
-                if centerTitle {
-                    titleArea(centered: true)
-                        .padding(.horizontal, Spacing.M)
-                }
-            }
-            .frame(height: layout.headerBarHeight)
-            .overlay(alignment: .bottom) { VerticalShadow(opacity: opacity) }
-            // the row starts headerStatusBarHeight below the window top: 0 with the status bar off
-            // the top edge, lower on the iPhone Duo outer display to center on the camera
-            .padding(.top, layout.headerStatusBarHeight - layout.insets.top)
-        }
-    }
-
-    /// Mirrors Compose's `HeaderContent`: plain title, user title, or — when a
-    /// header search is active — the inline search field.
-    @ViewBuilder
-    private func titleArea(centered: Bool) -> some View {
-        if let inputSearchProps {
-            InputSearch(props: inputSearchProps)
-        } else if case let .user(userData)? = headerTitle {
-            HeaderUserView(userData)
-        } else {
-            MomoText(
-                headerTitle?.defaultTitle ?? title,
-                typography: .actionSBold,
-                color: headerColor.tintIconColor,
-                textAlign: centered ? .center : .leading,
-                maxLines: 1
-            )
-                .opacity(titleOpacity)
-                .truncationMode(.tail)
-                .frame(maxWidth: centered ? .infinity : nil, alignment: centered ? .center : .leading)
-        }
-    }
-}
-
-// MARK: - Back button
-
-/// Mirrors Compose's `BackButton`: a 28pt circular control with the back arrow.
-private struct BackButton: View {
-    let color: HeaderColor
-    let onBack: () -> Void
-
-    var body: some View {
-        SwiftUI.Button(action: onBack) {
-            Circle()
-                .fill(color.backgroundButton)
-                .overlay(Circle().stroke(color.borderColor, lineWidth: 0.2))
-                .frame(width: 28, height: 28)
-                .overlay(Icon(source: "arrow-back", size: 20, color: color.tintIconColor))
-        }
-        .buttonStyle(.plain)
-    }
-}
-
-// MARK: - Vertical shadow
-
-/// Mirrors Compose's `VerticalShadow`: a 6pt drop shadow under the header that
-/// only appears once the header is fully opaque (scrolled).
-private struct VerticalShadow: View {
-    let opacity: CGFloat
-
-    var body: some View {
-        if opacity >= 1 {
-            LinearGradient(
-                gradient: Gradient(colors: [Color.black.opacity(0.05), .clear]),
-                startPoint: .top,
-                endPoint: .bottom
-            )
-            .frame(height: 6)
-            .frame(maxWidth: .infinity)
-            .offset(y: 6)
-        }
-    }
-}

package/ios/Application/Navigation/component/HeaderBackground.swift

@@ -1,84 +0,0 @@
-//
-//  HeaderBackground.swift
-//  MoMoUIKits
-//
-//  SwiftUI mirror of Compose's `HeaderBackground` (navigation/component/HeaderBackground.kt).
-//  Paints the header band behind the `Header`: a flat surface for `.default`,
-//  the taller pink gradient for `.extended`, fading out as the screen scrolls.
-//  Stays transparent when the header is transparent or the content is full-screen.
-//
-//  Named `NavigationHeaderBackground` to coexist with the legacy
-//  `HeaderBackground` in `Components.swift` (kept as-is, used as a package
-//  elsewhere; to be marked deprecated later). Used by the new `StackScreen`.
-//
-
-import SwiftUI
-
-public struct NavigationHeaderBackground: View {
-    var headerType: HeaderType = .default
-    var scrollState: CGFloat
-    var headerTransparent: Bool = false
-    var fullScreenContent: Bool = false
-
-    public init(
-        headerType: HeaderType = .default,
-        scrollState: CGFloat = 0,
-        headerTransparent: Bool = false,
-        fullScreenContent: Bool = false
-    ) {
-        self.headerType = headerType
-        self.scrollState = scrollState
-        self.headerTransparent = headerTransparent
-        self.fullScreenContent = fullScreenContent
-    }
-
-    private func pinkGradient(topColor: Color, bottomColor: Color) -> LinearGradient {
-        LinearGradient(
-            gradient: Gradient(colors: [
-                topColor,
-                bottomColor
-            ]),
-            startPoint: .top,
-            endPoint: .bottom
-        )
-    }
-
-    @Environment(\.screenLayout) private var layout
-
-    public var body: some View {
-        let opacity = max(0, 1 - scrollState / CGFloat(HEADER_HEIGHT))
-        let minHeight = fullScreenContent ? 0 : layout.headerHeight
-        let maxHeight: CGFloat = 154
-        let backgroundColor = headerTransparent ? Color.clear : Colors.black01
-        let topColor = opacity == 0 ? backgroundColor : Color(hex: 0xFDCADE)
-
-        Group {
-            switch headerType {
-            case .default:
-                ZStack(alignment: .bottom) {
-                    backgroundColor
-                        .frame(height: minHeight)
-                    if !headerTransparent {
-                        pinkGradient(topColor: topColor, bottomColor: backgroundColor)
-                            .frame(height: maxHeight)
-                            .frame(height: minHeight, alignment: .top)
-                            .clipped()
-                    }
-                }
-
-            case .extended:
-                ZStack {
-                    if !headerTransparent {
-                        backgroundColor
-                            .frame(height: maxHeight)
-                        pinkGradient(topColor: topColor, bottomColor: backgroundColor)
-                            .frame(height: maxHeight)
-                    }
-                }
-
-            case .none:
-                EmptyView()
-            }
-        }
-    }
-}

package/ios/Application/Navigation/component/HeaderColor.swift

@@ -1,65 +0,0 @@
-//
-//  HeaderColor.swift
-//  MoMoUIKits
-//
-//  SwiftUI mirror of Compose's `HeaderColor` + `getHeaderColor`
-//  (navigation/component/Header.kt). Resolves the back-button / control colors
-//  for the header based on whether it sits over an animated (image) header and
-//  how far the screen has scrolled.
-//
-
-import SwiftUI
-
-/// Header band height, mirrors Compose's `HEADER_HEIGHT`.
-public let HEADER_HEIGHT: CGFloat = 52
-
-/// Mirrors Compose's `enum InputSearchType`.
-enum NavInputSearchType {
-    case none, header, animated
-}
-
-/// Mirrors Compose's `HeaderColor`.
-public struct HeaderColor {
-    public let tintIconColor: Color
-    public let backgroundButton: Color
-    public let borderColor: Color
-}
-
-/// Mirrors Compose's `getHeaderColor`. On iOS the "animated" header is expressed
-/// via a non-nil `animatedHeader`, so we pass `isAnimated`/`isSurface` instead of
-/// the Compose `HeaderType.Animated` case.
-func getHeaderColor(
-    isAnimated: Bool,
-    isSurface: Bool,
-    opacity: CGFloat,
-    tintColor: Color?,
-    defaultColor: Color = Colors.black17
-) -> HeaderColor {
-    if isAnimated {
-        if opacity >= 1 || !isSurface {
-            return HeaderColor(
-                tintIconColor: Colors.black17,
-                backgroundButton: Colors.black01.opacity(0.6),
-                borderColor: Colors.black20.opacity(0.2)
-            )
-        }
-        return HeaderColor(
-            tintIconColor: Colors.black01,
-            backgroundButton: Colors.black20.opacity(0.6),
-            borderColor: .clear
-        )
-    }
-
-    if tintColor == Colors.black01 {
-        return HeaderColor(
-            tintIconColor: Colors.black01,
-            backgroundButton: Colors.black20.opacity(0.6),
-            borderColor: Colors.black01.opacity(0.2)
-        )
-    }
-    return HeaderColor(
-        tintIconColor: tintColor ?? defaultColor,
-        backgroundButton: Colors.black01.opacity(0.6),
-        borderColor: Colors.black20.opacity(0.2)
-    )
-}

package/ios/Application/Navigation/component/HeaderRightWidthKey.swift

@@ -1,11 +0,0 @@
-import SwiftUI
-
-/// Reports the measured width of the header-right area so the animated search
-/// header can compute its trailing inset (mirrors Compose's headerRightWidthPx).
-/// Written by the header views (`NavigationHeader`) and read by `StackScreen`.
-public struct HeaderRightWidthKey: PreferenceKey {
-    public static var defaultValue: CGFloat = 0
-    public static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
-        value = max(value, nextValue())
-    }
-}

package/ios/Application/Navigation/component/NavigationFooter.swift

@@ -1,90 +0,0 @@
-//
-//  NavigationFooter.swift
-//  MoMoUIKits
-//
-//  SwiftUI mirror of Compose's `Footer` (navigation/StackScreen.kt): the band
-//  pinned under the screen content — surface background, S/M padding, the
-//  navigation-bar reserve, and the 6pt gradient shadow cast up onto the content.
-//
-//  Named `NavigationFooter` to coexist with the legacy `Footer` in `Screen.swift`
-//  (kept as-is for the old `Screen` path). Used by `StackScreen`.
-//
-
-import SwiftUI
-
-public struct NavigationFooter: View {
-    /// Compose's `footerComponent`: nothing renders when nil.
-    var footerComponent: (() -> AnyView)?
-    /// Current keyboard height, measured from the bottom of the screen.
-    var keyboardSize: CGFloat
-
-    public init(
-        footerComponent: (() -> AnyView)?,
-        keyboardSize: CGFloat = 0
-    ) {
-        self.footerComponent = footerComponent
-        self.keyboardSize = keyboardSize
-    }
-
-    @Environment(\.appTheme) private var theme
-
-    /// Read from the window, not from an enclosing `GeometryProxy`: the proxy's bottom
-    /// inset grows to the keyboard height while the keyboard is up.
-    static var safeAreaBottom: CGFloat {
-        UIApplication.shared.connectedScenes
-            .compactMap { ($0 as? UIWindowScene)?.keyWindow?.safeAreaInsets.bottom }
-            .first ?? 0
-    }
-
-    /// Compose's `AppNavigationBar.current` (`getNavigationBarHeight` clamps iOS to 21pt).
-    static var navigationBarInset: CGFloat { min(safeAreaBottom, 21) }
-
-    /// Compose's `bottomPadding + Spacing.S` with the keyboard down. The footer is laid
-    /// out inside the safe area, which already covers part of that gap.
-    static var bottomPadding: CGFloat {
-        max(navigationBarInset + Spacing.S - safeAreaBottom, 0)
-    }
-
-    /// Deliberately an offset and not padding: growing the footer feeds back into SwiftUI's
-    /// keyboard avoidance, so a padding-based lift never settles at the right place.
-    /// Negative lifts the band over the keyboard; positive shaves the few points by which
-    /// the safe area over-reserves compared to Compose. `FloatingContent` rides the same
-    /// amount so the FAB keeps its distance above the band.
-    ///
-    /// Natural position is `safeAreaBottom + bottomPadding` above the bottom of the screen;
-    /// Compose puts it at `(AppNavigationBar - keyboard).coerceAtLeast(0) + Spacing.S` on
-    /// top of the `imePadding()` lift — i.e. `max(navigationBar, keyboard) + Spacing.S`.
-    static func verticalOffset(keyboardSize: CGFloat) -> CGFloat {
-        (safeAreaBottom + bottomPadding) - (max(navigationBarInset, keyboardSize) + Spacing.S)
-    }
-
-    public var body: some View {
-        if let footerComponent = footerComponent {
-            VStack(alignment: .leading, spacing: 0) {
-                footerComponent()
-            }
-            .frame(maxWidth: .infinity, alignment: .leading)
-            .padding(.top, Spacing.S)
-            .padding(.horizontal, Spacing.M)
-            .padding(.bottom, Self.bottomPadding)
-            // Compose paints the surface all the way to the bottom of the screen; the
-            // footer's own frame stops at the safe area, so only the fill bleeds down.
-            .background(theme.colors.background.surface.ignoresSafeArea(.container, edges: [.bottom, .horizontal]))
-            .overlay(alignment: .top) { shadow }
-            .offset(y: Self.verticalOffset(keyboardSize: keyboardSize))
-        }
-    }
-
-    /// Compose offsets the shadow box by -6dp, so it lands on the content above the
-    /// footer rather than on the footer surface itself.
-    private var shadow: some View {
-        LinearGradient(
-            colors: [Color.clear, Color.black.opacity(0.05)],
-            startPoint: .top,
-            endPoint: .bottom
-        )
-        .frame(height: 6)
-        .offset(y: -6)
-        .allowsHitTesting(false)
-    }
-}