- up example deps. (latest versions)

- add withNotes example
tuchk4 · Sep 12, 2018 · 49680b5 · 49680b5
1 parent 080c43d
commit 49680b5
Show file tree

Hide file tree

Showing 6 changed files with 2,025 additions and 1,376 deletions.
diff --git a/packages/example-react/.storybook/addons.js b/packages/example-react/.storybook/addons.js
@@ -2,4 +2,6 @@ import '@storybook/addons';
 import '@storybook/addon-options/register';
 import '@storybook/addon-knobs/register';
 import '@storybook/addon-actions/register';
+import '@storybook/addon-notes/register';
+
 import 'storybook-readme/register';
diff --git a/packages/example-react/package.json b/packages/example-react/package.json
@@ -9,26 +9,28 @@
     "test": "jest"
   },
   "dependencies": {
-    "@storybook/addon-actions": "4.0.0-alpha.6",
-    "@storybook/addon-options": "4.0.0-alpha.16",
-    "@storybook/react": "4.0.0-alpha.16",
-    "@storybook/addon-knobs": "4.0.0-alpha.16",
-    "@storybook/addon-storyshots": "4.0.0-alpha.16",
-    "@storybook/addons": "4.0.0-alpha.16",
+    "@storybook/addon-actions": "4.0.0-alpha.21",
+    "@storybook/addon-options": "4.0.0-alpha.21",
+    "@storybook/addon-notes": "4.0.0-alpha.21",
+    "@storybook/react": "4.0.0-alpha.21",
+    "@storybook/addon-knobs": "4.0.0-alpha.21",
+    "@storybook/addon-storyshots": "4.0.0-alpha.21",
+    "@storybook/addons": "4.0.0-alpha.21",
 
     "@storybook/storybook-deployer": "^2.3.0",
-    "babel-core": "^6.26.0",
-    "babel-jest": "^22.2.2",
-    "babel-preset-react-app": "^3.1.1",
+    "@babel/core": "^7.0.1",
+    "babel-jest": "^23.6.0",
+    "babel-loader": "^8.0.2",
+    "babel-preset-react-app": "^4.0.0-next.a671462c",
     "cross-env": "^5.1.3",
     "file-loader": "^1.1.7",
     "html-loader": "^0.5.5",
     "markdown-loader": "^2.0.2",
     "markdown-loader-jest": "^0.1.1",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
-    "react-test-renderer": "^16.2.0",
-    "storybook-readme": "^3.2.0"
+    "react": "^16.5.0",
+    "react-dom": "^16.5.0",
+    "react-test-renderer": "^16.5.0",
+    "storybook-readme": "=4.0.0-beta1"
   },
   "license": "ISC",
   "jest": {

diff --git a/packages/example-react/stories/index.js b/packages/example-react/stories/index.js
@@ -3,6 +3,7 @@ import { storiesOf } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';
 import { withReadme, withDocs, doc } from 'storybook-readme';
+import { withNotes } from '@storybook/addon-notes';
 import Marked from 'storybook-readme/components/Marked';
 
 import Button from '../components/Button';
@@ -170,3 +171,19 @@ storiesOf('Custom Layout', module).add('Button', () => {
     </React.Fragment>
   );
 });
+
+storiesOf('withDocs/withNotes', module)
+  .addDecorator(withKnobs)
+  .add(
+    'Button',
+    withNotes('A very simple component')(
+      withDocs(ButtonReadme, () => (
+        <Button
+          onClick={action('clicked')}
+          alert={boolean('alert', false)}
+          success={boolean('success', false)}
+          label={text('label', 'Hello Im Button')}
+        />
+      ))
+    )
+  );