@momo-kits/native-kits 0.152.4-beta.6 → 0.152.4-beta.9

package/ios/PopupView/PopupView.swift

@@ -0,0 +1,289 @@
+import SwiftUI
+
+public enum DismissSource {
+    case binding // set isPresented to false ot item to nil
+    case tapInside
+    case tapOutside
+    case drag
+    case autohide
+}
+
+public struct Popup<Item: Equatable, PopupContent: View>: ViewModifier {
+    
+    init(isPresented: Binding<Bool>,
+         type: PopupType,
+         position: Position,
+         animation: Animation,
+         autohideIn: Double?,
+         dragToDismiss: Bool,
+         closeOnTapOutside: Bool,
+         shouldShowContent: Bool = true,
+         showContent: Bool = true,
+         dismissCallback: @escaping (DismissSource) -> (),
+         dismissSource: Binding<DismissSource?>,
+         animationCompletedCallback: @escaping () -> (),
+         view: @escaping () -> PopupContent) {
+        self._isPresented = isPresented
+        self._item = .constant(nil)
+        self.type = type
+        self.position = position
+        self.animation = animation
+        self.autohideIn = autohideIn
+        self.dragToDismiss = dragToDismiss
+        self.closeOnTapOutside = closeOnTapOutside
+        self.shouldShowContent = shouldShowContent
+        self.showContent = showContent
+        self.dismissCallback = dismissCallback
+        self._dismissSource = dismissSource
+        self.animationCompletedCallback = animationCompletedCallback
+        self.view = view
+    }
+
+    init(item: Binding<Item?>,
+         type: PopupType,
+         position: Position,
+         animation: Animation,
+         autohideIn: Double?,
+         dragToDismiss: Bool,
+         closeOnTapOutside: Bool,
+         shouldShowContent: Bool = true,
+         showContent: Bool = true,
+         dismissCallback: @escaping (DismissSource) -> (),
+         dismissSource: Binding<DismissSource?>,
+         animationCompletedCallback: @escaping () -> (),
+         view: @escaping () -> PopupContent) {
+        self._isPresented = .constant(false)
+        self._item = item
+        self.type = type
+        self.position = position
+        self.animation = animation
+        self.autohideIn = autohideIn
+        self.dragToDismiss = dragToDismiss
+        self.closeOnTapOutside = closeOnTapOutside
+        self.shouldShowContent = shouldShowContent
+        self.showContent = showContent
+        self.dismissCallback = dismissCallback
+        self._dismissSource = dismissSource
+        self.animationCompletedCallback = animationCompletedCallback
+        self.view = view
+    }
+    
+    public enum PopupType {
+
+        case `default`
+        case toast
+        case floater(verticalPadding: CGFloat = 10, useSafeAreaInset: Bool = true)
+
+        func shouldBeCentered() -> Bool {
+            switch self {
+            case .`default`:
+                return true
+            default:
+                return false
+            }
+        }
+    }
+
+    public enum Position {
+        case top
+        case bottom
+    }
+
+    private enum DragState {
+        case inactive
+        case dragging(translation: CGSize)
+
+        var translation: CGSize {
+            switch self {
+            case .inactive:
+                return .zero
+            case .dragging(let translation):
+                return translation
+            }
+        }
+
+        var isDragging: Bool {
+            switch self {
+            case .inactive:
+                return false
+            case .dragging:
+                return true
+            }
+        }
+    }
+
+    // MARK: - Public Properties
+    /// Tells if the sheet should be presented or not
+    @Binding var isPresented: Bool
+    @Binding var item: Item?
+
+    var type: PopupType
+    var position: Position
+
+    var animation: Animation
+
+    /// If nil - never hides on its own
+    var autohideIn: Double?
+
+    /// Should allow dismiss by dragging
+    var dragToDismiss: Bool
+
+    /// Should close on tap outside - default is `true`
+    var closeOnTapOutside: Bool
+
+    /// Trigger popup showing/hiding animations and...
+    var shouldShowContent: Bool
+
+    /// ... once hiding animation is finished remove popup from the memory using this flag
+    var showContent: Bool
+
+    /// is called on any close action
+    var dismissCallback: (DismissSource) -> ()
+
+    /// Set dismiss souce to pass to dismiss callback
+    @Binding private var dismissSource: DismissSource?
+
+    /// called on showing/hiding sliding animation completed
+    var animationCompletedCallback: () -> ()
+
+    var view: () -> PopupContent
+
+    // MARK: - Private Properties
+    @Environment(\.safeAreaInsets) private var safeAreaInsets
+
+    /// The rect and safe area of the hosting controller
+    @State private var presenterContentRect: CGRect = .zero
+
+    /// The rect and safe area of popup content
+    @State private var sheetContentRect: CGRect = .zero
+
+    /// Drag to dismiss gesture state
+    @GestureState private var dragState = DragState.inactive
+
+    /// Last position for drag gesture
+    @State private var lastDragPosition: CGFloat = 0
+    
+    /// The offset when the popup is displayed
+    private var displayedOffset: CGFloat {
+        switch type {
+        case .`default`:
+            return -presenterContentRect.midY + screenHeight/2
+        case .toast:
+            if position == .bottom {
+                return presenterContentRect.minY + safeAreaInsets.bottom + presenterContentRect.height - presenterContentRect.midY - sheetContentRect.height/2
+            } else {
+                return presenterContentRect.minY - safeAreaInsets.top - presenterContentRect.midY + sheetContentRect.height/2
+            }
+        case .floater(let verticalPadding, let useSafeAreaInset):
+            if position == .bottom {
+                return presenterContentRect.minY + safeAreaInsets.bottom + presenterContentRect.height - presenterContentRect.midY - sheetContentRect.height/2 - verticalPadding + (useSafeAreaInset ? -safeAreaInsets.bottom : 0)
+            } else {
+                return presenterContentRect.minY - safeAreaInsets.top - presenterContentRect.midY + sheetContentRect.height/2 + verticalPadding + (useSafeAreaInset ? safeAreaInsets.top : 0)
+            }
+        }
+    }
+
+    /// The offset when the popup is hidden
+    private var hiddenOffset: CGFloat {
+        if position == .top {
+            if presenterContentRect.isEmpty {
+                return -1000
+            }
+            return -presenterContentRect.midY - sheetContentRect.height/2 - 5
+        } else {
+            if presenterContentRect.isEmpty {
+                return 1000
+            }
+            return screenHeight - presenterContentRect.midY + sheetContentRect.height/2 + 5
+        }
+    }
+
+    /// The current offset, based on the **presented** property
+    private var currentOffset: CGFloat {
+        return shouldShowContent ? displayedOffset : hiddenOffset
+    }
+
+    private var screenSize: CGSize {
+        #if os(iOS) || os(tvOS)
+        return UIScreen.main.bounds.size
+        #elseif os(watchOS)
+        return WKInterfaceDevice.current().screenBounds.size
+        #else
+        return NSScreen.main?.frame.size ?? .zero
+        #endif
+    }
+
+    private var screenHeight: CGFloat {
+        screenSize.height
+    }
+
+    // MARK: - Content Builders
+    public func body(content: Content) -> some View {
+        content
+            .frameGetter($presenterContentRect)
+            .overlay(
+                Group {
+                    if showContent {
+                        sheet()
+                    }
+                }
+            )
+    }
+
+    /// This is the builder for the sheet content
+    func sheet() -> some View {
+        let sheet = ZStack {
+            self.view()
+                .frameGetter($sheetContentRect)
+                .offset(y: currentOffset)
+                .onAnimationCompleted(for: currentOffset) {
+                    animationCompletedCallback()
+                }
+                .animation(animation)
+        }
+
+        #if !os(tvOS)
+        let drag = DragGesture()
+            .updating($dragState) { drag, state, _ in
+                state = .dragging(translation: drag.translation)
+            }
+            .onEnded(onDragEnded)
+
+        return sheet
+            .applyIf(dragToDismiss) {
+                $0.offset(y: dragOffset())
+                    .simultaneousGesture(drag)
+            }
+        #else
+        return sheet
+        #endif
+    }
+
+    #if !os(tvOS)
+    func dragOffset() -> CGFloat {
+        if (position == .bottom && dragState.translation.height > 0) ||
+           (position == .top && dragState.translation.height < 0) {
+            return dragState.translation.height
+        }
+        return lastDragPosition
+    }
+
+    private func onDragEnded(drag: DragGesture.Value) {
+        let reference = sheetContentRect.height / 3
+        if (position == .bottom && drag.translation.height > reference) ||
+            (position == .top && drag.translation.height < -reference) {
+            lastDragPosition = drag.translation.height
+            withAnimation {
+                lastDragPosition = 0
+            }
+            dismissSource = .drag
+            dismiss()
+        }
+    }
+    #endif
+    
+    private func dismiss() {
+        isPresented = false
+        item = nil
+    }
+}

package/ios/PopupView/Utils++.swift

@@ -0,0 +1,281 @@
+import SwiftUI
+import Combine
+
+final class DispatchWorkHolder {
+    var work: DispatchWorkItem?
+}
+
+final class ClassReference<T> {
+    var value: T
+
+    init(_ value: T) {
+        self.value = value
+    }
+}
+
+public extension View {
+    
+    @ViewBuilder
+    func valueChanged<T: Equatable>(value: T, onChange: @escaping (T) -> Void) -> some View {
+        if #available(iOS 14.0, tvOS 14.0, macOS 11.0, watchOS 7.0, *) {
+            self.onChange(of: value, perform: onChange)
+        } else {
+            self.onReceive(Just(value)) { value in
+                onChange(value)
+            }
+        }
+    }
+}
+
+public extension View {
+    @ViewBuilder
+    func applyIf<T: View>(_ condition: Bool, apply: (Self) -> T) -> some View {
+        if condition {
+            apply(self)
+        } else {
+            self
+        }
+    }
+
+    @ViewBuilder
+    func addTapIf(if condition: Bool, onTap: @escaping ()->()) -> some View {
+        if condition {
+            self.simultaneousGesture(
+                TapGesture().onEnded {
+                    onTap()
+                }
+            )
+        } else {
+            self
+        }
+    }
+}
+
+struct FrameGetter: ViewModifier {
+
+    @Binding var frame: CGRect
+
+    func body(content: Content) -> some View {
+        content
+            .background(
+                GeometryReader { proxy -> AnyView in
+                    DispatchQueue.main.async {
+                        let rect = proxy.frame(in: .global)
+                        // This avoids an infinite layout loop
+                        if rect.integral != self.frame.integral {
+                            self.frame = rect
+                        }
+                    }
+                    return AnyView(EmptyView())
+                }
+            )
+    }
+}
+
+extension View {
+    public func frameGetter(_ frame: Binding<CGRect>) -> some View {
+        modifier(FrameGetter(frame: frame))
+    }
+}
+
+struct AnimationCompletionObserverModifier<Value>: AnimatableModifier where Value: VectorArithmetic, Value: Comparable {
+
+    /// While animating, SwiftUI changes the old input value to the new target value using this property. This value is set to the old value until the animation completes.
+    var animatableData: Value {
+        didSet {
+            notifyCompletionIfFinished()
+        }
+    }
+
+    /// The target value for which we're observing. This value is directly set once the animation starts. During animation, `animatableData` will hold the oldValue and is only updated to the target value once the animation completes.
+    private var targetValue: Value
+
+    /// The completion callback which is called once the animation completes.
+    private var completion: () -> Void
+
+    init(observedValue: Value, completion: @escaping () -> Void) {
+        self.completion = completion
+        self.animatableData = observedValue
+        targetValue = observedValue
+    }
+
+    /// Verifies whether the current animation is finished and calls the completion callback if true.
+    private func notifyCompletionIfFinished() {
+        guard animatableData == targetValue else { return }
+
+        /// Dispatching is needed to take the next runloop for the completion callback.
+        /// This prevents errors like "Modifying state during view update, this will cause undefined behavior."
+        DispatchQueue.main.async {
+            self.completion()
+        }
+    }
+
+    func body(content: Content) -> some View {
+        /// We're not really modifying the view so we can directly return the original input value.
+        return content
+    }
+}
+
+struct AnimatableModifierDouble: AnimatableModifier {
+
+    var targetValue: Double
+    static var done = false
+
+    // SwiftUI gradually varies it from old value to the new value
+    var animatableData: Double {
+        didSet {
+            checkIfFinished()
+        }
+    }
+    var completion: () -> ()
+
+    // Re-created every time the control argument changes
+    init(bindedValue: Double, completion: @escaping () -> ()) {
+        self.completion = completion
+
+        // Set animatableData to the new value. But SwiftUI again directly
+        // and gradually varies the value while the body
+        // is being called to animate. Following line serves the purpose of
+        // associating the extenal argument with the animatableData.
+        self.animatableData = bindedValue
+        targetValue = bindedValue
+        AnimatableModifierDouble.done = false
+    }
+
+    func checkIfFinished() -> () {
+        if AnimatableModifierDouble.done { return }
+        let delta = 0.1
+        if animatableData > targetValue - delta &&
+            animatableData < targetValue + delta {
+            //print("check", animatableData, targetValue)
+            AnimatableModifierDouble.done = true
+            DispatchQueue.main.async {
+                self.completion()
+            }
+        }
+    }
+
+    func body(content: Content) -> some View {
+        content
+    }
+}
+
+extension View {
+
+    func onAnimationCompleted(for value: Double, completion: @escaping () -> Void) -> some View {
+        modifier(AnimatableModifierDouble(bindedValue: value, completion: completion))
+    }
+}
+
+extension UIApplication {
+    var keyWindow: UIWindow? {
+        connectedScenes
+            .compactMap {
+                $0 as? UIWindowScene
+            }
+            .flatMap {
+                $0.windows
+            }
+            .first {
+                $0.isKeyWindow
+            }
+    }
+}
+
+private struct SafeAreaInsetsKey: EnvironmentKey {
+    static var defaultValue: EdgeInsets {
+        UIApplication.shared.keyWindow?.safeAreaInsets.swiftUiInsets ?? EdgeInsets()
+    }
+}
+
+extension EnvironmentValues {
+    var safeAreaInsets: EdgeInsets {
+        self[SafeAreaInsetsKey.self]
+    }
+}
+
+private extension UIEdgeInsets {
+    var swiftUiInsets: EdgeInsets {
+        EdgeInsets(top: top, leading: left, bottom: bottom, trailing: right)
+    }
+}
+
+extension View {
+
+    func transparentNonAnimatingFullScreenCover<Content: View>(isPresented: Binding<Bool>, content: @escaping () -> Content) -> some View {
+        modifier(TransparentNonAnimatableFullScreenModifier(isPresented: isPresented, fullScreenContent: content))
+    }
+}
+
+private struct TransparentNonAnimatableFullScreenModifier<FullScreenContent: View>: ViewModifier {
+
+    @Binding var isPresented: Bool
+    let fullScreenContent: () -> (FullScreenContent)
+
+    func body(content: Content) -> some View {
+        if #available(iOS 14.0, *) {
+            content
+                .valueChanged(value: isPresented, onChange: { isPresented in
+                    UIView.setAnimationsEnabled(false)
+                })
+                .fullScreenCover(isPresented: $isPresented, content: {
+                    ZStack {
+                        fullScreenContent()
+                    }
+                    .background(FullScreenCoverBackgroundRemovalView())
+                    .onAppear {
+                        if !UIView.areAnimationsEnabled {
+                            UIView.setAnimationsEnabled(true)
+                        }
+                    }
+                    .onDisappear {
+                        if !UIView.areAnimationsEnabled {
+                            UIView.setAnimationsEnabled(true)
+                        }
+                    }
+                })
+        } else {
+            content
+                .valueChanged(value: isPresented, onChange: { isPresented in
+                    UIView.setAnimationsEnabled(false)
+                })
+                .sheet(isPresented: $isPresented, content: {
+                    ZStack {
+                        fullScreenContent()
+                    }
+                    .background(FullScreenCoverBackgroundRemovalView())
+                    .onAppear {
+                        if !UIView.areAnimationsEnabled {
+                            UIView.setAnimationsEnabled(true)
+                        }
+                    }
+                    .onDisappear {
+                        if !UIView.areAnimationsEnabled {
+                            UIView.setAnimationsEnabled(true)
+                        }
+                    }
+                })
+        }
+    }
+
+}
+
+private struct FullScreenCoverBackgroundRemovalView: UIViewRepresentable {
+
+    private class BackgroundRemovalView: UIView {
+
+        override func didMoveToWindow() {
+            super.didMoveToWindow()
+
+            superview?.superview?.backgroundColor = .clear
+        }
+
+    }
+
+    func makeUIView(context: Context) -> UIView {
+        return BackgroundRemovalView()
+    }
+
+    func updateUIView(_ uiView: UIView, context: Context) {}
+
+}

package/ios/ScrollIndicator/ScrollIndicator.swift

@@ -0,0 +1,110 @@
+import Foundation
+import SwiftUI
+
+public struct ScrollViewWithScrollBar<Content: View>: View {
+    let INDICATOR_HEIGHT: CGFloat = 4
+    @State var position = CGPoint(x: 0, y: 2)  //2 is INDICATOR_HEIGHT/2
+    @State var contentSize: CGFloat = 0
+    @State var scrollViewWidth: CGFloat = 0
+    var indicatorWidth: CGFloat
+    var indicatorContainerWidth: CGFloat
+    var indicatorColor: Color
+    var indicatorContainerColor: Color
+    var spacing: CGFloat = 4
+    @ViewBuilder var content: () -> Content
+
+    public init(
+        indicatorWidth: CGFloat = 12, indicatorContainerWidth: CGFloat = 36,
+        indicatorColor: Color = Colors.primary, indicatorContainerColor: Color = Colors.black06,
+        spacing: CGFloat = 4,
+        @ViewBuilder content: @escaping () -> Content
+    ) {
+        self.indicatorWidth = indicatorWidth
+        self.indicatorContainerWidth = indicatorContainerWidth
+        self.indicatorColor = indicatorColor
+        self.indicatorContainerColor = indicatorContainerColor
+        self.content = content
+        self.spacing = spacing
+    }
+
+  // MARK: Public
+
+    public var body: some View {
+        return VStack(spacing: spacing) {
+        ScrollView(.horizontal, showsIndicators: false) {
+            HStack {
+            content()
+            }
+            .fixedSize(horizontal: true, vertical: false)
+            .overlay(
+            GeometryReader { proxy in
+                Color.clear
+                .preference(
+                    key: ViewOffsetKey.self,
+                    value: -proxy.frame(in: .named("scroll")).origin.x
+                )
+                .preference(
+                    key: ContentSizeKey.self,
+                    value: proxy.size.width)
+            },
+            alignment: .topLeading
+            )
+            .onPreferenceChange(ContentSizeKey.self) { newContentSize in
+            if newContentSize > 0 {
+                self.contentSize = newContentSize
+                if self.position == CGPoint(x: 0, y: 2) {
+                self.position = CGPoint(x: indicatorWidth / 2, y: INDICATOR_HEIGHT / 2)
+                }
+            }
+            }
+            .onPreferenceChange(ViewOffsetKey.self) { offset in
+            let newPosition =
+                (offset * ((indicatorContainerWidth - indicatorWidth) / (contentSize - scrollViewWidth)))
+                + indicatorWidth / 2
+
+            if !newPosition.isNaN {
+                self.position = CGPoint(x: newPosition, y: INDICATOR_HEIGHT / 2)
+            }
+            }
+        }.background(
+            GeometryReader { proxy in
+            Color.clear.onAppear {
+                self.scrollViewWidth = proxy.size.width
+            }
+            }
+        ).coordinateSpace(name: "scroll")
+
+        HStack(spacing: 0) {
+            HStack(spacing: 0) {}.frame(width: indicatorWidth, height: INDICATOR_HEIGHT)
+            .background(indicatorColor)
+            .cornerRadius(8)
+            .position(self.position)
+        }.frame(width: indicatorContainerWidth, height: INDICATOR_HEIGHT, alignment: .leading)
+            .background(indicatorContainerColor).cornerRadius(8)
+        }
+    }
+}
+
+// MARK: - ViewOffsetKey
+
+struct ViewOffsetKey: PreferenceKey {
+    typealias Value = CGFloat
+
+    static var defaultValue = CGFloat.zero
+
+    static func reduce(value: inout Value, nextValue: () -> Value) {
+        value += nextValue()
+    }
+}
+
+// MARK: - ContentSizeKey
+
+struct ContentSizeKey: PreferenceKey {
+    typealias Value = CGFloat
+
+    static var defaultValue = CGFloat.zero
+
+    static func reduce(value: inout Value, nextValue: () -> Value) {
+        value = nextValue()
+    }
+}