feat(ui): inline attachment picker

melos.yaml

@@ -95,7 +95,7 @@ command:
       stream_core_flutter:
         git:
           url: https://github.com/GetStream/stream-core-flutter.git
-          ref: 77df1314fb3be17e3bc711996421699fc7b521a2
+          ref: 0d5268a506dbc045fcdb8ac901bb2fc70367a3af
           path: packages/stream_core_flutter
       synchronized: ^3.1.0+1
       thumblr: ^0.0.4

packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_component_props.dart

@@ -22,6 +22,7 @@ class MessageComposerComponentProps {
     required this.onSendPressed,
     this.voiceRecordingCallback,
     this.onAttachmentButtonPressed,
+    this.isPickerOpen = false,
     this.focusNode,
     this.currentUserId,
     required this.audioRecorderState,
@@ -45,6 +46,9 @@ class MessageComposerComponentProps {
   /// The callback for when the attachment button is pressed.
   final VoidCallback? onAttachmentButtonPressed;
 
+  /// Whether the inline attachment picker is currently open.
+  final bool isPickerOpen;
+
   /// The focus node for the message composer component.
   final FocusNode? focusNode;
 
@@ -73,6 +77,7 @@ class MessageComposerLeadingProps extends MessageComposerComponentProps {
     required super.onSendPressed,
     required super.voiceRecordingCallback,
     required super.onAttachmentButtonPressed,
+    required super.isPickerOpen,
     required super.focusNode,
     required super.currentUserId,
     required super.audioRecorderState,
@@ -87,6 +92,7 @@ class MessageComposerLeadingProps extends MessageComposerComponentProps {
       onSendPressed: props.onSendPressed,
       voiceRecordingCallback: props.voiceRecordingCallback,
       onAttachmentButtonPressed: props.onAttachmentButtonPressed,
+      isPickerOpen: props.isPickerOpen,
       focusNode: props.focusNode,
       currentUserId: props.currentUserId,
       audioRecorderState: props.audioRecorderState,
@@ -103,6 +109,7 @@ class MessageComposerTrailingProps extends MessageComposerComponentProps {
     required super.onSendPressed,
     required super.voiceRecordingCallback,
     required super.onAttachmentButtonPressed,
+    required super.isPickerOpen,
     required super.focusNode,
     required super.currentUserId,
     required super.audioRecorderState,
@@ -117,6 +124,7 @@ class MessageComposerTrailingProps extends MessageComposerComponentProps {
       onSendPressed: props.onSendPressed,
       voiceRecordingCallback: props.voiceRecordingCallback,
       onAttachmentButtonPressed: props.onAttachmentButtonPressed,
+      isPickerOpen: props.isPickerOpen,
       focusNode: props.focusNode,
       currentUserId: props.currentUserId,
       audioRecorderState: props.audioRecorderState,
@@ -133,6 +141,7 @@ class MessageComposerInputProps extends MessageComposerComponentProps {
     required super.onSendPressed,
     required super.voiceRecordingCallback,
     required super.onAttachmentButtonPressed,
+    required super.isPickerOpen,
     required super.focusNode,
     required super.currentUserId,
     required super.audioRecorderState,
@@ -147,6 +156,7 @@ class MessageComposerInputProps extends MessageComposerComponentProps {
       onSendPressed: props.onSendPressed,
       voiceRecordingCallback: props.voiceRecordingCallback,
       onAttachmentButtonPressed: props.onAttachmentButtonPressed,
+      isPickerOpen: props.isPickerOpen,
       focusNode: props.focusNode,
       currentUserId: props.currentUserId,
       audioRecorderState: props.audioRecorderState,
@@ -163,6 +173,7 @@ class MessageComposerInputLeadingProps extends MessageComposerComponentProps {
     required super.onSendPressed,
     required super.voiceRecordingCallback,
     required super.onAttachmentButtonPressed,
+    required super.isPickerOpen,
     required super.focusNode,
     required super.currentUserId,
     required super.audioRecorderState,
@@ -177,6 +188,7 @@ class MessageComposerInputLeadingProps extends MessageComposerComponentProps {
       onSendPressed: props.onSendPressed,
       voiceRecordingCallback: props.voiceRecordingCallback,
       onAttachmentButtonPressed: props.onAttachmentButtonPressed,
+      isPickerOpen: props.isPickerOpen,
       focusNode: props.focusNode,
       currentUserId: props.currentUserId,
       audioRecorderState: props.audioRecorderState,
@@ -193,6 +205,7 @@ class MessageComposerInputHeaderProps extends MessageComposerComponentProps {
     required super.onSendPressed,
     required super.voiceRecordingCallback,
     required super.onAttachmentButtonPressed,
+    required super.isPickerOpen,
     required super.focusNode,
     required super.currentUserId,
     required super.audioRecorderState,
@@ -207,6 +220,7 @@ class MessageComposerInputHeaderProps extends MessageComposerComponentProps {
       onSendPressed: props.onSendPressed,
       voiceRecordingCallback: props.voiceRecordingCallback,
       onAttachmentButtonPressed: props.onAttachmentButtonPressed,
+      isPickerOpen: props.isPickerOpen,
       focusNode: props.focusNode,
       currentUserId: props.currentUserId,
       audioRecorderState: props.audioRecorderState,
@@ -223,6 +237,7 @@ class MessageComposerInputTrailingProps extends MessageComposerComponentProps {
     required super.onSendPressed,
     required super.voiceRecordingCallback,
     required super.onAttachmentButtonPressed,
+    required super.isPickerOpen,
     required super.focusNode,
     required super.currentUserId,
     required super.audioRecorderState,
@@ -237,6 +252,7 @@ class MessageComposerInputTrailingProps extends MessageComposerComponentProps {
       onSendPressed: props.onSendPressed,
       voiceRecordingCallback: props.voiceRecordingCallback,
       onAttachmentButtonPressed: props.onAttachmentButtonPressed,
+      isPickerOpen: props.isPickerOpen,
       focusNode: props.focusNode,
       currentUserId: props.currentUserId,
       audioRecorderState: props.audioRecorderState,

packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_leading.dart

@@ -30,6 +30,9 @@ class _DefaultStreamMessageComposerLeading extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    // 45 degrees = 0.125 turns
+    const closedRotation = 0.125;
+
     return AnimatedOpacity(
       opacity: props.isAudioRecordingFlowActive ? 0.0 : 1.0,
       duration: props.isAudioRecordingFlowActive ? Duration.zero : const Duration(milliseconds: 200),
@@ -40,15 +43,20 @@ class _DefaultStreamMessageComposerLeading extends StatelessWidget {
         child: Row(
           children: [
             if (!props.isAudioRecordingFlowActive) ...[
-              StreamButton.icon(
-                icon: context.streamIcons.plusLarge,
-                style: StreamButtonStyle.secondary,
-                type: StreamButtonType.outline,
-                size: StreamButtonSize.large,
-                isFloating: props.isFloating,
-                onTap: () {
-                  props.onAttachmentButtonPressed?.call();
-                },
+              AnimatedRotation(
+                turns: props.isPickerOpen ? closedRotation : 0,
+                duration: const Duration(milliseconds: 150),
+                curve: Curves.easeOut,
+                child: StreamButton.icon(
+                  icon: context.streamIcons.plusLarge,
+                  style: StreamButtonStyle.secondary,
+                  type: StreamButtonType.outline,
+                  size: StreamButtonSize.large,
+                  isFloating: props.isFloating,
+                  onTap: () {
+                    props.onAttachmentButtonPressed?.call();
+                  },
+                ),
               ),
               SizedBox(width: context.streamSpacing.xs),
             ],

packages/stream_chat_flutter/lib/src/components/message_composer/stream_chat_message_composer.dart

@@ -26,6 +26,7 @@ class StreamChatMessageComposer extends StatefulWidget {
     StreamMessageInputController? controller,
     required VoidCallback onSendPressed,
     VoidCallback? onAttachmentButtonPressed,
+    bool isPickerOpen = false,
     FocusNode? focusNode,
     String? currentUserId,
     String placeholder = '',
@@ -38,6 +39,7 @@ class StreamChatMessageComposer extends StatefulWidget {
          message: null,
          onSendPressed: onSendPressed,
          onAttachmentButtonPressed: onAttachmentButtonPressed,
+         isPickerOpen: isPickerOpen,
          focusNode: focusNode,
          currentUserId: currentUserId,
          placeholder: placeholder,
@@ -168,6 +170,7 @@ class MessageComposerProps {
     this.placeholder = '',
     required this.onSendPressed,
     this.onAttachmentButtonPressed,
+    this.isPickerOpen = false,
     this.focusNode,
     this.currentUserId,
     this.audioRecorderController,
@@ -193,6 +196,9 @@ class MessageComposerProps {
   /// The callback for when the attachment button is pressed.
   final VoidCallback? onAttachmentButtonPressed;
 
+  /// Whether the inline attachment picker is currently open.
+  final bool isPickerOpen;
+
   /// The focus node for the message composer.
   final FocusNode? focusNode;
 
@@ -263,6 +269,7 @@ class DefaultStreamChatMessageComposer extends StatelessWidget {
       onSendPressed: props.onSendPressed,
       voiceRecordingCallback: _createVoiceRecordingCallback(context),
       onAttachmentButtonPressed: props.onAttachmentButtonPressed,
+      isPickerOpen: props.isPickerOpen,
       audioRecorderState: audioRecorderState,
       focusNode: props.focusNode,
     );