Chore: Bump storybook to 5.2.4 (#19895)

* Bump storybook to 5.2.4

* Update yarn.lock

* Babel bump

* Add core-js 2 to dev deps for babel to resolve dependencies correctly

This is because storybook 5.2 introduced core-js 3.x which caused babel to have problems resolving core-js dependencies

package.json

@@ -9,11 +9,11 @@
     "url": "http://github.com/grafana/grafana.git"
     "url": "http://github.com/grafana/grafana.git"
   },
   },
   "devDependencies": {
   "devDependencies": {
-    "@babel/core": "7.4.3",
+    "@babel/core": "7.6.4",
     "@babel/plugin-syntax-dynamic-import": "7.2.0",
     "@babel/plugin-syntax-dynamic-import": "7.2.0",
-    "@babel/preset-env": "7.4.2",
-    "@babel/preset-react": "7.0.0",
-    "@babel/preset-typescript": "7.3.3",
+    "@babel/preset-env": "7.6.3",
+    "@babel/preset-react": "7.6.3",
+    "@babel/preset-typescript": "7.6.0",
     "@emotion/core": "10.0.10",
     "@emotion/core": "10.0.10",
     "@rtsao/plugin-proposal-class-properties": "7.0.1-patch.1",
     "@rtsao/plugin-proposal-class-properties": "7.0.1-patch.1",
     "@types/angular": "1.6.56",
     "@types/angular": "1.6.56",
@@ -64,6 +64,7 @@
     "babel-loader": "8.0.5",
     "babel-loader": "8.0.5",
     "babel-plugin-angularjs-annotate": "0.10.0",
     "babel-plugin-angularjs-annotate": "0.10.0",
     "clean-webpack-plugin": "2.0.0",
     "clean-webpack-plugin": "2.0.0",
+    "core-js": "2.6.9",
     "css-loader": "2.1.1",
     "css-loader": "2.1.1",
     "enzyme": "3.9.0",
     "enzyme": "3.9.0",
     "enzyme-adapter-react-16": "1.11.2",
     "enzyme-adapter-react-16": "1.11.2",
@@ -195,7 +196,7 @@
     "printWidth": 120
     "printWidth": 120
   },
   },
   "dependencies": {
   "dependencies": {
-    "@babel/polyfill": "7.2.5",
+    "@babel/polyfill": "7.6.0",
     "@grafana/slate-react": "0.22.9-grafana",
     "@grafana/slate-react": "0.22.9-grafana",
     "@torkelo/react-select": "2.4.1",
     "@torkelo/react-select": "2.4.1",
     "angular": "1.6.9",
     "angular": "1.6.9",

packages/grafana-toolkit/package.json

@@ -26,8 +26,8 @@
   },
   },
   "main": "src/index.ts",
   "main": "src/index.ts",
   "dependencies": {
   "dependencies": {
-    "@babel/core": "7.4.5",
-    "@babel/preset-env": "7.4.5",
+    "@babel/core": "7.6.4",
+    "@babel/preset-env": "7.6.3",
     "@grafana/data": "^6.4.0-alpha",
     "@grafana/data": "^6.4.0-alpha",
     "@grafana/ui": "^6.4.0-alpha",
     "@grafana/ui": "^6.4.0-alpha",
     "@types/command-exists": "^1.2.0",
     "@types/command-exists": "^1.2.0",

packages/grafana-ui/package.json

@@ -29,9 +29,9 @@
     "@grafana/slate-react": "0.22.9-grafana",
     "@grafana/slate-react": "0.22.9-grafana",
     "@torkelo/react-select": "2.1.1",
     "@torkelo/react-select": "2.1.1",
     "@types/react-color": "2.17.0",
     "@types/react-color": "2.17.0",
-    "bizcharts": "^3.5.5",
     "@types/slate": "0.47.1",
     "@types/slate": "0.47.1",
     "@types/slate-react": "0.22.5",
     "@types/slate-react": "0.22.5",
+    "bizcharts": "^3.5.5",
     "classnames": "2.2.6",
     "classnames": "2.2.6",
     "d3": "5.9.1",
     "d3": "5.9.1",
     "immutable": "3.8.2",
     "immutable": "3.8.2",
@@ -54,11 +54,11 @@
     "tinycolor2": "1.4.1"
     "tinycolor2": "1.4.1"
   },
   },
   "devDependencies": {
   "devDependencies": {
-    "@storybook/addon-actions": "5.0.6",
-    "@storybook/addon-info": "5.0.6",
-    "@storybook/addon-knobs": "5.0.6",
-    "@storybook/react": "5.0.6",
-    "@storybook/theming": "5.0.6",
+    "@storybook/addon-actions": "5.2.4",
+    "@storybook/addon-info": "5.2.4",
+    "@storybook/addon-knobs": "5.2.4",
+    "@storybook/react": "5.2.4",
+    "@storybook/theming": "5.2.4",
     "@types/classnames": "2.2.7",
     "@types/classnames": "2.2.7",
     "@types/common-tags": "^1.8.0",
     "@types/common-tags": "^1.8.0",
     "@types/d3": "5.7.1",
     "@types/d3": "5.7.1",
@@ -72,10 +72,8 @@
     "@types/react-custom-scrollbars": "4.0.5",
     "@types/react-custom-scrollbars": "4.0.5",
     "@types/react-test-renderer": "16.8.1",
     "@types/react-test-renderer": "16.8.1",
     "@types/react-transition-group": "2.0.16",
     "@types/react-transition-group": "2.0.16",
-    "@types/storybook__addon-actions": "3.4.2",
-    "@types/storybook__addon-info": "4.1.1",
-    "@types/storybook__addon-knobs": "4.0.4",
-    "@types/storybook__react": "4.0.1",
+    "@types/storybook__addon-info": "4.1.2",
+    "@types/storybook__react": "4.0.2",
     "@types/tinycolor2": "1.4.1",
     "@types/tinycolor2": "1.4.1",
     "common-tags": "^1.8.0",
     "common-tags": "^1.8.0",
     "pretty-format": "24.9.0",
     "pretty-format": "24.9.0",

packages/grafana-ui/src/components/Graph/GraphLegend.story.tsx

@@ -12,7 +12,7 @@ const GraphLegendStories = storiesOf('Visualizations/Graph/GraphLegend', module)
 GraphLegendStories.addDecorator(withHorizontallyCenteredStory);
 GraphLegendStories.addDecorator(withHorizontallyCenteredStory);
 
 
 const getStoriesKnobs = (isList = false) => {
 const getStoriesKnobs = (isList = false) => {
-  const statsToDisplay = select(
+  const statsToDisplay = select<any>(
     'Stats to display',
     'Stats to display',
     {
     {
       none: [],
       none: [],

packages/grafana-ui/src/components/Graph/GraphWithLegend.story.tsx

@@ -41,7 +41,7 @@ const getStoriesKnobs = () => {
     },
     },
     'under'
     'under'
   );
   );
-  const renderLegendAsTable = select(
+  const renderLegendAsTable = select<any>(
     'Render legend as',
     'Render legend as',
     {
     {
       list: false,
       list: false,

packages/grafana-ui/src/components/Switch/Switch.story.tsx

@@ -8,7 +8,7 @@ import { text } from '@storybook/addon-knobs';
 const getKnobs = () => {
 const getKnobs = () => {
   return {
   return {
     label: text('Label Text', 'Label'),
     label: text('Label Text', 'Label'),
-    tooltip: text('Tooltip', null),
+    tooltip: text('Tooltip', ''),
   };
   };
 };
 };