Merge branch 'next' into feat/react-component-story

.github/renovate.json5

@@ -1,113 +1,83 @@
 {
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "config:base",
-    "group:allNonMajor"
-  ],
-  "prHourlyLimit": 1,
-  "prConcurrentLimit": 1,
+  $schema: 'https://docs.renovatebot.com/renovate-schema.json',
+  extends: ['config:base', 'group:allNonMajor'],
+  prHourlyLimit: 1,
+  prConcurrentLimit: 1,
   // Custom ignore paths to include our `examples/` directory
-  "ignorePaths": [
-    "**/node_modules/**",
-    "**/bower_components/**",
-    "**/vendor/**",
-    "**/__tests__/**",
-    "**/test/**",
-    "**/tests/**",
-    "**/__fixtures__/**"
-  ],
-  "enabledManagers": [
-    "npm"
+  ignorePaths: [
+    '**/node_modules/**',
+    '**/bower_components/**',
+    '**/vendor/**',
+    '**/__tests__/**',
+    '**/test/**',
+    '**/tests/**',
+    '**/__fixtures__/**',
   ],
+  enabledManagers: ['npm'],
   // Ignore release notes for non-breaking changes
-  "fetchReleaseNotes": false,
+  fetchReleaseNotes: false,
   // Always bump minor/patch to latest
-  "rangeStrategy": "bump",
-  "major": {
+  rangeStrategy: 'bump',
+  major: {
     // Replace ranges when there is a major
-    "rangeStrategy": "replace",
+    rangeStrategy: 'replace',
     // Get us the release notes for breaking changes
-    "fetchReleaseNotes": true
+    fetchReleaseNotes: true,
   },
-  "packageRules": [
+  packageRules: [
     // Leave peerDependencies and engines alone
     {
-      "depTypeList": [
-        "peerDependencies",
-        "engines"
-      ],
-      "enabled": false
+      depTypeList: ['peerDependencies', 'engines'],
+      enabled: false,
     },
     // Handle patch updates under 0.1.0 as potentially breaking
     // Workaround for https://github.com/renovatebot/renovate/issues/3588
     {
-      "managers": [
-        "npm"
-      ],
-      "matchCurrentVersion": "<0.1.0",
-      "rangeStrategy": "replace",
-      "groupName": "maybe breaking patch updates",
-      "groupSlug": "maybe-breaking-patch",
+      managers: ['npm'],
+      matchCurrentVersion: '<0.1.0',
+      rangeStrategy: 'replace',
+      groupName: 'maybe breaking patch updates',
+      groupSlug: 'maybe-breaking-patch',
       // Get us the release notes for potentially breaking changes
-      "fetchReleaseNotes": true
+      fetchReleaseNotes: true,
     },
     // Handle minor updates under 1.0.0 as potentially breaking
     // Workaround for https://github.com/renovatebot/renovate/issues/3588
     {
-      "managers": [
-        "npm"
-      ],
-      "matchCurrentVersion": "<1.0.0 >=0.1.0",
-      "minor": {
-        "rangeStrategy": "replace",
-        "groupName": "maybe breaking minor updates",
-        "groupSlug": "maybe-breaking-minor",
+      managers: ['npm'],
+      matchCurrentVersion: '<1.0.0 >=0.1.0',
+      minor: {
+        // FIXME: "rangeStrategy": "replace",
+        groupName: 'maybe breaking minor updates',
+        groupSlug: 'maybe-breaking-minor',
         // Get us the release notes for potentially breaking changes
-        "fetchReleaseNotes": true
-      }
+        fetchReleaseNotes: true,
+      },
     },
     // Group Storybook's linter configs together
     {
-      "packageNames": [
-        "@storybook/eslint-config-storybook",
-        "@storybook/linter-config"
-      ],
-      "groupName": "storybook linting"
+      packageNames: ['@storybook/eslint-config-storybook', '@storybook/linter-config'],
+      groupName: 'storybook linting',
     },
     // Group Puppeteer packages together
     {
-      "packagePatterns": [
-        "^puppeteer",
-        "^@types/puppeteer"
-      ],
-      "groupName": "puppeteer"
+      packagePatterns: ['^puppeteer', '^@types/puppeteer'],
+      groupName: 'puppeteer',
     },
     // Group Acorn packages together
     {
-      "packagePatterns": [
-        "^acorn"
-      ],
-      "groupName": "acorn"
+      packagePatterns: ['^acorn'],
+      groupName: 'acorn',
     },
     // Group React packages together
     {
-      "packageNames": [
-        "react",
-        "@types/react",
-        "react-dom",
-        "@types/react-dom"
-      ],
-      "groupName": "react"
-    }
+      packageNames: ['react', '@types/react', 'react-dom', '@types/react-dom'],
+      groupName: 'react',
+    },
   ],
   // Simplifies the PR body
-  "prBodyTemplate": "{{{table}}}{{{notes}}}{{{changelogs}}}",
-  "prBodyColumns": [
-    "Package",
-    "Change"
-  ],
+  prBodyTemplate: '{{{table}}}{{{notes}}}{{{changelogs}}}',
+  prBodyColumns: ['Package', 'Change'],
   // https://docs.renovatebot.com/merge-confidence/#enabling-and-disabling
-  "ignorePresets": [
-    "github>whitesource/merge-confidence:beta"
-  ]
+  ignorePresets: ['github>whitesource/merge-confidence:beta'],
 }

.gitignore

@@ -40,4 +40,4 @@ examples/angular-cli/addon-jest.testresults.json
 !/.yarn/plugins
 !/.yarn/sdks
 !/.yarn/versions
-/.pnp.*
+.pnp.*

README.md

@@ -82,7 +82,7 @@ Documentation can be found [Storybook's docs site](https://storybook.js.org/docs
 
 Here are some featured examples that you can reference to see how Storybook works: <https://storybook.js.org/docs/react/get-started/examples>
 
-Storybook comes with a lot of [addons](https://storybook.js.org/docs/react/configure/storybook-addons) for component design, documentation, testing, interactivity, and so on. Storybook's API makes it possible to configure and extend in various ways. It has even been extended to support React Native development for mobile.
+Storybook comes with a lot of [addons](https://storybook.js.org/docs/react/configure/storybook-addons) for component design, documentation, testing, interactivity, and so on. Storybook's API makes it possible to configure and extend in various ways. It has even been extended to support React Native, Android, iOS, and Flutter development for mobile.
 
 ### Community
 
@@ -108,6 +108,7 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
 | [Marko](app/marko)                                          | [v6.2.x](https://storybookjs.netlify.com/marko-cli/)                        | [![Marko](https://img.shields.io/npm/dm/@storybook/marko.svg)](app/marko)                      |
 | [Riot](app/riot)                                            | [v6.2.x](https://storybookjs.netlify.com/riot-kitchen-sink/)                | [![Riot](https://img.shields.io/npm/dm/@storybook/riot.svg)](app/riot)                         |
 | [Rax](app/rax)                                              | [v6.2.x](https://storybookjs.netlify.com/rax-kitchen-sink/)                 | [![Rax](https://img.shields.io/npm/dm/@storybook/rax.svg)](app/rax)                            |
+| [Android, iOS, Flutter](https://github.com/storybookjs/native)                                              | [v6.2.x](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html)                 | [![Rax](https://img.shields.io/npm/dm/@storybook/native.svg)](https://github.com/storybookjs/native)                            |
 
 ### Sub Projects
 

addons/actions/src/register.tsx

@@ -8,7 +8,7 @@ addons.register(ADDON_ID, (api) => {
   addons.addPanel(PANEL_ID, {
     title() {
       const [actionsCount, setActionsCount] = useState(0);
-      const onEvent = () => setActionsCount(previous => previous + 1);
+      const onEvent = () => setActionsCount((previous) => previous + 1);
       const onChange = () => setActionsCount(0);
 
       useEffect(() => {