Add protocol dropdown UI closes #307

lib/screens/home_page/editor_pane/editor_request.dart

@@ -1,3 +1,4 @@
+import 'package:apidash_core/apidash_core.dart';
 import 'package:apidash_design_system/apidash_design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -60,6 +61,11 @@ class RequestEditorTopBar extends ConsumerWidget {
       ),
       child: Row(
         children: [
+          DropdownButtonProtocol(
+            protocol: Protocol.http,
+            onChanged: (protocol) {},
+          ),
+          kHSpacer10,
           Expanded(
             child: Text(
               name ?? "",
@@ -68,9 +74,7 @@ class RequestEditorTopBar extends ConsumerWidget {
               maxLines: 1,
             ),
           ),
-          const SizedBox(
+          kHSpacer10,
-            width: 6,
-          ),
           EditorTitleActions(
             onRenamePressed: () {
               showRenameDialog(context, "Rename Request", name, (val) {

lib/widgets/dropdown_protocol.dart

@@ -0,0 +1,24 @@
+import 'package:apidash_core/apidash_core.dart';
+import 'package:apidash_design_system/apidash_design_system.dart';
+import 'package:flutter/material.dart';
+
+class DropdownButtonProtocol extends StatelessWidget {
+  const DropdownButtonProtocol({
+    super.key,
+    this.protocol,
+    this.onChanged,
+  });
+
+  final Protocol? protocol;
+  final void Function(Protocol?)? onChanged;
+
+  @override
+  Widget build(BuildContext context) {
+    return ADDropdownButton<Protocol>(
+      value: protocol,
+      values: Protocol.values.map((e) => (e, e.label)),
+      onChanged: onChanged,
+      isDense: true,
+    );
+  }
+}

lib/widgets/widgets.dart

@@ -25,6 +25,7 @@ export 'dropdown_content_type.dart';
 export 'dropdown_formdata.dart';
 export 'dropdown_http_method.dart';
 export 'dropdown_import_format.dart';
+export 'dropdown_protocol.dart';
 export 'editor_json.dart';
 export 'editor.dart';
 export 'error_message.dart';

packages/apidash_core/lib/consts.dart

@@ -1,5 +1,12 @@
 import 'dart:convert';
 
+enum Protocol {
+  http("HTTP");
+
+  const Protocol(this.label);
+  final String label;
+}
+
 enum HTTPVerb { get, head, post, put, patch, delete }
 
 enum SupportedUriSchemes { https, http }

packages/apidash_design_system/lib/widgets/dropdown.dart

@@ -8,6 +8,7 @@ class ADDropdownButton<T> extends StatelessWidget {
     required this.values,
     this.onChanged,
     this.isExpanded = false,
+    this.isDense = false,
     this.iconSize,
     this.dropdownMenuItemPadding = kPs8,
     this.dropdownMenuItemtextStyle,
@@ -17,6 +18,7 @@ class ADDropdownButton<T> extends StatelessWidget {
   final Iterable<(T, String?)> values;
   final void Function(T?)? onChanged;
   final bool isExpanded;
+  final bool isDense;
   final double? iconSize;
   final EdgeInsetsGeometry dropdownMenuItemPadding;
   final TextStyle? Function(T)? dropdownMenuItemtextStyle;
@@ -26,6 +28,7 @@ class ADDropdownButton<T> extends StatelessWidget {
     final surfaceColor = Theme.of(context).colorScheme.surface;
     return DropdownButton<T>(
       isExpanded: isExpanded,
+      isDense: isDense,
       focusColor: surfaceColor,
       value: value,
       icon: Icon(