Feature/pb 304 support fo global effects

lib/src/input/figma/entities/style/fill/linear_gradient_fill_type.dart

@@ -0,0 +1,57 @@
+import 'package:pbdl/src/input/figma/entities/style/style_addition.dart';
+import 'package:pbdl/src/pbdl/pbdl_fill.dart';
+
+import 'package:pbdl/src/input/figma/entities/style/figma_fill.dart';
+
+import 'package:pbdl/src/input/figma/entities/style/figma_color.dart';
+
+import 'dart:math';
+
+import 'gradient_fill_type.dart';
+
+class LinearGradientFillType implements GradientFillType {
+  @override
+  String blendMode;
+
+  @override
+  FigmaColor color;
+
+  @override
+  List<Point<num>> gradientHandlePositions;
+
+  @override
+  List<GradientStop> gradientStops;
+
+  @override
+  num opacity;
+
+  @override
+  String type;
+
+  @override
+  bool visible;
+
+  @override
+  FigmaFill createFigmaFill(Map<String, dynamic> json) {
+    // TODO: implement createFigmaFill
+    throw UnimplementedError();
+  }
+
+  @override
+  PBDLFill interpretFill() {
+    // TODO: implement interpretFill
+    throw UnimplementedError();
+  }
+
+  @override
+  Map<String, dynamic> toJson() {
+    // TODO: implement toJson
+    throw UnimplementedError();
+  }
+
+  @override
+  String addStyle(StyleAdditionNode style) {
+    // TODO: implement addStyle
+    throw UnimplementedError();
+  }
+}

lib/src/input/figma/entities/style/global/effect_global.dart

@@ -0,0 +1,59 @@
+import 'package:json_annotation/json_annotation.dart';
+import 'package:pbdl/src/input/figma/entities/layers/figma_base_node.dart';
+import 'package:pbdl/src/input/figma/entities/layers/rectangle.dart';
+import 'package:pbdl/src/input/figma/entities/layers/text.dart';
+import 'package:pbdl/src/input/figma/entities/style/figma_effect.dart';
+import 'package:pbdl/src/input/figma/entities/style/figma_text_style.dart';
+import 'package:pbdl/src/input/figma/entities/style/global/global_style_property.dart';
+import 'package:pbdl/src/pbdl/global_styles/pbdl_global_effect.dart';
+import 'package:pbdl/src/pbdl/pbdl_node.dart';
+
+part 'effect_global.g.dart';
+
+@JsonSerializable(explicitToJson: true)
+class EffectGlobal extends GlobalStyleProperty {
+  EffectGlobal(
+    String UUID,
+    String styleType, {
+    String name,
+    String description,
+    FigmaEffect styleNode,
+  }) : super(
+          UUID,
+          styleType,
+          name: name,
+          description: description,
+          styleNode: styleNode,
+        );
+
+  /// Contains the actual effect style value.
+
+  @override
+  Future<PBDLNode> interpretNode() async {
+    if (styleNode == null) {
+      return null;
+    }
+    return PBDLGlobalEffect(
+      UUID,
+      name,
+      (styleNode as FigmaEffect).interpretEffect(),
+      description: description,
+    );
+  }
+
+  Map<String, dynamic> toJson() => _$EffectGlobalToJson(this);
+
+  factory EffectGlobal.fromJson(
+      Map<String, dynamic> json, FigmaBaseNode styleNode) {
+    if (styleNode is! FigmaRectangle) {
+      return null;
+    }
+
+    var firstEffect =
+        (styleNode as FigmaRectangle).figmaStyleProperty.effects.first;
+
+    final figmaNode = _$EffectGlobalFromJson(json)..styleNode = firstEffect;
+
+    return figmaNode;
+  }
+}

lib/src/input/figma/entities/style/global/fill_style_global.dart

@@ -2,8 +2,12 @@ import 'package:json_annotation/json_annotation.dart';
 import 'package:pbdl/src/input/figma/entities/layers/figma_base_node.dart';
 import 'package:pbdl/src/input/figma/entities/layers/rectangle.dart';
 import 'package:pbdl/src/input/figma/entities/style/figma_color.dart';
+import 'package:pbdl/src/input/figma/entities/style/fill/fill_type.dart';
+import 'package:pbdl/src/input/figma/entities/style/fill/gradient_fill_type.dart';
 import 'package:pbdl/src/input/figma/entities/style/global/global_style_property.dart';
 import 'package:pbdl/src/pbdl/global_styles/pbdl_global_color.dart';
+import 'package:pbdl/src/pbdl/global_styles/pbdl_global_gradient.dart';
+import 'package:pbdl/src/pbdl/global_styles/pbdl_global_image.dart';
 import 'package:pbdl/src/pbdl/pbdl_node.dart';
 
 part 'fill_style_global.g.dart';
@@ -15,7 +19,7 @@ class FillStyleGlobal extends GlobalStyleProperty {
     String styleType, {
     String name,
     String description,
-    FigmaColor styleNode,
+    var styleNode,
   }) : super(
           UUID,
           styleType,
@@ -29,12 +33,30 @@ class FillStyleGlobal extends GlobalStyleProperty {
     if (styleNode == null) {
       return null;
     }
-    return PBDLGlobalColor(
-      UUID,
-      name,
-      (styleNode as FigmaColor).interpretColor(),
-      description: description,
-    );
+    if (styleNode is FigmaColor) {
+      return PBDLGlobalColor(
+        UUID,
+        name,
+        (styleNode as FigmaColor).interpretColor(),
+        description: description,
+      );
+    } else if (styleNode is ImageFillType) {
+      // TODO: figma Asset processor
+      return PBDLGlobalImage(
+        UUID,
+        name,
+        (styleNode as ImageFillType).interpretFill(),
+        description: description,
+      );
+    } else if (styleNode is GradientFillType) {
+      return PBDLGlobalGradient(
+        UUID,
+        name,
+        (styleNode as GradientFillType).interpretFill(),
+        description: description,
+      );
+    }
+    return null;
   }
 
   Map<String, dynamic> toJson() => _$FillStyleGlobalToJson(this);
@@ -44,9 +66,20 @@ class FillStyleGlobal extends GlobalStyleProperty {
     if (styleNode is! FigmaRectangle) {
       return null;
     }
-    var color =
-        (styleNode as FigmaRectangle).figmaStyleProperty.fills.first.color;
-    var globalFill = _$FillStyleGlobalFromJson(json)..styleNode = color;
+    var firstFill =
+        (styleNode as FigmaRectangle).figmaStyleProperty.fills.first;
+    var color = firstFill.color;
+
+    var globalFill;
+    if (color == null) {
+      if (firstFill is GradientFillType) {
+        globalFill = _$FillStyleGlobalFromJson(json)..styleNode = firstFill;
+      } else if (firstFill is ImageFillType) {
+        globalFill = _$FillStyleGlobalFromJson(json)..styleNode = firstFill;
+      }
+    } else {
+      globalFill = _$FillStyleGlobalFromJson(json)..styleNode = color;
+    }
 
     return globalFill;
   }

lib/src/input/figma/entities/style/global/global_style_holder.dart

@@ -1,13 +1,11 @@
 import 'package:json_annotation/json_annotation.dart';
+import 'package:pbdl/pbdl.dart';
 import 'package:pbdl/src/input/figma/entities/layers/figma_base_node.dart';
+import 'package:pbdl/src/input/figma/entities/style/global/effect_global.dart';
 import 'package:pbdl/src/input/figma/entities/style/global/fill_style_global.dart';
 import 'package:pbdl/src/input/figma/entities/style/global/global_style_property.dart';
 import 'package:pbdl/src/input/figma/entities/style/global/text_style_global.dart';
 import 'package:pbdl/src/pbdl/global_styles/design_systems/design_system_theme_data.dart';
-import 'package:pbdl/src/pbdl/global_styles/pbdl_global_color.dart';
-import 'package:pbdl/src/pbdl/global_styles/pbdl_global_styles.dart';
-import 'package:pbdl/src/pbdl/global_styles/pbdl_global_text_style.dart';
-import 'package:pbdl/src/pbdl/pbdl_node.dart';
 
 part 'global_style_holder.g.dart';
 
@@ -19,11 +17,6 @@ class GlobalStyleHolder extends FigmaBaseNode {
   /// Registered [GlobalStyleProperty]s.
   final _properties = <String, GlobalStyleProperty>{};
 
-  final registeredPropertyNames = <String>[
-    'fill',
-    'text',
-  ];
-
   @JsonKey(ignore: true)
   final DesignSystemThemeData designSystemThemeData;
 
@@ -42,6 +35,9 @@ class GlobalStyleHolder extends FigmaBaseNode {
   Iterable<TextStyleGlobal> get textStyles =>
       _properties.values.whereType<TextStyleGlobal>();
 
+  Iterable<EffectGlobal> get effects =>
+      _properties.values.whereType<EffectGlobal>();
+
   /// Returns the [GlobalStyleProperty] with the given [UUID] and specified type [T].
   ///
   /// If the [UUID] is not found, returns null.
@@ -57,9 +53,10 @@ class GlobalStyleHolder extends FigmaBaseNode {
   Future<PBDLNode> interpretNode() async {
     /// Interpret fills to [PBDLGlobalFillProperty]
     var themeColors = <PBDLGlobalColor>[];
-    var globalColors = <PBDLGlobalColor>[];
+    var globalColors = <PBDLGlobalStyle>[];
     var themeTextStyles = <PBDLGlobalTextStyle>[];
     var globalTextStyles = <PBDLGlobalTextStyle>[];
+    var globalEffects = <PBDLGlobalEffect>[];
 
     for (var fill in fills) {
       final interpretedFill = await fill.interpretNode();
@@ -88,11 +85,17 @@ class GlobalStyleHolder extends FigmaBaseNode {
       }
     }
 
+    /// Interpret effects
+    for (var effect in effects) {
+      globalEffects.add(await effect.interpretNode());
+    }
+
     return PBDLGlobalStyles(
       colors: globalColors,
       textStyles: globalTextStyles,
       themeColors: themeColors,
       themeTextStyles: themeTextStyles,
+      effects: globalEffects,
     );
   }
 

lib/src/input/figma/entities/style/global/global_style_property.dart

@@ -1,4 +1,5 @@
 import 'package:pbdl/src/input/figma/entities/layers/figma_base_node.dart';
+import 'package:pbdl/src/input/figma/entities/style/global/effect_global.dart';
 import 'package:pbdl/src/input/figma/entities/style/global/fill_style_global.dart';
 import 'package:pbdl/src/input/figma/entities/style/global/text_style_global.dart';
 
@@ -7,7 +8,7 @@ abstract class GlobalStyleProperty extends FigmaBaseNode {
   final String name;
   final String description;
   final String styleType;
-  FigmaBaseNode styleNode;
+  var styleNode;
 
   GlobalStyleProperty(
     this.UUID,
@@ -26,6 +27,8 @@ abstract class GlobalStyleProperty extends FigmaBaseNode {
         return FillStyleGlobal.fromJson(json, styleNode);
       case 'TEXT':
         return TextStyleGlobal.fromJson(json, styleNode);
+      case 'EFFECT':
+        return EffectGlobal.fromJson(json, styleNode);
       default:
         return null;
     }