Added config for composer text input paddings

Author: martinmitrevski

CHANGELOG.md

@@ -10,6 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 ### ✅ Added
 - Add message preview with attachments in channel list
 - Add support for pre-built XCFramework
+- Config for composer text input paddings
 
 ### 🐞 Fixed
 - Made some `ChannelList` and `MessageListView` parameters optional

Sources/StreamChatSwiftUI/ChatChannel/Composer/ComposerConfig.swift

@@ -13,6 +13,7 @@ public struct ComposerConfig {
     public var inputViewCornerRadius: CGFloat
     public var inputFont: UIFont
     public var gallerySupportedTypes: GallerySupportedTypes
+    public var inputPaddingsConfig: PaddingsConfig
     public var adjustMessageOnSend: (String) -> (String)
     public var adjustMessageOnRead: (String) -> (String)
     public var attachmentPayloadConverter: (ChatMessage) -> [AnyAttachmentPayload]
@@ -23,6 +24,7 @@ public struct ComposerConfig {
         inputViewCornerRadius: CGFloat = 20,
         inputFont: UIFont = UIFont.preferredFont(forTextStyle: .body),
         gallerySupportedTypes: GallerySupportedTypes = .imagesAndVideo,
+        inputPaddingsConfig: PaddingsConfig = .composerInput,
         adjustMessageOnSend: @escaping (String) -> (String) = { $0 },
         adjustMessageOnRead: @escaping (String) -> (String) = { $0 },
         attachmentPayloadConverter: @escaping (ChatMessage) -> [AnyAttachmentPayload]
@@ -36,6 +38,7 @@ public struct ComposerConfig {
         self.adjustMessageOnRead = adjustMessageOnRead
         self.attachmentPayloadConverter = attachmentPayloadConverter
         self.gallerySupportedTypes = gallerySupportedTypes
+        self.inputPaddingsConfig = inputPaddingsConfig
     }
 
     public static var defaultAttachmentPayloadConverter: (ChatMessage) -> [AnyAttachmentPayload] = { message in
@@ -48,3 +51,34 @@ public enum GallerySupportedTypes {
     case images
     case videos
 }
+
+public struct PaddingsConfig {
+    public let top: CGFloat
+    public let bottom: CGFloat
+    public let leading: CGFloat
+    public let trailing: CGFloat
+    
+    public var horizontal: CGFloat {
+        leading + trailing
+    }
+    
+    public var vertical: CGFloat {
+        top + bottom
+    }
+    
+    public init(top: CGFloat, bottom: CGFloat, leading: CGFloat, trailing: CGFloat) {
+        self.top = top
+        self.bottom = bottom
+        self.leading = leading
+        self.trailing = trailing
+    }
+}
+
+extension PaddingsConfig {
+    public static let composerInput = PaddingsConfig(
+        top: 4,
+        bottom: 4,
+        leading: 8,
+        trailing: 0
+    )
+}

Sources/StreamChatSwiftUI/ChatChannel/Composer/MessageComposerView.swift

@@ -197,6 +197,7 @@ public struct ComposerInputView<Factory: ViewFactory>: View {
     @Injected(\.colors) private var colors
     @Injected(\.fonts) private var fonts
     @Injected(\.images) private var images
+    @Injected(\.utils) private var utils
 
     var factory: Factory
     @Binding var text: String
@@ -255,6 +256,10 @@ public struct ComposerInputView<Factory: ViewFactory>: View {
 
         return textHeight
     }
+    
+    var inputPaddingsConfig: PaddingsConfig {
+        utils.composerConfig.inputPaddingsConfig
+    }
 
     public var body: some View {
         VStack {
@@ -340,8 +345,9 @@ public struct ComposerInputView<Factory: ViewFactory>: View {
             }
             .frame(height: textFieldHeight)
         }
-        .padding(.vertical, shouldAddVerticalPadding ? 8 : 0)
-        .padding(.leading, 8)
+        .padding(.vertical, shouldAddVerticalPadding ? inputPaddingsConfig.vertical : 0)
+        .padding(.leading, inputPaddingsConfig.leading)
+        .padding(.trailing, inputPaddingsConfig.trailing)
         .background(composerInputBackground)
         .overlay(
             RoundedRectangle(cornerRadius: TextSizeConstants.cornerRadius)

StreamChatSwiftUI.xcodeproj/project.pbxproj

@@ -311,6 +311,7 @@
 		8492975227B156D100A8EEB0 /* SlowModeView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8492975127B156D000A8EEB0 /* SlowModeView.swift */; };
 		8492975427B1725B00A8EEB0 /* MessageComposerView_Tests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8492975327B1725B00A8EEB0 /* MessageComposerView_Tests.swift */; };
 		849894952AD96CCC004ACB41 /* ChatChannelListItemView_Tests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 849894942AD96CCC004ACB41 /* ChatChannelListItemView_Tests.swift */; };
+		849988B02AE6BE4800CC95C9 /* PaddingsConfig_Tests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 849988AF2AE6BE4800CC95C9 /* PaddingsConfig_Tests.swift */; };
 		849CDD942768E0E1003C7A51 /* MessageActionsResolver.swift in Sources */ = {isa = PBXBuildFile; fileRef = 849CDD932768E0E1003C7A51 /* MessageActionsResolver.swift */; };
 		849FD5112811B05C00952934 /* ChatInfoParticipantsView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 849FD5102811B05C00952934 /* ChatInfoParticipantsView.swift */; };
 		84A1CACD2816BC420046595A /* ChatChannelInfoHelperViews.swift in Sources */ = {isa = PBXBuildFile; fileRef = 84A1CACC2816BC420046595A /* ChatChannelInfoHelperViews.swift */; };
@@ -814,6 +815,7 @@
 		8492975127B156D000A8EEB0 /* SlowModeView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SlowModeView.swift; sourceTree = "<group>"; };
 		8492975327B1725B00A8EEB0 /* MessageComposerView_Tests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MessageComposerView_Tests.swift; sourceTree = "<group>"; };
 		849894942AD96CCC004ACB41 /* ChatChannelListItemView_Tests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChatChannelListItemView_Tests.swift; sourceTree = "<group>"; };
+		849988AF2AE6BE4800CC95C9 /* PaddingsConfig_Tests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PaddingsConfig_Tests.swift; sourceTree = "<group>"; };
 		849CDD932768E0E1003C7A51 /* MessageActionsResolver.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MessageActionsResolver.swift; sourceTree = "<group>"; };
 		849FD5102811B05C00952934 /* ChatInfoParticipantsView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChatInfoParticipantsView.swift; sourceTree = "<group>"; };
 		84A1CACC2816BC420046595A /* ChatChannelInfoHelperViews.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChatChannelInfoHelperViews.swift; sourceTree = "<group>"; };
@@ -1905,6 +1907,7 @@
 				84C94D61275A5BB7007FE2B9 /* ChatChannelNamer_Tests.swift */,
 				91B79FD8284E7E9C005B6E4F /* ChatUserNamer_Tests.swift */,
 				84E1D8272976CCAF00060491 /* SortReactions_Tests.swift */,
+				849988AF2AE6BE4800CC95C9 /* PaddingsConfig_Tests.swift */,
 			);
 			path = Utils;
 			sourceTree = "<group>";
@@ -2582,6 +2585,7 @@
 				84C94D4D2758FD5C007FE2B9 /* MessageComposerViewModel_Tests.swift in Sources */,
 				84C94D62275A5BB7007FE2B9 /* ChatChannelNamer_Tests.swift in Sources */,
 				840A3F3828193AB20084E9CC /* ChatChannelInfoView_Tests.swift in Sources */,
+				849988B02AE6BE4800CC95C9 /* PaddingsConfig_Tests.swift in Sources */,
 				84C94D492758BE1C007FE2B9 /* ChatChannelViewModel_Tests.swift in Sources */,
 				842F036D288E93BF00496D49 /* ChatMessage_AdjustedText_Tests.swift in Sources */,
 				84507C98281AC40F0081DDC2 /* AddUsersViewModel_Tests.swift in Sources */,

StreamChatSwiftUITests/Tests/Utils/PaddingsConfig_Tests.swift

@@ -0,0 +1,23 @@
+//
+// Copyright © 2023 Stream.io Inc. All rights reserved.
+//
+
+import StreamChat
+@testable import StreamChatSwiftUI
+import XCTest
+
+final class PaddingsConfig_Tests: XCTestCase {
+
+    func test_paddingsConfig() {
+        // Given
+        let paddingsConfig = PaddingsConfig(top: 4, bottom: 4, leading: 8, trailing: 8)
+        
+        // Then
+        XCTAssert(paddingsConfig.horizontal == 16)
+        XCTAssert(paddingsConfig.vertical == 8)
+        XCTAssert(paddingsConfig.bottom == 4)
+        XCTAssert(paddingsConfig.top == 4)
+        XCTAssert(paddingsConfig.leading == 8)
+        XCTAssert(paddingsConfig.trailing == 8)
+    }
+}