ui v2: storybook upgrade and config improvements (#695)

lyft · Nov 19, 2020 · 1b49ada · 1b49ada
1 parent 130a94c
commit 1b49ada
Show file tree

Hide file tree

Showing 7 changed files with 987 additions and 453 deletions.
diff --git a/frontend/.storybook/main.js b/frontend/.storybook/main.js
@@ -2,9 +2,17 @@ module.exports = {
   stories: [
     "../packages/**/*.stories.@(tsx|jsx)",
   ],
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+    }
+  },
   addons: [
-    "@storybook/addon-actions",
-    "@storybook/addon-links",
     "@storybook/addon-essentials",
+    "@storybook/addon-links",
   ],
 }
diff --git a/frontend/.yarnrc b/frontend/.yarnrc
@@ -2,4 +2,4 @@
 # yarn lockfile v1
 
 
-yarn-path ".yarn/releases/yarn-1.22.4.js"
+yarn-path ".yarn/releases/yarn-1.22.5.js"
diff --git a/frontend/package.json b/frontend/package.json
@@ -62,13 +62,13 @@
   "devDependencies": {
     "@babel/core": "^7.9.0",
     "@material-ui/core": "^4.11.0",
-    "@storybook/addon-actions": "^6.0.21",
-    "@storybook/addon-essentials": "^6.0.21",
-    "@storybook/addon-links": "^6.0.21",
-    "@storybook/node-logger": "^6.0.21",
+    "@storybook/addon-actions": "^6.1.0",
+    "@storybook/addon-essentials": "^6.1.0",
+    "@storybook/addon-links": "^6.1.1",
+    "@storybook/node-logger": "^6.1.1",
     "@storybook/preset-typescript": "^3.0.0",
-    "@storybook/react": "^6.0.21",
-    "@storybook/theming": "^6.0.22",
+    "@storybook/react": "^6.1.0",
+    "@storybook/theming": "^6.1.1",
     "babel-loader": "^8.1.0",
     "lerna": "^3.22.1",
     "license-checker": "^25.0.1",

diff --git a/frontend/packages/core/src/button.tsx b/frontend/packages/core/src/button.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import styled from "@emotion/styled";
 import type { ButtonProps as MuiButtonProps, GridJustification } from "@material-ui/core";
 import { Button as MuiButton, Grid, IconButton } from "@material-ui/core";

diff --git a/frontend/packages/core/src/stories/button.stories.tsx b/frontend/packages/core/src/stories/button.stories.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import type { Meta } from "@storybook/react";
 
 import type { ButtonProps } from "../button";

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
diff --git a/tools/install-yarn.sh b/tools/install-yarn.sh
@@ -1,6 +1,6 @@
 #!/bin/bash
 
-YARN_VERSION="1.22.4"
+YARN_VERSION="1.22.5"
 ROOT_DEST_DIR="$PWD/frontend"
 DEST_DIR="$ROOT_DEST_DIR/.yarn/releases"
 DEST_FILE="${DEST_DIR}/yarn-${YARN_VERSION}.js"
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,4 +2,4 @@
		# yarn lockfile v1


		yarn-path ".yarn/releases/yarn-1.22.4.js"
		yarn-path ".yarn/releases/yarn-1.22.5.js"