feat: Add support for the VerticalDivider (#306)

* feat: Add support for the VerticalDivider

* added example in gallery and removed height from vertical divider parameter

* removed unwanted changes

Author: rahulbisht25

examples/stac_gallery/assets/json/divider_example.json

@@ -9,12 +9,13 @@
   },
   "body": {
     "type": "listView",
-    "children": [{
-      "type": "divider",
-      "thickness": 5,
-      "height": 5,
-      "color": "#672BFF"
-    },
+    "children": [
+      {
+        "type": "divider",
+        "thickness": 5,
+        "height": 5,
+        "color": "#672BFF"
+      },
       {
         "type": "sizedBox",
         "height": 20
@@ -34,6 +35,23 @@
         "thickness": 2,
         "height": 2,
         "color": "#32FC88"
-      }]
+      },
+      {
+        "type": "sizedBox",
+        "height": 20
+      },
+      {
+        "type": "sizedBox",
+        "height": 200,
+        "child": {
+          "type": "verticalDivider",
+          "width": 20,
+          "thickness": 4,
+          "indent": 10,
+          "endIndent": 10,
+          "color": "#21814C"
+        }
+      }
+    ]
   }
 }

packages/stac/lib/src/framework/stac.dart

@@ -109,6 +109,7 @@ class Stac {
     const StacConditionalParser(),
     const StacVisibilityParser(),
     const StacBackdropFilterParser(),
+    const StacVerticalDividerParser(),
   ];
 
   static final _actionParsers = <StacActionParser>[

packages/stac/lib/src/parsers/widgets/stac_vertical_divider/stac_vertical_divider.dart

@@ -0,0 +1,21 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:stac/src/parsers/widgets/stac_double/stac_double.dart';
+
+export 'stac_vertical_divider_parser.dart';
+
+part 'stac_vertical_divider.freezed.dart';
+part 'stac_vertical_divider.g.dart';
+
+@freezed
+abstract class StacVerticalDivider with _$StacVerticalDivider {
+  const factory StacVerticalDivider({
+    StacDouble? width,
+    StacDouble? thickness,
+    StacDouble? indent,
+    StacDouble? endIndent,
+    String? color,
+  }) = _StacVerticalDivider;
+
+  factory StacVerticalDivider.fromJson(Map<String, dynamic> json) =>
+      _$StacVerticalDividerFromJson(json);
+}

packages/stac/lib/src/parsers/widgets/stac_vertical_divider/stac_vertical_divider.freezed.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+import 'package:stac/src/parsers/widgets/stac_double/stac_double.dart';
+import 'package:stac/src/parsers/widgets/stac_vertical_divider/stac_vertical_divider.dart';
+import 'package:stac/src/utils/color_utils.dart';
+import 'package:stac/src/utils/widget_type.dart';
+import 'package:stac_framework/stac_framework.dart';
+
+class StacVerticalDividerParser extends StacParser<StacVerticalDivider> {
+  const StacVerticalDividerParser();
+
+  @override
+  StacVerticalDivider getModel(Map<String, dynamic> json) =>
+      StacVerticalDivider.fromJson(json);
+
+  @override
+  String get type => WidgetType.verticalDivider.name;
+
+  @override
+  Widget parse(BuildContext context, StacVerticalDivider model) {
+    return VerticalDivider(
+      width: model.width?.parse,
+      thickness: model.thickness?.parse,
+      indent: model.indent?.parse,
+      endIndent: model.endIndent?.parse,
+      color: model.color?.toColor(context),
+    );
+  }
+}

packages/stac/lib/src/parsers/widgets/stac_vertical_divider/stac_vertical_divider.g.dart

@@ -95,6 +95,7 @@ export 'package:stac/src/parsers/widgets/stac_text_button/stac_text_button.dart'
 export 'package:stac/src/parsers/widgets/stac_text_field/stac_text_field.dart';
 export 'package:stac/src/parsers/widgets/stac_text_form_field/stac_text_form_field.dart';
 export 'package:stac/src/parsers/widgets/stac_text_style/stac_text_style.dart';
+export 'package:stac/src/parsers/widgets/stac_vertical_divider/stac_vertical_divider.dart';
 export 'package:stac/src/parsers/widgets/stac_wrap/stac_wrap.dart';
 export 'package:stac/src/parsers/widgets/stac_visibility/stac_visibility.dart';
 export 'package:stac/src/parsers/widgets/stac_backdrop_filter/stac_backdrop_filter.dart';

packages/stac/lib/src/parsers/widgets/stac_vertical_divider/stac_vertical_divider_parser.dart

@@ -77,4 +77,5 @@ enum WidgetType {
   textFormField,
   wrap,
   visibility,
+  verticalDivider,
 }