refactor: [DX-3466] Remove dynamic variables from the use cases

optimus_widgetbook/lib/components/chat/bubble.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/widgets.dart';
 import 'package:optimus/optimus.dart';
 import 'package:optimus_widgetbook/components/chat/common.dart';
+import 'package:optimus_widgetbook/utils.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 
@@ -22,7 +23,7 @@ Widget createDefaultStyle(BuildContext context) {
       initialValue:
           'Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm.',
     ),
-    time: DateTime.now().subtract(const Duration(seconds: 30)),
+    time: stubDate,
     alignment: k.list(
       label: 'Alignment',
       initialOption: MessageAlignment.left,

optimus_widgetbook/lib/components/chat/chat.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/widgets.dart';
 import 'package:optimus/optimus.dart';
 import 'package:optimus_widgetbook/components/chat/common.dart';
+import 'package:optimus_widgetbook/utils.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 
@@ -38,55 +39,55 @@ final messages = <OptimusMessage>[
     message: 'Old message',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(days: 365)),
+    time: stubDate.subtract(const Duration(days: 365)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _you,
     message: 'Hey you!',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(days: 6, minutes: 2)),
+    time: stubDate.subtract(const Duration(days: 6, minutes: 2)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _you,
     message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(days: 6)),
+    time: stubDate.subtract(const Duration(days: 6)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user1,
     message: 'Hello',
     alignment: MessageAlignment.left,
     color: MessageColor.neutral,
-    time: DateTime.now().subtract(const Duration(days: 5, minutes: 15)),
+    time: stubDate.subtract(const Duration(days: 5, minutes: 15)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user1,
     message: 'consectetur adipiscing elit',
     alignment: MessageAlignment.left,
     color: MessageColor.neutral,
-    time: DateTime.now().subtract(const Duration(days: 5)),
+    time: stubDate.subtract(const Duration(days: 5)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user1,
     message: 'Suspendisse diam ante, condimentum ut interdum sit amets',
     alignment: MessageAlignment.left,
     color: MessageColor.neutral,
-    time: DateTime.now().subtract(const Duration(days: 5)),
+    time: stubDate.subtract(const Duration(days: 5)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user1,
     message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
     alignment: MessageAlignment.left,
     color: MessageColor.neutral,
-    time: DateTime.now().subtract(const Duration(hours: 2)),
+    time: stubDate.subtract(const Duration(hours: 2)),
     state: MessageState.sent,
   ),
   OptimusMessage(
@@ -95,39 +96,39 @@ final messages = <OptimusMessage>[
         'Donec eget elit et massa rhoncus ullamcorper a non ex. Nulla vulputate condimentum libero, non congue ligula auctor ac. Pellentesque vel dui a turpis ultricies accumsan non sed nulla. Aenean interdum tempus scelerisque.',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(minutes: 45)),
+    time: stubDate.subtract(const Duration(minutes: 45)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user1,
     message: 'Quisque arcu turpis',
     alignment: MessageAlignment.left,
     color: MessageColor.neutral,
-    time: DateTime.now().subtract(const Duration(minutes: 30)),
+    time: stubDate.subtract(const Duration(minutes: 30)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user1,
     message: 'euismod quis maximus sit amet',
     alignment: MessageAlignment.left,
     color: MessageColor.neutral,
-    time: DateTime.now().subtract(const Duration(minutes: 5, seconds: 27)),
+    time: stubDate.subtract(const Duration(minutes: 5, seconds: 27)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user1,
     message: 'convallis eleifend ante.',
     alignment: MessageAlignment.left,
     color: MessageColor.neutral,
-    time: DateTime.now().subtract(const Duration(minutes: 5, seconds: 26)),
+    time: stubDate.subtract(const Duration(minutes: 5, seconds: 26)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user3,
     message: '😁',
     alignment: MessageAlignment.right,
     color: MessageColor.light,
-    time: DateTime.now().subtract(const Duration(minutes: 5, seconds: 25)),
+    time: stubDate.subtract(const Duration(minutes: 5, seconds: 25)),
     state: MessageState.sent,
   ),
   OptimusMessage(
@@ -136,39 +137,39 @@ final messages = <OptimusMessage>[
         'Suspendisse diam ante, condimentum ut interdum sit amet, suscipit non massa.',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(minutes: 5, seconds: 20)),
+    time: stubDate.subtract(const Duration(minutes: 5, seconds: 20)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _you,
     message: 'sdf sfsdfdsfsh fdf sdf',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(minutes: 3, seconds: 19)),
+    time: stubDate.subtract(const Duration(minutes: 3, seconds: 19)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _you,
     message: 'Maecenas pellentesque',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(minutes: 2, seconds: 55)),
+    time: stubDate.subtract(const Duration(minutes: 2, seconds: 55)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _you,
     message: 'quam sed viverra ornare',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(minutes: 2, seconds: 35)),
+    time: stubDate.subtract(const Duration(minutes: 2, seconds: 35)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user1,
     message: 'tellus orci placerat purus',
     alignment: MessageAlignment.left,
     color: MessageColor.neutral,
-    time: DateTime.now().subtract(const Duration(minutes: 2, seconds: 28)),
+    time: stubDate.subtract(const Duration(minutes: 2, seconds: 28)),
     state: MessageState.sent,
   ),
   OptimusMessage(
@@ -177,47 +178,47 @@ final messages = <OptimusMessage>[
         'ut consectetur orci metus sed nibh. Praesent in tellus facilisis, sagittis odio eget, maximus turpis',
     alignment: MessageAlignment.right,
     color: MessageColor.light,
-    time: DateTime.now().subtract(const Duration(minutes: 2, seconds: 27)),
+    time: stubDate.subtract(const Duration(minutes: 2, seconds: 27)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user3,
     message: 'orci metus sed nibh. Praesent in tellus facilisis,',
     alignment: MessageAlignment.right,
     color: MessageColor.light,
-    time: DateTime.now().subtract(const Duration(minutes: 1, seconds: 25)),
+    time: stubDate.subtract(const Duration(minutes: 1, seconds: 25)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user3,
     message: 'Aliquam porttitor quis eros pharetra blandit.',
     alignment: MessageAlignment.right,
     color: MessageColor.light,
-    time: DateTime.now().subtract(const Duration(minutes: 1, seconds: 20)),
+    time: stubDate.subtract(const Duration(minutes: 1, seconds: 20)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _user3,
     message: 'Test',
     alignment: MessageAlignment.right,
     color: MessageColor.light,
-    time: DateTime.now().subtract(const Duration(seconds: 15)),
+    time: stubDate.subtract(const Duration(seconds: 15)),
     state: MessageState.sent,
   ),
   OptimusMessage(
     author: _you,
     message: '🤔',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(seconds: 14)),
+    time: stubDate.subtract(const Duration(seconds: 14)),
     state: MessageState.sending,
   ),
   OptimusMessage(
     author: _you,
     message: '😫',
     alignment: MessageAlignment.right,
     color: MessageColor.dark,
-    time: DateTime.now().subtract(const Duration(seconds: 12)),
+    time: stubDate.subtract(const Duration(seconds: 12)),
     state: MessageState.error,
   ),
 ];

optimus_widgetbook/lib/components/feedback/spinner.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/widgets.dart';
 import 'package:optimus/optimus.dart';
+import 'package:optimus_widgetbook/utils.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 
@@ -16,6 +17,11 @@ Widget createDefaultStyle(BuildContext context) {
   );
 
   return Center(
-    child: OptimusSpinner(size: size),
+    child: context
+            .isInWidgetbookCloud // a workaround for WidgetbookCloud diff generator
+        ? SizedBox.square(
+            dimension: context.tokens.sizing300,
+          )
+        : OptimusSpinner(size: size),
   );
 }

optimus_widgetbook/lib/components/forms/date_input_field.dart

@@ -24,7 +24,7 @@ class _DateFieldExampleState extends State<_DateFieldExample> {
   @override
   void initState() {
     super.initState();
-    _value = DateTime.now();
+    _value = stubDate;
   }
 
   void _handleSubmit(DateTime? value) => setState(() => _value = value);

optimus_widgetbook/lib/components/forms/date_input_form_field.dart

@@ -23,7 +23,7 @@ Widget createDefaultStyle(BuildContext context) {
     constraints: const BoxConstraints(maxWidth: 400),
     child: OptimusDateInputFormField(
       label: 'Date',
-      value: DateTime.now(),
+      value: stubDate,
       isEnabled: k.isEnabledKnob,
       format: DateFormat(format),
       isClearAllEnabled: isClearEnabled,

optimus_widgetbook/lib/components/forms/date_time_field.dart

@@ -24,7 +24,7 @@ class _ContentState extends State<_Content> {
   @override
   void initState() {
     super.initState();
-    _dateTime = DateTime.now();
+    _dateTime = stubDate;
   }
 
   void _handleChanged(DateTime? dateTime) =>

optimus_widgetbook/lib/utils.dart

@@ -22,6 +22,8 @@ rhoncus ridiculus varius faucibus commodo tincidunt ipsum molestie. Volutpat
 semper aptent viverra facilisi nam nibh suscipit purus himenaeos. Himenaeos 
 quisque ultrices condimentum mauris a diam.''';
 
+final stubDate = DateTime(2012, 4, 3);
+
 extension KnobsBuilderExt on KnobsBuilder {
   OptimusWidgetSize get widgetSizeKnob => list(
         label: 'Size',
@@ -48,3 +50,7 @@ extension KnobsBuilderExt on KnobsBuilder {
 
   bool get isEnabledKnob => boolean(label: 'Enabled', initialValue: true);
 }
+
+extension WidgetbookContext on BuildContext {
+  bool get isInWidgetbookCloud => WidgetbookState.of(this).previewMode;
+}