fix: [MDS-739] Update code after Storybook fork changes (#268)

coingaming · Oct 16, 2023 · e9affcb · e9affcb
1 parent 2d6d0e1
commit e9affcb
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 41 deletions.
diff --git a/example/lib/main.dart b/example/lib/main.dart
@@ -1,7 +1,6 @@
 import 'package:example/src/storybook/storybook.dart';
 import 'package:flutter/material.dart';
 import 'package:moon_design/moon_design.dart';
-import 'package:storybook_flutter/storybook_flutter.dart';
 
 void main() {
   runApp(const MyApp());
@@ -27,14 +26,6 @@ class HomePage extends StatefulWidget {
 }
 
 class _HomePageState extends State<HomePage> {
-  final plugins = initializePlugins(
-    contentsSidePanel: true,
-    knobsSidePanel: true,
-    initialDeviceFrameData: DeviceFrameData(
-      device: Devices.ios.iPhone13,
-    ),
-  );
-
   bool _isInStorybookMode = true;
 
   void toggleStorybookMode() {

diff --git a/example/lib/src/storybook/common/widgets/version.dart b/example/lib/src/storybook/common/widgets/version.dart
@@ -1,3 +1,5 @@
+import 'dart:ui';
+
 import 'package:example/src/storybook/storybook.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/svg.dart';
@@ -12,6 +14,9 @@ class MoonVersionWidget extends StatefulWidget {
 }
 
 class _MoonVersionWidgetState extends State<MoonVersionWidget> {
+  bool isLargeScreen = MediaQueryData.fromView(PlatformDispatcher.instance.implicitView!).size.width >
+      StorybookPage.autoLayoutThreshold;
+
   String? _version = "";
 
   @override
@@ -33,10 +38,10 @@ class _MoonVersionWidgetState extends State<MoonVersionWidget> {
         child: Padding(
           padding: const EdgeInsets.all(8.0),
           child: Row(
-            mainAxisAlignment: StorybookPage.isLargeScreen ? MainAxisAlignment.center : MainAxisAlignment.end,
+            mainAxisAlignment: isLargeScreen ? MainAxisAlignment.center : MainAxisAlignment.end,
             children: [
               SvgPicture.asset("assets/svg/moon-logo-short.svg", width: 24.0, height: 24.0),
-              if (StorybookPage.isLargeScreen) ...[
+              if (isLargeScreen) ...[
                 const SizedBox(width: 8.0),
                 Text(
                   "Moon Design",

diff --git a/example/lib/src/storybook/storybook.dart b/example/lib/src/storybook/storybook.dart
@@ -30,24 +30,21 @@ import 'package:example/src/storybook/stories/text_input.dart';
 import 'package:example/src/storybook/stories/text_input_group.dart';
 import 'package:example/src/storybook/stories/toast.dart';
 import 'package:example/src/storybook/stories/tooltip.dart';
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:moon_design/moon_design.dart';
 import 'package:storybook_flutter/storybook_flutter.dart';
 
 class StorybookPage extends StatelessWidget {
-  static bool isLargeScreen = MediaQueryData.fromView(PlatformDispatcher.instance.implicitView!).size.width > 1000;
-
   const StorybookPage({super.key});
 
-  static final _storyPanelFocusNode = FocusNode();
+  static const double autoLayoutThreshold = 1000;
 
   static final _plugins = initializePlugins(
-    contentsSidePanel: isLargeScreen,
-    knobsSidePanel: isLargeScreen,
-    enableDeviceFrame: isLargeScreen,
-    initialDeviceFrameData: DeviceFrameData(
+    enableCompactLayoutDeviceFrame: false,
+    initialDeviceFrameData: (
+      isFrameVisible: true,
       device: Devices.ios.iPhone13,
+      orientation: Orientation.portrait,
     ),
   );
 
@@ -58,6 +55,8 @@ class StorybookPage extends StatelessWidget {
         Storybook(
           initialStory: "Accordion",
           plugins: _plugins,
+          enableLayout: false,
+          autoLayoutThreshold: autoLayoutThreshold,
           brandingWidget: const MoonVersionWidget(),
           wrapperBuilder: (BuildContext context, Widget? child) => MaterialApp(
             title: "Moon Design for Flutter",
@@ -89,27 +88,16 @@ class StorybookPage extends StatelessWidget {
             ),
             home: Directionality(
               textDirection: Directionality.of(context),
-              child: Focus(
-                focusNode: _storyPanelFocusNode,
-                descendantsAreFocusable: true,
-                child: GestureDetector(
-                  behavior: HitTestBehavior.deferToChild,
-                  onTap: () {
-                    FocusManager.instance.primaryFocus?.unfocus();
-                    _storyPanelFocusNode.requestFocus();
-                  },
-                  child: Scaffold(
-                    extendBody: true,
-                    extendBodyBehindAppBar: true,
-                    resizeToAvoidBottomInset: false,
-                    body: SafeArea(
-                      top: false,
-                      bottom: false,
-                      child: Padding(
-                        padding: const EdgeInsets.symmetric(horizontal: 16.0),
-                        child: child,
-                      ),
-                    ),
+              child: Scaffold(
+                extendBody: true,
+                extendBodyBehindAppBar: true,
+                resizeToAvoidBottomInset: false,
+                body: SafeArea(
+                  top: false,
+                  bottom: false,
+                  child: Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 16.0),
+                    child: child,
                   ),
                 ),
               ),

diff --git a/example/pubspec.yaml b/example/pubspec.yaml
@@ -20,7 +20,6 @@ dev_dependencies:
   storybook_flutter:
     git:
       url: https://github.com/coingaming/storybook_flutter.git
-      ref: 95de8c31c0c0a0bc391d5e4ac7924df2fcfad1ad
       path: packages/storybook_flutter
 flutter:
   uses-material-design: true