Merge branch 'next' into pr/andrefgneves/6793

# Conflicts:
#	examples/official-storybook/stories/__snapshots__/addon-knobs.stories.storyshot
#	examples/official-storybook/stories/addon-knobs.stories.js

.babelrc.js

@@ -13,6 +13,7 @@ const withTests = {
 };
 
 module.exports = {
+  ignore: ['./lib/codemod/src/transforms/__testfixtures__'],
   presets: [
     ['@babel/preset-env', { shippedProposals: true, useBuiltIns: 'usage', corejs: '3' }],
     '@babel/preset-typescript',
@@ -44,8 +45,16 @@ module.exports = {
         test: withTests,
       },
     },
+    {
+      test: './examples/rax-kitchen-sink',
+      presets: [
+        ['@babel/preset-env', { shippedProposals: true, useBuiltIns: 'usage', corejs: '3' }],
+        ['babel-preset-rax', { development: process.env.BABEL_ENV === 'development' }],
+      ],
+    },
     {
       test: './lib',
+      exclude: './addons/storysource/src/loader',
       presets: [
         ['@babel/preset-env', { shippedProposals: true, useBuiltIns: 'usage', corejs: '3' }],
         '@babel/preset-react',
@@ -69,6 +78,7 @@ module.exports = {
         './lib/core/src/server',
         './lib/node-logger',
         './lib/codemod',
+        './lib/source-loader/src',
         './addons/storyshots',
         './addons/storysource/src/loader',
         './app/**/src/server/**',

.circleci/config.yml

@@ -38,6 +38,7 @@ jobs:
             - node_modules
             - examples
             - addons
+            - dev-kits
             - app
             - lib
   chromatic:
@@ -49,6 +50,17 @@ jobs:
       - run:
           name: Run chromatic on the pre-built storybook
           command: yarn chromatic -- -d ./storybook-static
+  packtracker:
+    <<: *defaults
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - run:
+          name: Report webpack stats for manager of official storybook
+          command: |
+            cd examples/official-storybook
+            yarn packtracker
   examples:
     <<: *defaults
     steps:
@@ -349,6 +361,9 @@ workflows:
       - smoke-tests:
           requires:
             - build
+      - packtracker:
+          requires:
+            - build
       - native-smoke-tests:
           requires:
             - build

.eslintignore

@@ -10,6 +10,7 @@ lib/cli/test
 scripts/storage
 *.bundle.js
 *.js.map
+*.d.ts
 
 !.remarkrc.js
 !.babelrc.js
@@ -18,7 +19,3 @@ scripts/storage
 !.jest.config.js
 !.storybook
 
-REACT_NATIVE
-examples-native
-react-native
-ondevice-*

.eslintrc.js

@@ -39,6 +39,30 @@ module.exports = {
     'html/html-extensions': ['.html'],
   },
   rules: {
+    'no-restricted-imports': [
+      error,
+      {
+        paths: [
+          {
+            name: 'lodash.isequal',
+            message:
+              'Lodash modularised (and lodash < 4.17.11) have CVE vulnerabilities. Please use tree-shakeable imports like lodash/xxx instead',
+          },
+          {
+            name: 'lodash.mergewith',
+            message:
+              'Lodash modularised (and lodash < 4.17.11) have CVE vulnerabilities. Please use tree-shakeable imports like lodash/xxx instead',
+          },
+          {
+            name: 'lodash.pick',
+            message:
+              'Lodash modularised (and lodash < 4.17.11) have CVE vulnerabilities. Please use tree-shakeable imports like lodash/xxx instead',
+          },
+        ],
+        // catch-all for any lodash modularised. The CVE is listed against the entire family for lodash < 4.17.11
+        patterns: ['lodash.*'],
+      },
+    ],
     'prettier/prettier': [warn],
     'no-debugger': process.env.NODE_ENV === 'production' ? error : ignore,
     'class-methods-use-this': ignore,

.github/CODEOWNERS

@@ -1,5 +1,4 @@
 .circleci/ @ndelangen
-.teamcity/ @hypnosphi
 .github/ @danielduan
 
 /addons/a11y/ @jbovenschen @codebyalex

.github/FUNDING.yml

@@ -0,0 +1 @@
+open_collective: storybook

.github/automention.yml

@@ -5,12 +5,13 @@
 'app: polymer': ['stijnkoopal', 'ndelangen']
 'app: preact': ['BartWaardenburg']
 'app: react-native': ['benoitdion', 'gongreg']
-'app: react-native-server': ['benoitdion', 'igor-dv']
-'app: vue': ['backbone87', 'elevatebart']
+'app: react-native-server': ['benoitdion', 'gongreg']
+'app: svelte': ['cam-stitt', 'plumpNation']
+'app: vue': ['backbone87', 'elevatebart', 'pksunkara']
 'api: addons': ['ndelangen']
 'addon: a11y': ['CodeByAlex', 'Armanio', 'jsomsanith']
 'addon: contexts': ['leoyli']
-'addon: docs': ['shilman', 'elevatebart']
+'addon: docs': ['shilman', 'elevatebart', 'jeroenreumkens']
 'addon: info': ['shilman', 'elevatebart']
 'addon: knobs': ['leoyli', 'Armanio']
 'addon: storysource': ['igor-dv', 'libetl']

.gitignore

@@ -27,3 +27,5 @@ lib/**/dll
 .expo/packager-info.json
 scripts/storage
 htpasswd
+/false
+storybook-out

.spelling

@@ -67,7 +67,7 @@ react-komposer
 serializable
 params
 README.md
-storybooks.js.org
+storybook.js.org
 YuzuJS
 setImmediate
 Malte

.teamcity/OpenSourceProjects_Storybook/Project.kt

@@ -1,197 +0,0 @@
-package OpenSourceProjects_Storybook
-
-import OpenSourceProjects_Storybook.buildTypes.*
-import OpenSourceProjects_Storybook.vcsRoots.*
-import OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.Project
-import jetbrains.buildServer.configs.kotlin.v2017_2.projectFeatures.VersionedSettings
-import jetbrains.buildServer.configs.kotlin.v2017_2.projectFeatures.versionedSettings
-
-object Project : Project({
-    uuid = "69382d9b-7791-418a-9ff6-1c83b86ed6b5"
-    id = "OpenSourceProjects_Storybook"
-    parentId = "OpenSourceProjects"
-    name = "Storybook"
-    description = "https://storybook.js.org/"
-
-    vcsRoot(OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster1)
-    vcsRoot(OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    buildType(OpenSourceProjects_Storybook_Bootstrap)
-    buildType(OpenSourceProjects_Storybook_CliTestLatestCra)
-    buildType(OpenSourceProjects_Storybook_Examples)
-    buildType(OpenSourceProjects_Storybook_Docs)
-    buildType(OpenSourceProjects_Storybook_Build_2)
-    buildType(OpenSourceProjects_Storybook_Test)
-    buildType(OpenSourceProjects_Storybook_Lint)
-    buildType(OpenSourceProjects_Storybook_Lint_Warnings)
-    buildType(OpenSourceProjects_Storybook_SmokeTests)
-    buildType(OpenSourceProjects_Storybook_Chromatic)
-
-    allApps {
-        buildType(config)
-    }
-
-    features {
-        versionedSettings {
-            id = "PROJECT_EXT_258"
-            mode = VersionedSettings.Mode.ENABLED
-            buildSettingsMode = VersionedSettings.BuildSettingsMode.PREFER_SETTINGS_FROM_VCS
-            rootExtId = OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster.id
-            showChanges = true
-            settingsFormat = VersionedSettings.Format.KOTLIN
-            storeSecureParamsOutsideOfVcs = true
-        }
-        feature {
-            type = "buildtype-graphs"
-            id = "PROJECT_EXT_132"
-            param("series", """
-                    [
-                      {
-                        "type": "valueType",
-                        "title": "Build Duration (all stages)",
-                        "key": "BuildDuration"
-                      }
-                    ]
-                """.trimIndent())
-            param("format", "duration")
-            param("hideFilters", "")
-            param("title", "Build Duration")
-            param("defaultFilters", "")
-            param("seriesTitle", "Serie")
-        }
-        feature {
-            id = "PROJECT_EXT_259"
-            type = "IssueTracker"
-            param("secure:password", "")
-            param("name", "storybooks/storybook")
-            param("pattern", """#(\d+)""")
-            param("authType", "anonymous")
-            param("repository", "https://github.com/storybooks/storybook")
-            param("type", "GithubIssues")
-            param("secure:accessToken", "")
-            param("username", "")
-        }
-        allApps {
-            feature {
-                id = "PROJECT_EXT_264_$lowerName"
-                type = "ReportTab"
-                param("startPage", "$lowerName.zip!index.html")
-                param("title", appName)
-                param("type", "BuildReportTab")
-            }
-        }
-        feature {
-            id = "PROJECT_EXT_267"
-            type = "ReportTab"
-            param("startPage", "official.zip!index.html")
-            param("title", "Official")
-            param("type", "BuildReportTab")
-        }
-        feature {
-            type = "ReportTab"
-            id = "PROJECT_EXT_272"
-            param("startPage", "docs.zip!index.html")
-            param("title", "Docs")
-            param("type", "BuildReportTab")
-        }
-        feature {
-            type = "ReportTab"
-            id = "PROJECT_EXT_274"
-            param("startPage", "demo.zip!index.html")
-            param("title", "Demo")
-            param("type", "BuildReportTab")
-        }
-        feature {
-            type = "project-graphs"
-            id = "PROJECT_EXT_306"
-            param("series", """
-                [
-                  {
-                    "type": "valueType",
-                    "title": "Build Duration (all stages)",
-                    "sourceBuildTypeId": "OpenSourceProjects_Storybook_Build_2",
-                    "key": "BuildDuration"
-                  }
-                ]
-            """.trimIndent())
-            param("format", "duration")
-            param("seriesTitle", "Serie")
-            param("hideFilters", "")
-            param("title", "Build Duration (all stages)")
-            param("defaultFilters", "")
-        }
-        feature {
-            type = "project-graphs"
-            id = "PROJECT_EXT_307"
-            param("series", """
-                [
-                  {
-                    "type": "valueType",
-                    "title": "Covered Percentage of JS Lines",
-                    "sourceBuildTypeId": "OpenSourceProjects_Storybook_Test",
-                    "key": "Covered Percentage of JS Lines"
-                  }
-                ]
-            """.trimIndent())
-            param("format", "percent")
-            param("hideFilters", "")
-            param("title", "Covered Percentage of JS Lines")
-            param("defaultFilters", "")
-            param("seriesTitle", "Serie")
-        }
-        feature {
-            type = "project-graphs"
-            id = "PROJECT_EXT_308"
-            param("series", """
-                [
-                  {
-                    "type": "valueType",
-                    "title": "Total Number of JS Statements",
-                    "sourceBuildTypeId": "OpenSourceProjects_Storybook_Test",
-                    "key": "Total Number of JS Statements"
-                  }
-                ]
-            """.trimIndent())
-            param("format", "integer")
-            param("seriesTitle", "Serie")
-            param("hideFilters", "")
-            param("title", "Total Number of JS Statements")
-            param("defaultFilters", "")
-        }
-        feature {
-            type = "project-graphs"
-            id = "PROJECT_EXT_117"
-            param("series", """
-                    [
-                      {
-                        "type": "valueType",
-                        "title": "Total Artifacts Size",
-                        "sourceBuildTypeId": "OpenSourceProjects_Storybook_CliTestLatestCra",
-                        "key": "ArtifactsSize"
-                      }
-                    ]
-                """.trimIndent())
-            param("format", "text")
-            param("title", "Total Artifacts Size")
-            param("seriesTitle", "Serie")
-        }
-        feature {
-            type = "Invitation"
-            id = "PROJECT_EXT_209"
-            param("createdByUserId", "1702")
-            param("invitationType", "joinProjectInvitation")
-            param("secure:token", "credentialsJSON:07400f1b-a51d-46ae-b056-2e24a653f4d1")
-            param("name", "Join Storybook project")
-            param("welcomeText", "Filipp Riabchun invites you to join the Storybook project")
-            param("disabled", "false")
-            param("groupKey", "STORYBOOK_DEVELO")
-            param("multi", "true")
-        }
-    }
-
-    params {
-        param("docker.node.version", "dubnium")
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Bootstrap.kt

@@ -16,6 +16,7 @@ object OpenSourceProjects_Storybook_Bootstrap : BuildType({
         addons/*/dist/** => dist.zip/addons
         addons/storyshots/*/dist/** => dist.zip/addons/storyshots
         app/*/dist/** => dist.zip/app
+        dev-kits/*/dist/** => dist.zip/dev-kits
         lib/*/dist/** => dist.zip/lib
         lib/core/dll/** => dist.zip/lib/core/dll
     """.trimIndent()

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Build_2.kt

@@ -1,115 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.BuildFailureOnMetric
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.failOnMetricChange
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.vcs
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.VcsTrigger
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.finishBuildTrigger
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.retryBuild
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.merge
-import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
-
-object OpenSourceProjects_Storybook_Build_2 : BuildType({
-    uuid = "2b9c73e2-0a6e-47ca-95ae-729cac42be2b"
-    id = "OpenSourceProjects_Storybook_Build_2"
-    name = "Build"
-
-    allowExternalStatus = true
-    type = BuildTypeSettings.Type.COMPOSITE
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-        showDependenciesChanges = true
-    }
-
-    triggers {
-        vcs {
-            quietPeriodMode = VcsTrigger.QuietPeriodMode.USE_DEFAULT
-            triggerRules = "-:comment=^TeamCity change:**"
-            branchFilter = """
-                +:pull/*
-                +:release/*
-                +:master
-                +:next
-                +:snyk-fix-*
-            """.trimIndent()
-        }
-        retryBuild {
-            delaySeconds = 60
-            enabled = false
-        }
-        finishBuildTrigger {
-            enabled = false
-            buildTypeExtId = "OpenSourceProjects_Storybook_Bootstrap"
-            successfulOnly = true
-            branchFilter = ""
-        }
-    }
-
-    failureConditions {
-        failOnMetricChange {
-            metric = BuildFailureOnMetric.MetricType.TEST_COUNT
-            threshold = 20
-            units = BuildFailureOnMetric.MetricUnit.PERCENTS
-            comparison = BuildFailureOnMetric.MetricComparison.LESS
-            compareTo = build {
-                buildRule = lastSuccessful()
-            }
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-        merge {
-            branchFilter = """
-                +:snyk-fix-*
-            """.trimIndent()
-            destinationBranch = "<default>"
-            commitMessage = "Merge branch '%teamcity.build.branch%'"
-        }
-    }
-
-    dependencies {
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Docs) {
-            snapshot {
-                onDependencyCancel = FailureAction.ADD_PROBLEM
-            }
-        }
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Examples) {
-            snapshot {
-                onDependencyCancel = FailureAction.ADD_PROBLEM
-            }
-        }
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Lint) {
-            snapshot {
-                onDependencyCancel = FailureAction.ADD_PROBLEM
-            }
-        }
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_SmokeTests) {
-            snapshot {
-                onDependencyCancel = FailureAction.ADD_PROBLEM
-            }
-        }
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Test) {
-            snapshot {
-                onDependencyCancel = FailureAction.ADD_PROBLEM
-            }
-        }
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Chromatic) {
-            snapshot {
-                onDependencyCancel = FailureAction.ADD_PROBLEM
-            }
-        }
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Chromatic.kt

@@ -1,77 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.BuildFailureOnMetric
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.failOnMetricChange
-
-object OpenSourceProjects_Storybook_Chromatic : BuildType({
-    uuid = "8cc5f747-4ca7-4f0d-940d-b0c422f501a6-chromatic"
-    id = "OpenSourceProjects_Storybook_Chromatic"
-    name = "Chromatic"
-
-    params {
-        param("env.CI_BRANCH", "%teamcity.build.branch%")
-    }
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    }
-
-    steps {
-        script {
-            name = "Chromatic"
-            scriptContent = """
-                #!/bin/sh
-
-                # set -e -x
-                # yarn
-                # yarn chromatic
-                echo "chromatic moved to cirlce CI"
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-    }
-
-    dependencies {
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Bootstrap) {
-            snapshot {
-                onDependencyFailure = FailureAction.FAIL_TO_START
-            }
-
-            artifacts {
-                artifactRules = "dist.zip!**"
-            }
-        }
-        allApps {
-            dependency(config) {
-                snapshot {}
-
-                if (merged) {
-                    artifacts {
-                        cleanDestination = true
-                        artifactRules = "$lowerName.zip!** => examples/$exampleDir/storybook-static"
-                    }
-                }
-            }
-        }
-    }
-
-    requirements {
-        doesNotContain("env.OS", "Windows")
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_CliTestLatestCra.kt

@@ -1,82 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.vcs
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.retryBuild
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.VcsTrigger
-
-object OpenSourceProjects_Storybook_CliTestLatestCra : BuildType({
-    uuid = "d4320bd8-6094-4dd6-9bed-e13d6f0d12e2"
-    id = "OpenSourceProjects_Storybook_CliTestLatestCra"
-    name = "CLI test, latest CRA"
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    }
-
-    steps {
-        script {
-            name = "Test"
-            scriptContent = """
-                #!/bin/sh
-
-                set -e -x
-
-                yarn
-                yarn test-latest-cra -t
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-    }
-
-    triggers {
-        vcs {
-            quietPeriodMode = VcsTrigger.QuietPeriodMode.USE_DEFAULT
-            triggerRules = "-:comment=^TeamCity change:**"
-            branchFilter = """
-                +:pull/*
-                +:release/*
-                +:master
-                +:next
-            """.trimIndent()
-        }
-        retryBuild {
-            enabled = false
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-    }
-
-    dependencies {
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Bootstrap) {
-            snapshot {
-                onDependencyFailure = FailureAction.FAIL_TO_START
-            }
-
-            artifacts {
-                artifactRules = "dist.zip!**"
-            }
-        }
-    }
-
-    requirements {
-        doesNotContain("env.OS", "Windows")
-    }
-
-    cleanup {
-        artifacts(days = 1)
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Docs.kt

@@ -1,58 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-
-object OpenSourceProjects_Storybook_Docs : BuildType({
-    uuid = "1bda59b5-d08d-4fd8-b317-953e7d79d881"
-    id = "OpenSourceProjects_Storybook_Docs"
-    name = "Docs"
-
-    artifactRules = "docs/public => docs.zip"
-
-    params {
-        param("Deploy branch", "master")
-    }
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    }
-
-    steps {
-        script {
-            name = "Build"
-            workingDir = "docs"
-            scriptContent = """
-                #!/bin/sh
-
-                set -e -x
-
-                yarn --frozen-lockfile
-                yarn build
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-    }
-
-    requirements {
-        doesNotContain("env.OS", "Windows")
-    }
-
-    cleanup {
-        artifacts(days = 1)
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Examples.kt

@@ -1,112 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.BuildFailureOnMetric
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.failOnMetricChange
-
-object OpenSourceProjects_Storybook_Examples : BuildType({
-    uuid = "8cc5f747-4ca7-4f0d-940d-b0c422f501a6"
-    id = "OpenSourceProjects_Storybook_Examples"
-    name = "Examples"
-
-    artifactRules = """
-        ${StorybookApp.values().map { it.artifactPath }.joinToString("\n")}
-        examples/official-storybook/storybook-static => official.zip
-        examples/official-storybook/image-snapshots/__image_snapshots__ => image-snapshots
-    """.trimIndent()
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    }
-
-    steps {
-        script {
-            name = "official-storybook"
-            scriptContent = """
-                #!/bin/sh
-                
-                set -e -x
-
-                yarn
-                cd examples/official-storybook
-                rm -rf storybook-static
-                yarn build-storybook
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-        script {
-            name = "Image storyshots"
-            scriptContent = """
-                #!/bin/sh
-                
-                set -e -x
-                
-                # Workaround for https://github.com/GoogleChrome/puppeteer/issues/290
-                
-                apt-get update
-                apt-get install -yq gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 \
-                  libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 \
-                  libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 \
-                  libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 \
-                  ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget
-                yarn test --image --teamcity
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-    }
-
-    failureConditions {
-        failOnMetricChange {
-            metric = BuildFailureOnMetric.MetricType.ARTIFACT_SIZE
-            threshold = 60
-            units = BuildFailureOnMetric.MetricUnit.PERCENTS
-            comparison = BuildFailureOnMetric.MetricComparison.LESS
-            compareTo = build {
-                buildRule = lastSuccessful()
-            }
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-    }
-
-    dependencies {
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Bootstrap) {
-            snapshot {
-                onDependencyFailure = FailureAction.FAIL_TO_START
-            }
-
-            artifacts {
-                artifactRules = "dist.zip!**"
-            }
-        }
-        allApps {
-            dependency(config) {
-                snapshot {}
-
-                if (merged) {
-                    artifacts {
-                        cleanDestination = true
-                        artifactRules = "$lowerName.zip!** => examples/$exampleDir/storybook-static"
-                    }
-                }
-            }
-        }
-    }
-
-    requirements {
-        doesNotContain("env.OS", "Windows")
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Lint.kt

@@ -1,77 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.BuildFailureOnMetric
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.failOnMetricChange
-
-object OpenSourceProjects_Storybook_Lint : BuildType({
-    uuid = "42cfbb9a-f35b-4f96-afae-0b508927a737"
-    id = "OpenSourceProjects_Storybook_Lint"
-    name = "Lint"
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    }
-
-    steps {
-        script {
-            name = "Lint"
-            scriptContent = """
-                #!/bin/sh
-
-                set -e -x
-
-                yarn
-                yarn bootstrap --docs
-                yarn lint:ci
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-    }
-
-    dependencies {
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Bootstrap) {
-            snapshot {
-                onDependencyFailure = FailureAction.FAIL_TO_START
-            }
-
-            artifacts {
-                artifactRules = "dist.zip!**"
-            }
-        }
-    }
-
-    requirements {
-        doesNotContain("env.OS", "Windows")
-    }
-
-    cleanup {
-        artifacts(days = 1)
-    }
-
-    failureConditions {
-        failOnMetricChange {
-            metric = BuildFailureOnMetric.MetricType.INSPECTION_ERROR_COUNT
-            threshold = 0
-            units = BuildFailureOnMetric.MetricUnit.DEFAULT_UNIT
-            comparison = BuildFailureOnMetric.MetricComparison.MORE
-            compareTo = value()
-            param("anchorBuild", "lastSuccessful")
-        }
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Lint_Warnings.kt

@@ -1,92 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.vcs
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.BuildFailureOnMetric
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.failOnMetricChange
-import jetbrains.buildServer.configs.kotlin.v2017_2.triggers.VcsTrigger
-
-object OpenSourceProjects_Storybook_Lint_Warnings : BuildType({
-    uuid = "42cfbb9a-f35b-4f96-afae-0b508927a738"
-    id = "OpenSourceProjects_Storybook_Lint_Warnings"
-    name = "Lint Warnings"
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    }
-
-    steps {
-        script {
-            name = "Lint"
-            scriptContent = """
-                #!/bin/sh
-
-                set -e -x
-
-                yarn
-                yarn bootstrap --docs
-                yarn lint:ci
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-    }
-
-    triggers {
-        vcs {
-            quietPeriodMode = VcsTrigger.QuietPeriodMode.USE_DEFAULT
-            triggerRules = "-:comment=^TeamCity change:**"
-            branchFilter = """
-                +:pull/*
-                +:release/*
-                +:master
-                +:next
-            """.trimIndent()
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-    }
-
-    dependencies {
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Bootstrap) {
-            snapshot {
-                onDependencyFailure = FailureAction.FAIL_TO_START
-            }
-
-            artifacts {
-                artifactRules = "dist.zip!**"
-            }
-        }
-    }
-
-    requirements {
-        doesNotContain("env.OS", "Windows")
-    }
-
-    cleanup {
-        artifacts(days = 1)
-    }
-
-    failureConditions {
-        failOnMetricChange {
-            metric = BuildFailureOnMetric.MetricType.INSPECTION_WARN_COUNT
-            threshold = 0
-            units = BuildFailureOnMetric.MetricUnit.DEFAULT_UNIT
-            comparison = BuildFailureOnMetric.MetricComparison.MORE
-            compareTo = value()
-            param("anchorBuild", "lastSuccessful")
-        }
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_SmokeTests.kt

@@ -1,80 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-
-object OpenSourceProjects_Storybook_SmokeTests : BuildType({
-    uuid = "1ea2b5bd-28f6-44f5-8ab3-6c659ce8fbd6"
-    id = "OpenSourceProjects_Storybook_SmokeTests"
-    name = "Smoke tests"
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    }
-
-    steps {
-        script {
-            name = "Install"
-            scriptContent = "yarn"
-            dockerImage = "node:%docker.node.version%"
-        }
-        allApps {
-            if (merged) {
-                script {
-                    name = appName
-                    scriptContent = """
-                        #!/bin/sh
-
-                        set -e -x
-
-                        cd examples/$exampleDir
-                        yarn storybook --smoke-test --quiet
-                    """.trimIndent()
-                    dockerImage = "node:%docker.node.version%"
-                }
-            }
-        }
-        script {
-            name = "official-storybook"
-            scriptContent = """
-                #!/bin/sh
-
-                set -e -x
-
-                cd examples/official-storybook
-                yarn storybook --smoke-test --quiet
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-    }
-
-    dependencies {
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Bootstrap) {
-            snapshot {
-                onDependencyFailure = FailureAction.FAIL_TO_START
-            }
-
-            artifacts {
-                artifactRules = "dist.zip!**"
-            }
-        }
-    }
-
-    requirements {
-        doesNotContain("env.OS", "Windows")
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Test.kt

@@ -1,65 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-
-object OpenSourceProjects_Storybook_Test : BuildType({
-    uuid = "9f9177e7-9ec9-4e2e-aabb-d304fd667711"
-    id = "OpenSourceProjects_Storybook_Test"
-    name = "Test"
-
-    artifactRules = "coverage/lcov-report => coverage.zip"
-
-    vcs {
-        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-
-    }
-
-    steps {
-        script {
-            name = "Test"
-            scriptContent = """
-                #!/bin/sh
-
-                set -e -x
-
-                yarn
-                yarn test --core --coverage --teamcity --w2
-            """.trimIndent()
-            dockerImage = "node:%docker.node.version%"
-        }
-    }
-
-    features {
-        commitStatusPublisher {
-            publisher = github {
-                githubUrl = "https://api.github.com"
-                authType = personalToken {
-                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                }
-            }
-            param("github_oauth_user", "Hypnosphi")
-        }
-    }
-
-    dependencies {
-        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Bootstrap) {
-            snapshot {
-                onDependencyFailure = FailureAction.FAIL_TO_START
-            }
-
-            artifacts {
-                artifactRules = "dist.zip!**"
-            }
-        }
-    }
-
-    requirements {
-        doesNotContain("env.OS", "Windows")
-    }
-
-    cleanup {
-        artifacts(days = 1)
-    }
-})

.teamcity/OpenSourceProjects_Storybook/buildTypes/StorybookApp.kt

@@ -1,103 +0,0 @@
-package OpenSourceProjects_Storybook.buildTypes
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
-import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.BuildFailureOnMetric
-import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.failOnMetricChange
-
-enum class StorybookApp(val appName: String, val exampleDir: String, val merged: Boolean = true) {
-    CRA("CRA", "cra-kitchen-sink"),
-    CRA_TS("CRA TS", "cra-ts-kitchen-sink"),
-    CRA_REACT15("CRA REACT15", "cra-react15"),
-    VUE("Vue", "vue-kitchen-sink"),
-    ANGULAR("Angular", "angular-cli"),
-    POLYMER("Polymer", "polymer-cli"),
-    MITHRIL("Mithril", "mithril-kitchen-sink"),
-    HTML("HTML", "html-kitchen-sink"),
-    MARKO("Marko", "marko-cli"),
-    SVELTE("Svelte", "svelte-kitchen-sink"),
-    RIOT("Riot", "riot-kitchen-sink"),
-    EMBER("Ember", "ember-cli"),
-    PREACT("Preact", "preact-kitchen-sink", false);
-
-    val underscoreName = appName.replace(' ', '_')
-    val lowerName = underscoreName.toLowerCase()
-
-    val artifactPath = "examples/$exampleDir/storybook-static => $lowerName.zip"
-
-    val config = object : BuildType(init@{
-        uuid = "8cc5f747-4ca7-4f0d-940d-b0c422f501a6-$lowerName"
-        id = "OpenSourceProjects_Storybook_$underscoreName"
-        name = appName
-
-        vcs {
-            root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
-        }
-
-        dependencies {
-            dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Bootstrap) {
-                snapshot {
-                    onDependencyFailure = FailureAction.FAIL_TO_START
-                }
-
-                artifacts {
-                    artifactRules = """
-                        dist.zip!**
-                    """.trimIndent()
-                }
-            }
-        }
-
-        if (!merged) return@init
-
-        artifactRules = artifactPath
-
-        steps {
-            script {
-                name = "build"
-                scriptContent = """
-                    #!/bin/sh
-
-                    set -e -x
-
-                    yarn
-                    cd examples/$exampleDir
-                    yarn build-storybook
-                """.trimIndent()
-                dockerImage = "node:%docker.node.version%"
-            }
-        }
-
-        failureConditions {
-            failOnMetricChange {
-                metric = BuildFailureOnMetric.MetricType.ARTIFACT_SIZE
-                threshold = 50
-                units = BuildFailureOnMetric.MetricUnit.PERCENTS
-                comparison = BuildFailureOnMetric.MetricComparison.LESS
-                compareTo = build {
-                    buildRule = lastSuccessful()
-                }
-            }
-        }
-
-        features {
-            commitStatusPublisher {
-                publisher = github {
-                    githubUrl = "https://api.github.com"
-                    authType = personalToken {
-                        token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
-                    }
-                }
-                param("github_oauth_user", "Hypnosphi")
-            }
-        }
-
-        requirements {
-            doesNotContain("env.OS", "Windows")
-        }
-    }) {}
-}
-
-fun allApps(handler: StorybookApp.() -> Unit) =
-    StorybookApp.values().forEach { it.handler() }

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/1bda59b5-d08d-4fd8-b317-953e7d79d881.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '1bda59b5-d08d-4fd8-b317-953e7d79d881' (id = 'OpenSourceProjects_Storybook_Docs')
+accordingly, and delete the patch script.
+*/
+changeBuildType("1bda59b5-d08d-4fd8-b317-953e7d79d881") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/1ea2b5bd-28f6-44f5-8ab3-6c659ce8fbd6.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '1ea2b5bd-28f6-44f5-8ab3-6c659ce8fbd6' (id = 'OpenSourceProjects_Storybook_SmokeTests')
+accordingly, and delete the patch script.
+*/
+changeBuildType("1ea2b5bd-28f6-44f5-8ab3-6c659ce8fbd6") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/2b9c73e2-0a6e-47ca-95ae-729cac42be2b.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '2b9c73e2-0a6e-47ca-95ae-729cac42be2b' (id = 'OpenSourceProjects_Storybook_Build_2')
+accordingly, and delete the patch script.
+*/
+changeBuildType("2b9c73e2-0a6e-47ca-95ae-729cac42be2b") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/42cfbb9a-f35b-4f96-afae-0b508927a737.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '42cfbb9a-f35b-4f96-afae-0b508927a737' (id = 'OpenSourceProjects_Storybook_Lint')
+accordingly, and delete the patch script.
+*/
+changeBuildType("42cfbb9a-f35b-4f96-afae-0b508927a737") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/42cfbb9a-f35b-4f96-afae-0b508927a738.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '42cfbb9a-f35b-4f96-afae-0b508927a738' (id = 'OpenSourceProjects_Storybook_Lint_Warnings')
+accordingly, and delete the patch script.
+*/
+changeBuildType("42cfbb9a-f35b-4f96-afae-0b508927a738") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-angular.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-angular' (id = 'OpenSourceProjects_Storybook_Angular')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-angular") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-chromatic.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-chromatic' (id = 'OpenSourceProjects_Storybook_Chromatic')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-chromatic") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra' (id = 'OpenSourceProjects_Storybook_CRA')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra_react15.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra_react15' (id = 'OpenSourceProjects_Storybook_CRA_REACT15')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra_react15") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra_ts.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra_ts' (id = 'OpenSourceProjects_Storybook_CRA_TS')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-cra_ts") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-ember.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-ember' (id = 'OpenSourceProjects_Storybook_Ember')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-ember") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-html.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-html' (id = 'OpenSourceProjects_Storybook_HTML')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-html") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-marko.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-marko' (id = 'OpenSourceProjects_Storybook_Marko')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-marko") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-mithril.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-mithril' (id = 'OpenSourceProjects_Storybook_Mithril')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-mithril") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-polymer.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-polymer' (id = 'OpenSourceProjects_Storybook_Polymer')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-polymer") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-preact.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-preact' (id = 'OpenSourceProjects_Storybook_Preact')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-preact") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-riot.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-riot' (id = 'OpenSourceProjects_Storybook_Riot')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-riot") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-svelte.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-svelte' (id = 'OpenSourceProjects_Storybook_Svelte')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-svelte") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6-vue.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6-vue' (id = 'OpenSourceProjects_Storybook_Vue')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6-vue") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/8cc5f747-4ca7-4f0d-940d-b0c422f501a6.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '8cc5f747-4ca7-4f0d-940d-b0c422f501a6' (id = 'OpenSourceProjects_Storybook_Examples')
+accordingly, and delete the patch script.
+*/
+changeBuildType("8cc5f747-4ca7-4f0d-940d-b0c422f501a6") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/9f9177e7-9ec9-4e2e-aabb-d304fd667711.kts

@@ -9,6 +9,11 @@ To apply the patch, change the buildType with uuid = '9f9177e7-9ec9-4e2e-aabb-d3
 accordingly, and delete the patch script.
 */
 changeBuildType("9f9177e7-9ec9-4e2e-aabb-d304fd667711") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+
     params {
         add {
             param("docker.node.version", "10.13")

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/9f9177e7-9ec9-4e2e-aabb-d304fd667712.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = '9f9177e7-9ec9-4e2e-aabb-d304fd667712' (id = 'OpenSourceProjects_Storybook_Bootstrap')
+accordingly, and delete the patch script.
+*/
+changeBuildType("9f9177e7-9ec9-4e2e-aabb-d304fd667712") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/buildTypes/d4320bd8-6094-4dd6-9bed-e13d6f0d12e2.kts

@@ -0,0 +1,16 @@
+package OpenSourceProjects_Storybook.patches.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the buildType with uuid = 'd4320bd8-6094-4dd6-9bed-e13d6f0d12e2' (id = 'OpenSourceProjects_Storybook_CliTestLatestCra')
+accordingly, and delete the patch script.
+*/
+changeBuildType("d4320bd8-6094-4dd6-9bed-e13d6f0d12e2") {
+    check(paused == false) {
+        "Unexpected paused: '$paused'"
+    }
+    paused = true
+}

.teamcity/OpenSourceProjects_Storybook/patches/projects/69382d9b-7791-418a-9ff6-1c83b86ed6b5.kts

@@ -0,0 +1,17 @@
+package OpenSourceProjects_Storybook.patches.projects
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.Project
+import jetbrains.buildServer.configs.kotlin.v2017_2.ui.*
+
+/*
+This patch script was generated by TeamCity on settings change in UI.
+To apply the patch, change the project with uuid = '69382d9b-7791-418a-9ff6-1c83b86ed6b5' (id = 'OpenSourceProjects_Storybook')
+accordingly, and delete the patch script.
+*/
+changeProject("69382d9b-7791-418a-9ff6-1c83b86ed6b5") {
+    check(archived == false) {
+        "Unexpected archived: '$archived'"
+    }
+    archived = true
+}

.teamcity/OpenSourceProjects_Storybook/settings.kts

@@ -1,35 +0,0 @@
-package OpenSourceProjects_Storybook
-
-import jetbrains.buildServer.configs.kotlin.v2017_2.*
-
-/*
-The settings script is an entry point for defining a single
-TeamCity project. TeamCity looks for the 'settings.kts' file in a
-project directory and runs it if it's found, so the script name
-shouldn't be changed and its package should be the same as the
-project's id.
-
-The script should contain a single call to the project() function
-with a Project instance or an init function as an argument.
-
-VcsRoots, BuildTypes, and Templates of this project must be
-registered inside project using the vcsRoot(), buildType(), and
-template() methods respectively.
-
-Subprojects can be defined either in their own settings.kts or by
-calling the subProjects() method in this project.
-
-To debug settings scripts in command-line, run the
-
-    mvnDebug org.jetbrains.teamcity:teamcity-configs-maven-plugin:generate
-
-command and attach your debugger to the port 8000.
-
-To debug in IntelliJ Idea, open the 'Maven Projects' tool window (View ->
-Tool Windows -> Maven Projects), find the generate task
-node (Plugins -> teamcity-configs -> teamcity-configs:generate),
-the 'Debug' option is available in the context menu for the task.
-*/
-
-version = "2017.2"
-project(OpenSourceProjects_Storybook.Project)

.teamcity/OpenSourceProjects_Storybook/vcsRoots/OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster.kt

@@ -7,7 +7,7 @@ object OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMa
     uuid = "cec03c4b-d52c-42a0-8e9e-53bde85d6b33"
     id = "OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster"
     name = "Main root"
-    url = "git@github.com:storybooks/storybook.git"
+    url = "git@github.com:storybookjs/storybook.git"
     branch = "refs/heads/next"
     branchSpec = """
         +:refs/(pull/*)/head

.teamcity/OpenSourceProjects_Storybook/vcsRoots/OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster1.kt

@@ -6,8 +6,8 @@ import jetbrains.buildServer.configs.kotlin.v2017_2.vcs.GitVcsRoot
 object OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster1 : GitVcsRoot({
     uuid = "5cacf90a-381a-4c73-9aa3-57f6439b545e"
     id = "OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster1"
-    name = "https://github.com/storybooks/storybook#refs/heads/master (1)"
-    url = "git@github.com:storybooks/storybook.git"
+    name = "https://github.com/storybookjs/storybook#refs/heads/master (1)"
+    url = "git@github.com:storybookjs/storybook.git"
     branch = "refs/heads/next"
     authMethod = uploadedKey {
         userName = "git"

.teamcity/pom.xml

@@ -1,104 +0,0 @@
-<?xml version="1.0"?>
-<project>
-  <modelVersion>4.0.0</modelVersion>
-  <name>OpenSourceProjects_Storybook Config DSL Script</name>
-  <groupId>OpenSourceProjects_Storybook</groupId>
-  <artifactId>OpenSourceProjects_Storybook_dsl</artifactId>
-  <version>1.0-SNAPSHOT</version>
-
-  <parent>
-    <groupId>org.jetbrains.teamcity</groupId>
-    <artifactId>configs-dsl-kotlin-parent</artifactId>
-    <version>1.0-SNAPSHOT</version>
-  </parent>
-
-  <repositories>
-    <repository>
-      <id>jetbrains-all</id>
-      <url>http://download.jetbrains.com/teamcity-repository</url>
-      <snapshots>
-        <enabled>true</enabled>
-      </snapshots>
-    </repository>
-    <repository>
-      <id>teamcity-server</id>
-      <url>https://teamcity.jetbrains.com/app/dsl-plugins-repository</url>
-      <snapshots>
-        <enabled>true</enabled>
-      </snapshots>
-    </repository>
-  </repositories>
-
-  <pluginRepositories>
-    <pluginRepository>
-      <id>JetBrains</id>
-      <url>http://download.jetbrains.com/teamcity-repository</url>
-    </pluginRepository>
-  </pluginRepositories>
-
-  <build>
-    <sourceDirectory>.</sourceDirectory>
-    <plugins>
-      <plugin>
-        <artifactId>kotlin-maven-plugin</artifactId>
-        <groupId>org.jetbrains.kotlin</groupId>
-        <version>${kotlin.version}</version>
-
-        <configuration/>
-        <executions>
-          <execution>
-            <id>compile</id>
-            <phase>process-sources</phase>
-            <goals>
-              <goal>compile</goal>
-            </goals>
-          </execution>
-          <execution>
-            <id>test-compile</id>
-            <phase>process-test-sources</phase>
-            <goals>
-              <goal>test-compile</goal>
-            </goals>
-          </execution>
-        </executions>
-      </plugin>
-      <plugin>
-        <groupId>org.jetbrains.teamcity</groupId>
-        <artifactId>teamcity-configs-maven-plugin</artifactId>
-        <version>${teamcity.dsl.version}</version>
-        <configuration>
-          <format>kotlin</format>
-          <dstDir>target/generated-configs</dstDir>
-        </configuration>
-      </plugin>
-    </plugins>
-  </build>
-
-  <dependencies>
-    <dependency>
-      <groupId>org.jetbrains.teamcity</groupId>
-      <artifactId>configs-dsl-kotlin</artifactId>
-      <version>${teamcity.dsl.version}</version>
-      <scope>compile</scope>
-    </dependency>
-    <dependency>
-      <groupId>org.jetbrains.teamcity</groupId>
-      <artifactId>configs-dsl-kotlin-plugins</artifactId>
-      <version>1.0-SNAPSHOT</version>
-      <type>pom</type>
-      <scope>compile</scope>
-    </dependency>
-    <dependency>
-      <groupId>org.jetbrains.kotlin</groupId>
-      <artifactId>kotlin-stdlib-jdk8</artifactId>
-      <version>${kotlin.version}</version>
-      <scope>compile</scope>
-    </dependency>
-    <dependency>
-      <groupId>org.jetbrains.kotlin</groupId>
-      <artifactId>kotlin-script-runtime</artifactId>
-      <version>${kotlin.version}</version>
-      <scope>compile</scope>
-    </dependency>
-  </dependencies>
-</project>

ADDONS_SUPPORT.md

@@ -8,6 +8,7 @@
 |[centered](addons/centered)                 |+| |+|+| |+|+| |+| |+|+|
 |[contexts](addons/contexts)                 |+| |+| | | | | | | | |+|
 |[events](addons/events)                     |+| |+|+|+|+|+|+| | |+|+|
+|[design assets](addons/design-assets)       |+| |+|+|+|+|+|+|+|+|+|+|
 |[graphql](addons/graphql)                   |+| | | | | | | | | | | |
 |[google-analytics](addons/google-analytics) |+|+|+|+|+|+|+|+|+|+|+|+|
 |[info](addons/info)                         |+| | | | | | | | | | | |

CODE_OF_CONDUCT.md

@@ -34,7 +34,15 @@ This Code of Conduct applies both within project spaces and in public spaces whe
 
 ## Enforcement
 
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at ndelangen@me.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting one of the Steering committee members:
+
+Norbert de Langen ~ @ndelangen - `ndelangen@me.com`
+Igor Davydkin ~ @igordv - `davydkin.igor@gmail.com`
+Tom Coleman ~ @tmeasday - `tom@thesnail.org`
+Michael Shilman ~ @shilman - `michael@lab80.co`
+Philip Riabchun ~ @hypnosphi - `talpa@yandex.ru`
+
+The steering committee will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
 
 Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
 

CONTRIBUTING.md

@@ -10,7 +10,7 @@ This repo uses yarn workspaces, so you should install `yarn@1.3.2` or higher as
 
 No software is bug-free. So, if you got an issue, follow these steps:
 
-- Search the [issue list](https://github.com/storybooks/storybook/issues?utf8=%E2%9C%93&q=) for current and old issues.
+- Search the [issue list](https://github.com/storybookjs/storybook/issues?utf8=%E2%9C%93&q=) for current and old issues.
   - If you find an existing issue, please UPVOTE the issue by adding a "thumbs-up reaction". We use this to help prioritize issues!
 - If none of that is helping, create an issue with the following information:
   - Clear title (shorter is better).
@@ -25,9 +25,8 @@ To test your project against the current latest version of storybook, you can cl
 #### 1. Download the latest version of this project, and build it:
 
 ```sh
-git clone https://github.com/storybooks/storybook.git
+git clone https://github.com/storybookjs/storybook.git
 cd storybook
-yarn install
 yarn bootstrap
 ```
 
@@ -137,9 +136,8 @@ A good way to do that is using the example `cra-kitchen-sink` app embedded in th
 
 ```sh
 # Download and build this repository:
-git clone https://github.com/storybooks/storybook.git
+git clone https://github.com/storybookjs/storybook.git
 cd storybook
-yarn install
 yarn bootstrap --core
 
 # make changes to try and reproduce the problem, such as adding components + stories
@@ -156,7 +154,7 @@ git remote add <your-username> https://github.com/<your-username>/storybook.git
 git push -u <your-username> master
 ```
 
-If you follow that process, you can then link to the GitHub repository in the issue. See <https://github.com/storybooks/storybook/issues/708#issuecomment-290589886> for an example.
+If you follow that process, you can then link to the GitHub repository in the issue. See <https://github.com/storybookjs/storybook/issues/708#issuecomment-290589886> for an example.
 
 **NOTE**: If your issue involves a webpack config, create-react-app will prevent you from modifying the _app's_ webpack config, however, you can still modify storybook's to mirror your app's version of the storybook. Alternatively, use `yarn eject` in the CRA app to get a modifiable webpack config.
 
@@ -207,7 +205,7 @@ Before you submit a new PR, make sure you run `yarn test`. Do not submit a PR if
 
 ### Reviewing PRs
 
-**As a PR submitter**, you should reference the issue if there is one, include a short description of what you contributed and, if it is a code change, instructions for how to manually test out the change. This is informally enforced by our [PR template](https://github.com/storybooks/storybook/blob/master/.github/PULL_REQUEST_TEMPLATE.md). If your PR is reviewed as only needing trivial changes (e.g. small typos etc), and you have commit access, then you can merge the PR after making those changes.
+**As a PR submitter**, you should reference the issue if there is one, include a short description of what you contributed and, if it is a code change, instructions for how to manually test out the change. This is informally enforced by our [PR template](https://github.com/storybookjs/storybook/blob/master/.github/PULL_REQUEST_TEMPLATE.md). If your PR is reviewed as only needing trivial changes (e.g. small typos etc), and you have commit access, then you can merge the PR after making those changes.
 
 **As a PR reviewer**, you should read through the changes and comment on any potential problems. If you see something cool, a kind word never hurts either! Additionally, you should follow the testing instructions and manually test the changes. If the instructions are missing, unclear, or overly complex, feel free to request better instructions from the submitter. Unless the PR is tagged with the `do not merge` label, if you approve the review and there is no other required discussion or changes, you should also go ahead and merge the PR.
 
@@ -217,7 +215,7 @@ If you are looking for a way to help the project, triaging issues is a great pla
 
 ### Responding to issues
 
-Issues that are tagged `question / support` or `needs reproduction` are great places to help. If you can answer a question, it will help the asker as well as anyone searching. If an issue needs reproduction, you may be able to guide the reporter toward one, or even reproduce it yourself using [this technique](https://github.com/storybooks/storybook/blob/master/CONTRIBUTING.md#reproductions).
+Issues that are tagged `question / support` or `needs reproduction` are great places to help. If you can answer a question, it will help the asker as well as anyone searching. If an issue needs reproduction, you may be able to guide the reporter toward one, or even reproduce it yourself using [this technique](https://github.com/storybookjs/storybook/blob/master/CONTRIBUTING.md#reproductions).
 
 ### Triaging issues
 
@@ -233,7 +231,7 @@ All issues should have a `type` label. `bug`/`feature`/`question`/`discussion` a
 
 They should also have one or more `area`/`status` labels. We use these labels to filter issues down so we can easily see all of the issues for a particular area, and keep the total number of open issues under control.
 
-For example, here is the list of [open, untyped issues](https://github.com/storybooks/storybook/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20-label%3A%22bug%22%20-label%3A%22discussion%22%20-label%3A%22feature%22%20-label%3A%22maintenance%22%20-label%3A%22question%20%2F%20support%22%20-label%3A%22documentation%22%20-label%3A%22greenkeeper%22), or here is a list of [bugs that have not been modified since 2017-04-01](https://github.com/storybooks/storybook/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20label%3A%22bug%22%20updated%3A%3C%3D2017-04-01%20). For more info see [searching issues](https://help.github.com/articles/searching-issues/) in the Github docs.
+For example, here is the list of [open, untyped issues](https://github.com/storybookjs/storybook/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20-label%3A%22bug%22%20-label%3A%22discussion%22%20-label%3A%22feature%22%20-label%3A%22maintenance%22%20-label%3A%22question%20%2F%20support%22%20-label%3A%22documentation%22%20-label%3A%22greenkeeper%22), or here is a list of [bugs that have not been modified since 2017-04-01](https://github.com/storybookjs/storybook/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20label%3A%22bug%22%20updated%3A%3C%3D2017-04-01%20). For more info see [searching issues](https://help.github.com/articles/searching-issues/) in the Github docs.
 
 If an issue is a `bug`, and it doesn't have a clear reproduction that you have personally confirmed, label it `needs reproduction` and ask the author to try and create a reproduction, or have a go yourself.
 
@@ -251,8 +249,6 @@ If an issue is a `bug`, and it doesn't have a clear reproduction that you have p
 
 ## Development Guide
 
-> If you want to work on a UI feature, refer to the [Storybook UI](https://github.com/storybooks/storybook/tree/master/lib/ui) page.
-
 ### Prerequisites
 
 Please have the **_latest_** stable versions of the following on your machine
@@ -265,7 +261,7 @@ Please have the **_latest_** stable versions of the following on your machine
 If you run into trouble here, make sure your node, npm, and **_yarn_** are on the latest versions (yarn at least v1.3.2).
 
 1.  `cd ~` (optional)
-2.  `git clone https://github.com/storybooks/storybook.git` _bonus_: use your own fork for this step
+2.  `git clone https://github.com/storybookjs/storybook.git` _bonus_: use your own fork for this step
 3.  `cd storybook`
 4.  `yarn`
 5.  `yarn bootstrap --core`
@@ -287,9 +283,9 @@ Within the `examples` folder of the Storybook repo, you will find kitchen sink e
 Not only do these show many of the options and add-ons available, they are also automatically linked to all the development packages. We highly encourage you to use these to develop/test contributions on.
 
 #### React and Vue
-
-1.  `yarn storybook`
-2.  Verify that your local version works
+1. `cd examples/official-storybook`
+2.  `yarn storybook`
+3.  Verify that your local version works
 
 ### Working with your own app
 
@@ -342,7 +338,7 @@ If you don't see the changes rerun `yarn storybook` again in your sandbox app
 This section is for Storybook maintainers who will be creating releases. It assumes:
 
 - yarn >= 1.3.2
-- you've yarn linked `pr-log` from <https://github.com/storybooks/pr-log/pull/2>
+- you've yarn linked `pr-log` from <https://github.com/storybookjs/pr-log/pull/2>
 
 The current manual release sequence is as follows:
 
@@ -384,7 +380,7 @@ yarn bootstrap --reset --core
 yarn run publish:next
 
 # update the release page
-open https://github.com/storybooks/storybook/releases
+open https://github.com/storybookjs/storybook/releases
 ```
 
 #### Full release:
@@ -408,5 +404,5 @@ yarn bootstrap --reset --core
 yarn run publish:latest
 
 # update the release page
-open https://github.com/storybooks/storybook/releases
+open https://github.com/storybookjs/storybook/releases
 ```

HISTORY.md

@@ -1,6 +1,6 @@
 ## v.Next
 
--   Deprecated `{ linkTo, action }` as built-in addons: <https://github.com/storybooks/storybook/issues/1017>. From 3.0 use them as you would [any other addon](https://storybook.js.org/addons/using-addons/).
+-   Deprecated `{ linkTo, action }` as built-in addons: <https://github.com/storybookjs/storybook/issues/1017>. From 3.0 use them as you would [any other addon](https://storybook.js.org/addons/using-addons/).
 
 Before:
 

MIGRATION.md

@@ -1,7 +1,11 @@
 # Migration
 
+- [From version 5.1.x to 5.2.x](#from-version-51x-to-52x)
+  - [Docs mode docgen](#docs-mode-docgen)
 - [From version 5.0.x to 5.1.x](#from-version-50x-to-51x)
   - [React native server](#react-native-server)
+  - [Angular 7](#angular-7)
+  - [CoreJS 3](#corejs-3)
 - [From version 5.0.1 to 5.0.2](#from-version-501-to-502)
   - [Deprecate webpack extend mode](#deprecate-webpack-extend-mode)
 - [From version 4.1.x to 5.0.x](#from-version-41x-to-50x)
@@ -54,6 +58,15 @@
   - [Packages renaming](#packages-renaming)
   - [Deprecated embedded addons](#deprecated-embedded-addons)
 
+## From version 5.1.x to 5.2.x
+
+### Docs mode docgen
+
+This isn't a breaking change per se, because `addon-docs` is a new feature. However it's intended to replace `addon-info`, so if you're migrating from `addon-info` there are a few things you should know:
+
+1. Support for only one prop table
+2. Prop table docgen info should be stored on the component and not in the global variable `STORYBOOK_REACT_CLASSES` as before.
+
 ## From version 5.0.x to 5.1.x
 
 ### React native server
@@ -77,6 +90,41 @@ If you wish to run the optional web server, you will need to do the following mi
 
 And with that you should be good to go!
 
+### Angular 7
+
+Storybook 5.1 relies on `core-js@^3.0.0` and therefore causes a conflict with Angular 7 that relies on `core-js@^2.0.0`. In order to get Storybook running on Angular 7 you can either update to Angular 8 (which dropped `core-js` as a dependency) or follow these steps:
+
+- Remove `node_modules/@storybook`
+- `npm i core-js@^3.0.0` / `yarn add core-js@^3.0.0`
+- Add the following paths to your `tsconfig.json`
+
+```json
+{
+  "compilerOptions": {
+    "paths": {
+      "core-js/es7/reflect": ["node_modules/core-js/proposals/reflect-metadata"],
+      "core-js/es6/*": ["node_modules/core-js/es"]
+    }
+  }
+}
+```
+
+You should now be able to run Storybook and Angular 7 without any errors.
+
+Reference issue: [https://github.com/angular/angular-cli/issues/13954](https://github.com/angular/angular-cli/issues/13954)
+
+### CoreJS 3
+
+Following the rest of the JS ecosystem, Storybook 5.1 upgrades [CoreJS](https://github.com/zloirock/core-js) 2 to 3, which is a breaking change.
+
+This upgrade is problematic because many apps/libraries still rely on CoreJS 2, and many users get corejs-related errors due to bad resolution. To address this, we're using [corejs-upgrade-webpack-plugin](https://github.com/ndelangen/corejs-upgrade-webpack-plugin), which attempts to automatically upgrade code to CoreJS 3.
+
+After a few iterations, this approach seems to be working. However, there are a few exceptions:
+
+- If your app uses `babel-polyfill`, try to remove it
+
+We'll update this section as we find more problem cases. If you have a `core-js` problem, please file an issue (preferably with a repro), and we'll do our best to get you sorted.
+
 ## From version 5.0.1 to 5.0.2
 
 ### Deprecate webpack extend mode
@@ -113,12 +161,35 @@ module.exports = ({ config }) => ({
 });
 ```
 
-Please refer to the [current custom webpack documentation](https://github.com/storybooks/storybook/blob/next/docs/src/pages/configurations/custom-webpack-config/index.md) for more information on custom webpack config and to [Issue #6081](https://github.com/storybooks/storybook/issues/6081) for more information about the change.
+Please refer to the [current custom webpack documentation](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/configurations/custom-webpack-config/index.md) for more information on custom webpack config and to [Issue #6081](https://github.com/storybookjs/storybook/issues/6081) for more information about the change.
 
 ## From version 4.1.x to 5.0.x
 
 Storybook 5.0 includes sweeping UI changes as well as changes to the addon API and custom webpack configuration. We've tried to keep backwards compatibility in most cases, but there are some notable exceptions documented below.
 
+### sortStoriesByKind
+
+In Storybook 5.0 we changed a lot of UI related code, and 1 oversight caused the `sortStoriesByKind` options to stop working.
+We're working on providing a better way of sorting stories for now the feature has been removed. Stories appear in the order they are loaded.
+
+If you're using webpack's `require.context` to load stories, you can sort the execution of requires:
+
+```js
+var context = require.context('../stories', true, /\.stories\.js$/);
+var modules = context.keys();
+
+// sort them
+var sortedModules = modules.slice().sort((a, b) => {
+  // sort the stories based on filename/path
+  return a < b ? -1 : a > b ? 1 : 0;
+});
+
+// execute them
+sortedModules.forEach(key => {
+  context(key);
+});
+```
+
 ## Webpack config simplification
 
 The API for custom webpack configuration has been simplifed in 5.0, but it's a breaking change. Storybook's "full control mode" for webpack allows you to override the webpack config with a function that returns a configuration object.
@@ -131,11 +202,11 @@ module.exports = ({ config, mode }) => { config.module.rules.push(...); return c
 
 In contrast, the 4.x configuration function accepted either two or three arguments (`(baseConfig, mode)`, or `(baseConfig, mode, defaultConfig)`). The `config` object in the 5.x signature is equivalent to 4.x's `defaultConfig`.
 
-Please see the [current custom webpack documentation](https://github.com/storybooks/storybook/blob/next/docs/src/pages/configurations/custom-webpack-config/index.md) for more information on custom webpack config.
+Please see the [current custom webpack documentation](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/configurations/custom-webpack-config/index.md) for more information on custom webpack config.
 
 ## Theming overhaul
 
-Theming has been rewritten in v5. If you used theming in v4, please consult the [theming docs](https://github.com/storybooks/storybook/blob/next/docs/src/pages/configurations/theming/index.md) to learn about the new API.
+Theming has been rewritten in v5. If you used theming in v4, please consult the [theming docs](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/configurations/theming/index.md) to learn about the new API.
 
 ## Story hierarchy defaults
 
@@ -221,7 +292,7 @@ Storybook v5 introduce a new tool bar above the story view and you can show\hide
 
 ## Individual story decorators
 
-The behavior of adding decorators to a kind has changed in SB5 ([#5781](https://github.com/storybooks/storybook/issues/5781)).
+The behavior of adding decorators to a kind has changed in SB5 ([#5781](https://github.com/storybookjs/storybook/issues/5781)).
 
 In SB4 it was possible to add decorators to only a subset of the stories of a kind.
 
@@ -321,7 +392,7 @@ addParameters({ viewport: options });
 
 The `withViewport` decorator is also no longer supported and should be replaced with a parameter based API as above. Also the `onViewportChange` callback is no longer supported.
 
-See the [viewport addon README](https://github.com/storybooks/storybook/blob/master/addons/viewport/README.md) for more information.
+See the [viewport addon README](https://github.com/storybookjs/storybook/blob/master/addons/viewport/README.md) for more information.
 
 ## Addon a11y uses parameters, decorator renamed
 
@@ -345,7 +416,7 @@ You can also pass `a11y` parameters at the component level (via `storiesOf(...).
 
 Furthermore, the decorator `checkA11y` has been deprecated and renamed to `withA11y` to make it consistent with other Storybook decorators.
 
-See the [a11y addon README](https://github.com/storybooks/storybook/blob/master/addons/a11y/README.md) for more information.
+See the [a11y addon README](https://github.com/storybookjs/storybook/blob/master/addons/a11y/README.md) for more information.
 
 ## New keyboard shortcuts defaults
 
@@ -408,7 +479,7 @@ There are are a few migrations you should be aware of in 4.1, including one unin
 
 ## Private addon config
 
-If your Storybook contains custom addons defined that are defined in your app (as opposed to installed from packages) and those addons rely on reconfiguring webpack/babel, Storybook 4.1 may break for you. There's a workaround [described in the issue](https://github.com/storybooks/storybook/issues/4995), and we're working on official support in the next release.
+If your Storybook contains custom addons defined that are defined in your app (as opposed to installed from packages) and those addons rely on reconfiguring webpack/babel, Storybook 4.1 may break for you. There's a workaround [described in the issue](https://github.com/storybookjs/storybook/issues/4995), and we're working on official support in the next release.
 
 ## React 15.x
 
@@ -448,7 +519,7 @@ at Object../node_modules/@storybook/components/dist/navigation/MenuLink.js (Menu
 
 ### Generic addons
 
-4.x introduces generic addon decorators that are not tied to specific view layers [#3555](https://github.com/storybooks/storybook/pull/3555). So for example:
+4.x introduces generic addon decorators that are not tied to specific view layers [#3555](https://github.com/storybookjs/storybook/pull/3555). So for example:
 
 ```js
 import { number } from '@storybook/addon-knobs/react';
@@ -462,7 +533,7 @@ import { number } from '@storybook/addon-knobs';
 
 ### Knobs select ordering
 
-4.0 also reversed the order of addon-knob's `select` knob keys/values, which had been called `selectV2` prior to this breaking change. See the knobs [package README](https://github.com/storybooks/storybook/blob/master/addons/knobs/README.md#select) for usage.
+4.0 also reversed the order of addon-knob's `select` knob keys/values, which had been called `selectV2` prior to this breaking change. See the knobs [package README](https://github.com/storybookjs/storybook/blob/master/addons/knobs/README.md#select) for usage.
 
 ### Knobs URL parameters
 
@@ -479,7 +550,7 @@ In 3.x, editing knobs updated the URL parameters interactively. The implementati
 
 ### Removed addWithInfo
 
-`Addon-info`'s `addWithInfo` has been marked deprecated since 3.2. In 4.0 we've removed it completely. See the package [README](https://github.com/storybooks/storybook/blob/master/addons/info/README.md) for the proper usage.
+`Addon-info`'s `addWithInfo` has been marked deprecated since 3.2. In 4.0 we've removed it completely. See the package [README](https://github.com/storybookjs/storybook/blob/master/addons/info/README.md) for the proper usage.
 
 ### Removed RN packager
 
@@ -497,14 +568,14 @@ The `@storybook/react-native` had built-in addons (`addon-actions` and `addon-li
 
 1.  `imageSnapshot` test function was extracted from `addon-storyshots`
     and moved to a new package - `addon-storyshots-puppeteer` that now will
-    be dependant on puppeteer. [README](https://github.com/storybooks/storybook/tree/master/addons/storyshots/storyshots-puppeteer)
+    be dependant on puppeteer. [README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-puppeteer)
 2.  `getSnapshotFileName` export was replaced with the `Stories2SnapsConverter`
     class that now can be overridden for a custom implementation of the
-    snapshot-name generation. [README](https://github.com/storybooks/storybook/tree/master/addons/storyshots/storyshots-core#stories2snapsconverter)
+    snapshot-name generation. [README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core#stories2snapsconverter)
 3.  Storybook that was configured with Webpack's `require.context()` feature
     will need to add a babel plugin to polyfill this functionality.
     A possible plugin might be [babel-plugin-require-context-hook](https://github.com/smrq/babel-plugin-require-context-hook).
-    [README](https://github.com/storybooks/storybook/tree/master/addons/storyshots/storyshots-core#configure-jest-to-work-with-webpacks-requirecontext)
+    [README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core#configure-jest-to-work-with-webpacks-requirecontext)
 
 ### Webpack 4
 
@@ -590,12 +661,12 @@ This example applies notes globally to all stories. You can apply it locally wit
 
 The story parameters correspond directly to the old withX arguments, so it's easy to migrate your code. See the parameters documentation for the packages that have been upgraded:
 
-- [Notes](https://github.com/storybooks/storybook/blob/master/addons/notes/README.md)
-- [Jest](https://github.com/storybooks/storybook/blob/master/addons/jest/README.md)
-- [Knobs](https://github.com/storybooks/storybook/blob/master/addons/knobs/README.md)
-- [Viewport](https://github.com/storybooks/storybook/blob/master/addons/viewport/README.md)
-- [Backgrounds](https://github.com/storybooks/storybook/blob/master/addons/backgrounds/README.md)
-- [Options](https://github.com/storybooks/storybook/blob/master/addons/options/README.md)
+- [Notes](https://github.com/storybookjs/storybook/blob/master/addons/notes/README.md)
+- [Jest](https://github.com/storybookjs/storybook/blob/master/addons/jest/README.md)
+- [Knobs](https://github.com/storybookjs/storybook/blob/master/addons/knobs/README.md)
+- [Viewport](https://github.com/storybookjs/storybook/blob/master/addons/viewport/README.md)
+- [Backgrounds](https://github.com/storybookjs/storybook/blob/master/addons/backgrounds/README.md)
+- [Options](https://github.com/storybookjs/storybook/blob/master/addons/options/README.md)
 
 ## From version 3.3.x to 3.4.x
 
@@ -603,10 +674,10 @@ There are no expected breaking changes in the 3.4.x release, but 3.4 contains a
 
 ## From version 3.2.x to 3.3.x
 
-It wasn't expected that there would be any breaking changes in this release, but unfortunately it turned out that there are some. We're revisiting our [release strategy](https://github.com/storybooks/storybook/blob/master/RELEASES.md) to follow semver more strictly.
+It wasn't expected that there would be any breaking changes in this release, but unfortunately it turned out that there are some. We're revisiting our [release strategy](https://github.com/storybookjs/storybook/blob/master/RELEASES.md) to follow semver more strictly.
 Also read on if you're using `addon-knobs`: we advise an update to your code for efficiency's sake.
 
-### `babel-core` is now a peer dependency ([#2494](https://github.com/storybooks/storybook/pull/2494))
+### `babel-core` is now a peer dependency ([#2494](https://github.com/storybookjs/storybook/pull/2494))
 
 This affects you if you don't use babel in your project. You may need to add `babel-core` as dev dependency:
 
@@ -616,13 +687,13 @@ yarn add babel-core --dev
 
 This was done to support different major versions of babel.
 
-### Base webpack config now contains vital plugins ([#1775](https://github.com/storybooks/storybook/pull/1775))
+### Base webpack config now contains vital plugins ([#1775](https://github.com/storybookjs/storybook/pull/1775))
 
-This affects you if you use custom webpack config in [Full Control Mode](https://storybook.js.org/configurations/custom-webpack-config/#full-control-mode) while not preserving the plugins from `storybookBaseConfig`. Before `3.3`, preserving them was just a recommendation, but now it [became](https://github.com/storybooks/storybook/pull/2578) a requirement.
+This affects you if you use custom webpack config in [Full Control Mode](https://storybook.js.org/configurations/custom-webpack-config/#full-control-mode) while not preserving the plugins from `storybookBaseConfig`. Before `3.3`, preserving them was just a recommendation, but now it [became](https://github.com/storybookjs/storybook/pull/2578) a requirement.
 
 ### Refactored Knobs
 
-Knobs users: there was a bug in 3.2.x where using the knobs addon imported all framework runtimes (e.g. React and Vue). To fix the problem, we [refactored knobs](https://github.com/storybooks/storybook/pull/1832). Switching to the new style is easy:
+Knobs users: there was a bug in 3.2.x where using the knobs addon imported all framework runtimes (e.g. React and Vue). To fix the problem, we [refactored knobs](https://github.com/storybookjs/storybook/pull/1832). Switching to the new style is easy:
 
 In the case of React or React-Native, import knobs like this:
 

README.md

@@ -1,13 +1,12 @@
 # Storybook
 
 <p align="center">
-  <a href="https://teamcity.jetbrains.com/viewType.html?buildTypeId=OpenSourceProjects_Storybook_Build_2&amp;branch_OpenSourceProjects_Storybook=%3Cdefault%3E&amp;tab=buildTypeStatusDiv"><img src="https://teamcity.jetbrains.com/app/rest/builds/buildType:OpenSourceProjects_Storybook_Build_2/statusIcon.svg" alt="Build Status on TeamCity" /></a>
-  <a href="https://circleci.com/gh/storybooks/storybook"><img src="https://circleci.com/gh/storybooks/storybook.svg?style=shield" alt="Build Status on CircleCI" /></a>
-  <a href="https://www.codefactor.io/repository/github/storybooks/storybook"><img src="https://www.codefactor.io/repository/github/storybooks/storybook/badge" alt="CodeFactor" /></a>
-  <a href="https://snyk.io/test/github/storybooks/storybook"><img src="https://snyk.io/test/github/storybooks/storybook/badge.svg" alt="Known Vulnerabilities" /></a>
-  <a href="https://bettercodehub.com/results/storybooks/storybook"><img src="https://bettercodehub.com/edge/badge/storybooks/storybook" alt="BCH compliance" /></a>
-  <a href="https://codecov.io/gh/storybooks/storybook"><img src="https://codecov.io/gh/storybooks/storybook/branch/master/graph/badge.svg" alt="codecov" /></a>
-  <a href="https://github.com/storybooks/storybook/blob/master/LICENSE"><img src="https://img.shields.io/github/license/storybooks/storybook.svg" alt="License" /></a></p>
+  <a href="https://circleci.com/gh/storybookjs/storybook"><img src="https://circleci.com/gh/storybookjs/storybook.svg?style=shield" alt="Build Status on CircleCI" /></a>
+  <a href="https://www.codefactor.io/repository/github/storybookjs/storybook"><img src="https://www.codefactor.io/repository/github/storybookjs/storybook/badge" alt="CodeFactor" /></a>
+  <a href="https://snyk.io/test/github/storybookjs/storybook"><img src="https://snyk.io/test/github/storybookjs/storybook/badge.svg" alt="Known Vulnerabilities" /></a>
+  <a href="https://bettercodehub.com/results/storybookjs/storybook"><img src="https://bettercodehub.com/edge/badge/storybookjs/storybook" alt="BCH compliance" /></a>
+  <a href="https://codecov.io/gh/storybookjs/storybook"><img src="https://codecov.io/gh/storybookjs/storybook/branch/master/graph/badge.svg" alt="codecov" /></a>
+  <a href="https://github.com/storybookjs/storybook/blob/master/LICENSE"><img src="https://img.shields.io/github/license/storybookjs/storybook.svg" alt="License" /></a></p>
 </p>
 <p align="center">
   <a href="https://discord.gg/sMFvFsG"><img src="https://img.shields.io/badge/discord-join-7289DA.svg?logo=discord&longCache=true&style=flat" /></a>
@@ -85,18 +84,18 @@ For additional help, join us [in our Discord](https://discord.gg/sMFvFsG) or [Sl
 
 | Framework                        | Demo                                              |                                                                                                |
 | -------------------------------- | ------------------------------------------------- | ---------------------------------------------------------------------------------------------- |
-| [React](app/react)               | [v5.0.0](https://storybooks-official.netlify.com) | [![React](https://img.shields.io/npm/dm/@storybook/react.svg)](app/react)                      |
+| [React](app/react)               | [v5.1.0](https://storybooks-official.netlify.com) | [![React](https://img.shields.io/npm/dm/@storybook/react.svg)](app/react)                      |
 | [React Native](app/react-native) | -                                                 | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native.svg)](app/react-native) |
-| [Vue](app/vue)                   | [v5.0.0](https://storybooks-vue.netlify.com/)     | [![Vue](https://img.shields.io/npm/dm/@storybook/vue.svg)](app/vue)                            |
-| [Angular](app/angular)           | [v5.0.0](https://storybooks-angular.netlify.com/) | [![Angular](https://img.shields.io/npm/dm/@storybook/angular.svg)](app/angular)                |
-| [Polymer](app/polymer)           | [v5.0.0](https://storybooks-polymer.netlify.com/) | [![Polymer](https://img.shields.io/npm/dm/@storybook/polymer.svg)](app/polymer)                |
-| [Mithril](app/mithril)           | [v5.0.0](https://storybooks-mithril.netlify.com/) | [![Mithril](https://img.shields.io/npm/dm/@storybook/mithril.svg)](app/mithril)                |
-| [Marko](app/marko)               | [v5.0.0](https://storybooks-marko.netlify.com/)   | [![Marko](https://img.shields.io/npm/dm/@storybook/marko.svg)](app/marko)                      |
-| [HTML](app/html)                 | [v5.0.0](https://storybooks-html.netlify.com/)    | [![HTML](https://img.shields.io/npm/dm/@storybook/html.svg)](app/html)                         |
-| [Svelte](app/svelte)             | [v5.0.0](https://storybooks-svelte.netlify.com/)  | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte.svg)](app/svelte)                   |
-| [Riot](app/riot)                 | [v5.0.0](https://storybooks-riot.netlify.com/)    | [![Riot](https://img.shields.io/npm/dm/@storybook/riot.svg)](app/riot)                         |
-| [Ember](app/ember)               | [v5.0.0](https://storybooks-ember.netlify.com/)   | [![Ember](https://img.shields.io/npm/dm/@storybook/ember.svg)](app/ember)                      |
-| [Preact](app/preact)             | [v5.0.0](https://storybooks-preact.netlify.com/)  | [![Preact](https://img.shields.io/npm/dm/@storybook/preact.svg)](app/preact)                   |
+| [Vue](app/vue)                   | [v5.1.0](https://storybooks-vue.netlify.com/)     | [![Vue](https://img.shields.io/npm/dm/@storybook/vue.svg)](app/vue)                            |
+| [Angular](app/angular)           | [v5.1.0](https://storybooks-angular.netlify.com/) | [![Angular](https://img.shields.io/npm/dm/@storybook/angular.svg)](app/angular)                |
+| [Polymer](app/polymer)           | [v5.1.0](https://storybooks-polymer.netlify.com/) | [![Polymer](https://img.shields.io/npm/dm/@storybook/polymer.svg)](app/polymer)                |
+| [Mithril](app/mithril)           | [v5.1.0](https://storybooks-mithril.netlify.com/) | [![Mithril](https://img.shields.io/npm/dm/@storybook/mithril.svg)](app/mithril)                |
+| [Marko](app/marko)               | [v5.1.0](https://storybooks-marko.netlify.com/)   | [![Marko](https://img.shields.io/npm/dm/@storybook/marko.svg)](app/marko)                      |
+| [HTML](app/html)                 | [v5.1.0](https://storybooks-html.netlify.com/)    | [![HTML](https://img.shields.io/npm/dm/@storybook/html.svg)](app/html)                         |
+| [Svelte](app/svelte)             | [v5.1.0](https://storybooks-svelte.netlify.com/)  | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte.svg)](app/svelte)                   |
+| [Riot](app/riot)                 | [v5.1.0](https://storybooks-riot.netlify.com/)    | [![Riot](https://img.shields.io/npm/dm/@storybook/riot.svg)](app/riot)                         |
+| [Ember](app/ember)               | [v5.1.0](https://storybooks-ember.netlify.com/)   | [![Ember](https://img.shields.io/npm/dm/@storybook/ember.svg)](app/ember)                      |
+| [Preact](app/preact)             | [v5.1.0](https://storybooks-preact.netlify.com/)  | [![Preact](https://img.shields.io/npm/dm/@storybook/preact.svg)](app/preact)                   |
 
 ### Sub Projects
 
@@ -113,6 +112,7 @@ For additional help, join us [in our Discord](https://discord.gg/sMFvFsG) or [Sl
 | [centered](addons/centered/)                | Center the alignment of your components within the Storybook UI            |
 | [contexts](addons/contexts/)                | Interactively inject component contexts for stories in the Storybook UI    |
 | [cssresources](addons/cssresources/)        | Dynamically add/remove css resources to the component iframe               |
+| [design assets](addons/design-assets/)      | View images, videos, weblinks alongside your story                         |
 | [events](addons/events/)                    | Interactively fire events to components that respond to EventEmitter       |
 | [graphql](addons/graphql/)                  | Query a GraphQL server within Storybook stories                            |
 | [google-analytics](addons/google-analytics) | Reports google analytics on stories                                        |
@@ -132,13 +132,13 @@ See [Addon / Framework Support Table](ADDONS_SUPPORT.md)
 
 We have a badge! Link it to your live Storybook example.
 
-![Storybook](https://cdn.jsdelivr.net/gh/storybooks/brand@master/badge/badge-storybook.svg)
+![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)
 
 ```md
-[![Storybook](https://cdn.jsdelivr.net/gh/storybooks/brand@master/badge/badge-storybook.svg)](link to site)
+[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](link to site)
 ```
 
-If you're looking for material to use in your presentation about storybook, like logo's video material and the colors we use etc, you can find all of that at our [press repo](https://github.com/storybooks/press).
+If you're looking for material to use in your presentation about storybook, like logo's video material and the colors we use etc, you can find all of that at our [press repo](https://github.com/storybookjs/press).
 
 ## Community
 
@@ -158,11 +158,13 @@ We welcome contributions to Storybook!
 
 Looking for a first issue to tackle?
 
-- We tag issues with [![Good First Issue](https://img.shields.io/github/issues/storybooks/storybook/good%20first%20issue.svg)](https://github.com/storybooks/storybook/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22) when we think they are well suited for people who are new to the codebase or OSS in general.
+- We tag issues with [![Good First Issue](https://img.shields.io/github/issues/storybookjs/storybook/good%20first%20issue.svg)](https://github.com/storybookjs/storybook/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22) when we think they are well suited for people who are new to the codebase or OSS in general.
 - [Talk to us](https://discord.gg/sMFvFsG), we'll find something to suits your skills and learning interest.
 
 ### Development scripts
+
 Storybook is organized as a monorepo using [Lerna](https://lernajs.io). Useful scripts include:
+
 #### `yarn bootstrap`
 
 > Installs package dependencies and links packages together - using lerna
@@ -259,6 +261,6 @@ Support us with a monthly donation and help us continue our activities. \[[Becom
 
 ## License
 
-[MIT](https://github.com/storybooks/storybook/blob/master/LICENSE)
+[MIT](https://github.com/storybookjs/storybook/blob/master/LICENSE)
 
 -the end-

RELEASES.md

@@ -81,7 +81,7 @@ there gathering upvotes and "me too" comments. We need a way to make sure that
 these bugs get addressed.
 
 For every non-PATCH release, we nominate a small number of bugs that must be
-addressed before a release can go out by adding them to the milestone. For example, here's a list of blocking bugs [for the 3.2 milestone](https://github.com/storybooks/storybook/milestone/3).
+addressed before a release can go out by adding them to the milestone. For example, here's a list of blocking bugs [for the 3.2 milestone](https://github.com/storybookjs/storybook/milestone/3).
 
 Adding bugs to the milestone helps people looking for good ways to contribute,
 or to understand what is blocking the release so they can actually do something
@@ -91,7 +91,7 @@ channel [in our Slack](https://now-examples-slackin-rrirkqohko.now.sh/) [![Story
 If you're experiencing a bug, the best way to make sure that it gets attention
 is to upvote it by adding a "thumbs-up" reaction in Github. This way important
 bugs quickly bubble to the top [with a
-search](https://github.com/storybooks/storybook/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20sort%3Areactions-%2B1-desc%20label%3Abug).
+search](https://github.com/storybookjs/storybook/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20sort%3Areactions-%2B1-desc%20label%3Abug).
 
 And of course, the best way to make sure a bug gets addressed quickly is to fix
 it yourself and issue a PR. If the fix is good, we'll try to release it quickly
@@ -101,8 +101,8 @@ in a patch release.
 
 - For PATCH changes, all discussion can occur in issue/PR comments (and random slack chat as needed).
 - For MINOR feature changes, there are multiple stages of discussion:
-  - The feature may be discussed in an issue before it is implemented (ex: <https://github.com/storybooks/storybook/issues/151>)
-  - Once it's implemented, the discussion may occur on the PR (ex: <https://github.com/storybooks/storybook/pull/1329>)
+  - The feature may be discussed in an issue before it is implemented (ex: <https://github.com/storybookjs/storybook/issues/151>)
+  - Once it's implemented, the discussion may occur on the PR (ex: <https://github.com/storybookjs/storybook/pull/1329>)
   - If people disagree on an implementation and it can't be resolved in discussion, they may issue alternative PR's with different ideas
   - Ultimately the maintainers will reach a consensus before merging the changes. There is no set process for this, but we're all adults.
   - Since MINOR features are released in alpha before they are fully released, new issues may be created by end users, etc.

addons/a11y/README.md

@@ -2,9 +2,9 @@
 
 This storybook addon can be helpful to make your UI components more accessible.
 
-[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md)
+[Framework Support](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
 
-![Screenshot](https://raw.githubusercontent.com/storybooks/storybook/HEAD/addons/a11y/docs/screenshot.png)
+![Screenshot](https://raw.githubusercontent.com/storybookjs/storybook/HEAD/addons/a11y/docs/screenshot.png)
 
 ## Getting started
 

addons/a11y/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.1.0-beta.0",
+  "version": "5.2.0-alpha.34",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -10,13 +10,13 @@
     "valid",
     "verify"
   ],
-  "homepage": "https://github.com/storybooks/storybook#readme",
+  "homepage": "https://github.com/storybookjs/storybook#readme",
   "bugs": {
-    "url": "https://github.com/storybooks/storybook/issues"
+    "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/storybooks/storybook.git",
+    "url": "git+https://github.com/storybookjs/storybook.git",
     "directory": "addons/a11y"
   },
   "license": "MIT",
@@ -26,19 +26,19 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.1.0-beta.0",
-    "@storybook/api": "5.1.0-beta.0",
-    "@storybook/client-logger": "5.1.0-beta.0",
-    "@storybook/components": "5.1.0-beta.0",
-    "@storybook/core-events": "5.1.0-beta.0",
-    "@storybook/theming": "5.1.0-beta.0",
+    "@storybook/addons": "5.2.0-alpha.34",
+    "@storybook/api": "5.2.0-alpha.34",
+    "@storybook/client-logger": "5.2.0-alpha.34",
+    "@storybook/components": "5.2.0-alpha.34",
+    "@storybook/core-events": "5.2.0-alpha.34",
+    "@storybook/theming": "5.2.0-alpha.34",
     "axe-core": "^3.2.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "hoist-non-react-statics": "^3.3.0",
     "memoizerific": "^1.11.3",
-    "react": "^16.8.4",
+    "react": "^16.8.3",
     "react-redux": "^7.0.2",
     "react-sizeme": "^2.5.2",
     "redux": "^4.0.1",

addons/a11y/src/components/__snapshots__/A11YPanel.test.js.snap

@@ -120,6 +120,7 @@ exports[`A11YPanel should render report 1`] = `
   display: -ms-flexbox;
   display: flex;
   background: #FFFFFF;
+  z-index: 1;
 }
 
 .emotion-3 {
@@ -215,6 +216,7 @@ exports[`A11YPanel should render report 1`] = `
               "inserted": Object {
                 "0": true,
                 "110qmus": true,
+                "11xgcgt": true,
                 "1551xjo": true,
                 "15paq49": true,
                 "1977chw": true,
@@ -222,7 +224,6 @@ exports[`A11YPanel should render report 1`] = `
                 "1ez3l8h": true,
                 "1kbt4a0": true,
                 "1l7fvsg": true,
-                "1myfomu": true,
                 "1vwgrhn": true,
                 "4ryd4s": true,
                 "6hqipu": true,
@@ -322,7 +323,7 @@ exports[`A11YPanel should render report 1`] = `
                     data-emotion="css-global"
                   >
                     
-                    .simplebar-scrollbar:before{position:absolute;content:"";background:black;border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;}
+                    .simplebar-scrollbar:before{position:absolute;content:"";border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;background:#333333;}
                   </style>
                   <style
                     data-emotion="css-global"
@@ -436,7 +437,7 @@ exports[`A11YPanel should render report 1`] = `
                     data-emotion="css-global"
                   >
                     
-                    .simplebar-scrollbar:before{position:absolute;content:"";background:black;border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;}
+                    .simplebar-scrollbar:before{position:absolute;content:"";border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;background:#333333;}
                   </style>
                   <style
                     data-emotion="css-global"
@@ -490,7 +491,7 @@ exports[`A11YPanel should render report 1`] = `
                     data-emotion="css"
                   >
                     
-                    .emotion-4{position:absolute;bottom:0;right:0;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFFFFF;}
+                    .emotion-4{position:absolute;bottom:0;right:0;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFFFFF;z-index:1;}
                   </style>
                   <style
                     data-emotion="css"
@@ -716,7 +717,7 @@ exports[`A11YPanel should render report 1`] = `
                     data-emotion="css"
                   >
                     
-                    .emotion-4{position:absolute;bottom:0;right:0;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFFFFF;}
+                    .emotion-4{position:absolute;bottom:0;right:0;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFFFFF;z-index:1;}
                   </style>,
                   <style
                     data-emotion="css"
@@ -923,9 +924,9 @@ exports[`A11YPanel should render report 1`] = `
           serialized={
             Object {
               "map": undefined,
-              "name": "zqypir",
+              "name": "nh5djz",
               "next": undefined,
-              "styles": "[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit;}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto !important;height:auto !important;z-index:0;}.simplebar-offset{direction:inherit !important;resize:none !important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch;}.simplebar-content-wrapper{direction:inherit;position:relative;display:block;visibility:visible;}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none;}.simplebar-height-auto-observer-wrapper{height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;}.simplebar-height-auto-observer{display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1;}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden;}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all;}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px;}.simplebar-scrollbar:before{position:absolute;content:\\"\\";background:black;border-radius:7px;left:0;right:0;opacity:0;transition:opacity 0.2s linear;}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:0.5;transition:opacity 0s linear;}.simplebar-track.simplebar-vertical{top:0;width:11px;}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px;}.simplebar-track.simplebar-horizontal{left:0;height:11px;}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px;}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto;}[data-simplebar-direction=\\"rtl\\"] .simplebar-track.simplebar-vertical{right:auto;left:0;}",
+              "styles": "[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit;}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto !important;height:auto !important;z-index:0;}.simplebar-offset{direction:inherit !important;resize:none !important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch;}.simplebar-content-wrapper{direction:inherit;position:relative;display:block;visibility:visible;}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none;}.simplebar-height-auto-observer-wrapper{height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;}.simplebar-height-auto-observer{display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1;}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden;}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all;}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px;}.simplebar-scrollbar:before{position:absolute;content:\\"\\";border-radius:7px;left:0;right:0;opacity:0;transition:opacity 0.2s linear;background:#333333;}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:0.5;transition:opacity 0s linear;}.simplebar-track.simplebar-vertical{top:0;width:11px;}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px;}.simplebar-track.simplebar-horizontal{left:0;height:11px;}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px;}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto;}[data-simplebar-direction=\\"rtl\\"] .simplebar-track.simplebar-vertical{right:auto;left:0;}",
             }
           }
         />

addons/actions/README.md

@@ -2,9 +2,9 @@
 
 Storybook Addon Actions can be used to display data received by event handlers in [Storybook](https://storybook.js.org).
 
-[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md)
+[Framework Support](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
 
-![Screenshot](https://raw.githubusercontent.com/storybooks/storybook/HEAD/addons/actions/docs/screenshot.png)
+![Screenshot](https://raw.githubusercontent.com/storybookjs/storybook/HEAD/addons/actions/docs/screenshot.png)
 
 ## Getting Started
 
@@ -22,7 +22,7 @@ import '@storybook/addon-actions/register';
 
 Import the `action` function and use it to create actions handlers. When creating action handlers, provide a **name** to make it easier to identify.
 
-> _Note: Make sure NOT to use reserved words as function names. [issues#29](https://github.com/storybooks/storybook-addon-actions/issues/29#issuecomment-288274794)_
+> _Note: Make sure NOT to use reserved words as function names. [issues#29](https://github.com/storybookjs/storybook-addon-actions/issues/29#issuecomment-288274794)_
 
 ```js
 import { storiesOf } from '@storybook/react';

addons/actions/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "5.1.0-beta.0",
+  "version": "5.2.0-alpha.34",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
   ],
-  "homepage": "https://github.com/storybooks/storybook/tree/master/addons/actions",
+  "homepage": "https://github.com/storybookjs/storybook/tree/master/addons/actions",
   "bugs": {
-    "url": "https://github.com/storybooks/storybook/issues"
+    "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/storybooks/storybook.git",
+    "url": "https://github.com/storybookjs/storybook.git",
     "directory": "addons/actions"
   },
   "license": "MIT",
@@ -21,23 +21,23 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.1.0-beta.0",
-    "@storybook/api": "5.1.0-beta.0",
-    "@storybook/components": "5.1.0-beta.0",
-    "@storybook/core-events": "5.1.0-beta.0",
-    "@storybook/theming": "5.1.0-beta.0",
+    "@storybook/addons": "5.2.0-alpha.34",
+    "@storybook/api": "5.2.0-alpha.34",
+    "@storybook/components": "5.2.0-alpha.34",
+    "@storybook/core-events": "5.2.0-alpha.34",
+    "@storybook/theming": "5.2.0-alpha.34",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.11",
-    "polished": "^3.0.0",
+    "polished": "^3.3.1",
     "prop-types": "^15.7.2",
-    "react": "^16.8.4",
+    "react": "^16.8.3",
     "react-inspector": "^3.0.2",
     "uuid": "^3.3.2"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.123",
+    "@types/lodash": "^4.14.129",
     "@types/uuid": "^3.4.4"
   },
   "publishConfig": {

addons/actions/src/preview/__tests__/action.test.js

@@ -1,6 +1,5 @@
 import addons from '@storybook/addons';
-import { action } from '../..';
-// import { configureActions } from '../..';
+import { action, configureActions } from '../..';
 
 jest.mock('@storybook/addons');
 
@@ -29,67 +28,66 @@ describe('Action', () => {
   });
 });
 
-// TODO: This functionality is removed, unsure if to add back or remove
-// describe('Depth config', () => {
-//   it('with global depth configuration', () => {
-//     const channel = createChannel();
+describe('Depth config', () => {
+  it('with global depth configuration', () => {
+    const channel = createChannel();
 
-//     const depth = 1;
+    const depth = 1;
 
-//     configureActions({
-//       depth,
-//     });
+    configureActions({
+      depth,
+    });
 
-//     action('test-action')({
-//       root: {
-//         one: {
-//           two: 'foo',
-//         },
-//       },
-//     });
+    action('test-action')({
+      root: {
+        one: {
+          two: 'foo',
+        },
+      },
+    });
 
-//     expect(getChannelData(channel)[0]).toEqual({
-//       root: {
-//         one: {
-//           two: 'foo',
-//         },
-//       },
-//     });
-//   });
+    expect(getChannelData(channel)[0]).toEqual({
+      root: {
+        one: {
+          two: 'foo',
+        },
+      },
+    });
+  });
 
-//   it('per action depth option overrides global config', () => {
-//     const channel = createChannel();
+  it('per action depth option overrides global config', () => {
+    const channel = createChannel();
 
-//     configureActions({
-//       depth: 1,
-//     });
+    configureActions({
+      depth: 1,
+    });
 
-//     action('test-action', { depth: 3 })({
-//       root: {
-//         one: {
-//           two: {
-//             three: {
-//               four: {
-//                 five: 'foo',
-//               },
-//             },
-//           },
-//         },
-//       },
-//     });
+    action('test-action', { depth: 3 })({
+      root: {
+        one: {
+          two: {
+            three: {
+              four: {
+                five: 'foo',
+              },
+            },
+          },
+        },
+      },
+    });
 
-//     expect(getChannelData(channel)[0]).toEqual({
-//       root: {
-//         one: {
-//           two: {
-//             three: {
-//               four: {
-//                 five: 'foo',
-//               },
-//             },
-//           },
-//         },
-//       },
-//     });
-//   });
-// });
+    expect(getChannelData(channel)[0]).toEqual({
+      root: {
+        one: {
+          two: {
+            three: {
+              four: {
+                five: 'foo',
+              },
+            },
+          },
+        },
+      },
+    });
+  });
+});

addons/actions/src/preview/action.ts

@@ -2,9 +2,11 @@ import uuid from 'uuid/v1';
 import { addons } from '@storybook/addons';
 import { EVENT_ID } from '../constants';
 import { ActionDisplay, ActionOptions, HandlerFunction } from '../models';
+import { config } from './configureActions';
 
 export function action(name: string, options: ActionOptions = {}): HandlerFunction {
   const actionOptions = {
+    ...config,
     ...options,
   };
 

addons/actions/src/preview/actions.ts

@@ -1,12 +1,16 @@
 import { action } from './action';
 import { ActionOptions, ActionsMap } from '../models';
+import { config } from './configureActions';
 
 export function actions(...args: any[]): ActionsMap {
-  let options: ActionOptions = {};
+  let options: ActionOptions = config;
   const names = args;
   // last argument can be options
   if (names.length !== 1 && typeof args[args.length - 1] !== 'string') {
-    options = names.pop();
+    options = {
+      ...config,
+      ...names.pop(),
+    };
   }
 
   let namesObject = names[0];

addons/backgrounds/README.md

@@ -2,7 +2,7 @@
 
 Storybook Background Addon can be used to change background colors inside the preview in [Storybook](https://storybook.js.org).
 
-[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md)
+[Framework Support](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
 
 ![React Storybook Screenshot](https://storybook.js.org/img/addon-backgrounds.gif)
 
@@ -51,6 +51,8 @@ addParameters({
     { name: 'facebook', value: '#3b5998' },
   ],
 });
+
+// should be before configure()
 ```
 
 If you want to override backgrounds for a single story or group of stories, pass the `backgrounds` parameter:

addons/backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "5.1.0-beta.0",
+  "version": "5.2.0-alpha.34",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -8,13 +8,13 @@
     "react",
     "storybook"
   ],
-  "homepage": "https://github.com/storybooks/storybook/tree/master/addons/backgrounds",
+  "homepage": "https://github.com/storybookjs/storybook/tree/master/addons/backgrounds",
   "bugs": {
-    "url": "https://github.com/storybooks/storybook/issues"
+    "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/storybooks/storybook.git",
+    "url": "https://github.com/storybookjs/storybook.git",
     "directory": "addons/backgrounds"
   },
   "license": "MIT",
@@ -25,15 +25,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.1.0-beta.0",
-    "@storybook/api": "5.1.0-beta.0",
-    "@storybook/client-logger": "5.1.0-beta.0",
-    "@storybook/components": "5.1.0-beta.0",
-    "@storybook/core-events": "5.1.0-beta.0",
-    "@storybook/theming": "5.1.0-beta.0",
+    "@storybook/addons": "5.2.0-alpha.34",
+    "@storybook/api": "5.2.0-alpha.34",
+    "@storybook/client-logger": "5.2.0-alpha.34",
+    "@storybook/components": "5.2.0-alpha.34",
+    "@storybook/core-events": "5.2.0-alpha.34",
+    "@storybook/theming": "5.2.0-alpha.34",
     "core-js": "^3.0.1",
     "memoizerific": "^1.11.3",
-    "react": "^16.8.4",
+    "react": "^16.8.3",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {

addons/backgrounds/src/containers/BackgroundSelector.tsx

@@ -63,14 +63,15 @@ const getSelectedBackgroundColor = (list: Input[], currentSelectedValue: string)
   return 'transparent';
 };
 
-const mapper = ({ api, state }: Combo): { items: Input[] } => {
+const mapper = ({ api, state }: Combo): { items: Input[]; selected: string | null } => {
   const story = state.storiesHash[state.storyId];
   const list = story ? api.getParameters(story.id, PARAM_KEY) : [];
+  const selected = state.addons[PARAM_KEY] || null;
 
-  return { items: list || [] };
+  return { items: list || [], selected };
 };
 
-const getDisplayedItems = memoize(10)((list: Input[], selected: State['selected'], change) => {
+const getDisplayedItems = memoize(10)((list: Input[], selected: string | null, change) => {
   let availableBackgroundSelectorItems: Item[] = [];
 
   if (selected !== 'transparent') {
@@ -91,21 +92,34 @@ const getDisplayedItems = memoize(10)((list: Input[], selected: State['selected'
   return availableBackgroundSelectorItems;
 });
 
+interface GlobalState {
+  name: string | undefined;
+  selected: string | undefined;
+}
+
 interface State {
-  selected: string;
   expanded: boolean;
 }
 
-export class BackgroundSelector extends Component<{ api: API }, State> {
+interface Props {
+  api: API;
+}
+
+export class BackgroundSelector extends Component<Props, State> {
   state: State = {
-    selected: null,
     expanded: false,
   };
 
-  change = ({ selected, name }: { selected: string; name: string }) => {
+  change = ({ selected, name }: GlobalState) => {
     const { api } = this.props;
+    const { expanded } = this.state;
+    if (expanded) {
+      this.setState({ expanded: false });
+    }
+    if (typeof selected === 'string') {
+      api.setAddonState<string>(PARAM_KEY, selected);
+    }
     api.emit(EVENTS.UPDATE, { selected, name });
-    this.setState({ selected, expanded: false });
   };
 
   onVisibilityChange = (s: boolean) => {
@@ -116,11 +130,11 @@ export class BackgroundSelector extends Component<{ api: API }, State> {
   };
 
   render() {
-    const { expanded, selected } = this.state;
+    const { expanded } = this.state;
 
     return (
       <Consumer filter={mapper}>
-        {({ items }: { items: Input[] }) => {
+        {({ items, selected }: ReturnType<typeof mapper>) => {
           const selectedBackgroundColor = getSelectedBackgroundColor(items, selected);
           const links = getDisplayedItems(items, selectedBackgroundColor, this.change);
 

addons/backgrounds/src/index.ts

@@ -12,7 +12,7 @@ export const withBackgrounds = deprecate(
     },
   }),
   `Note that withBackgrounds(options) has been replaced by addParameters({ backgrounds: options})
-Read more about it in the migration guide: https://github.com/storybooks/storybook/blob/master/MIGRATION.md`
+Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md`
 );
 
 if (module && module.hot && module.hot.decline) {

addons/centered/README.md

@@ -2,7 +2,7 @@
 
 Storybook Centered Decorator can be used to center components inside the preview in [Storybook](https://storybook.js.org).
 
-[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md)
+[Framework Support](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
 
 ### Usage
 

addons/centered/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@storybook/addon-centered",
-  "version": "5.1.0-beta.0",
+  "version": "5.2.0-alpha.34",
   "description": "Storybook decorator to center components",
   "keywords": [
     "addon",
     "storybook"
   ],
-  "homepage": "https://github.com/storybooks/storybook/tree/master/addons/centered",
+  "homepage": "https://github.com/storybookjs/storybook/tree/master/addons/centered",
   "bugs": {
-    "url": "https://github.com/storybooks/storybook/issues"
+    "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/storybooks/storybook.git",
+    "url": "https://github.com/storybookjs/storybook.git",
     "directory": "addons/centered"
   },
   "license": "MIT",
   "author": "Muhammed Thanish <mnmtanish@gmail.com>",
   "main": "dist/index.js",
-  "jsnext:main": "src/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
@@ -27,6 +27,14 @@
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
   },
+  "devDependencies": {
+    "@types/mithril": "^1.1.16"
+  },
+  "optionalDependencies": {
+    "mithril": "*",
+    "preact": "*",
+    "react": "*"
+  },
   "publishConfig": {
     "access": "public"
   }

addons/centered/rax.js

@@ -0,0 +1 @@
+module.exports = require('./dist/rax');

addons/centered/src/angular.ts

@@ -1,11 +1,11 @@
 import styles from './styles';
 
-function getComponentSelector(component) {
+function getComponentSelector(component: any) {
   // eslint-disable-next-line no-underscore-dangle
   return component.__annotations__[0].selector;
 }
 
-function getTemplate(metadata) {
+function getTemplate(metadata: any) {
   let tpl = '';
   if (metadata.component) {
     const selector = getComponentSelector(metadata.component);
@@ -24,7 +24,7 @@ function getTemplate(metadata) {
       </div>`;
 }
 
-function getModuleMetadata(metadata) {
+function getModuleMetadata(metadata: any) {
   const { moduleMetadata, component } = metadata;
 
   if (component && !moduleMetadata) {
@@ -43,7 +43,7 @@ function getModuleMetadata(metadata) {
   return moduleMetadata;
 }
 
-export default function(metadataFn) {
+export default function(metadataFn: any) {
   const metadata = metadataFn();
 
   return {

addons/centered/src/ember.ts

@@ -1,7 +1,7 @@
 import { document } from 'global';
 import styles from './styles';
 
-export default function(storyFn) {
+export default function(storyFn: () => { template: any; context: any }) {
   const { template, context } = storyFn();
 
   const element = document.createElement('div');
@@ -13,7 +13,7 @@ export default function(storyFn) {
   element.appendChild(innerElement);
 
   // the inner element should append the parent
-  innerElement.appendTo = function appendTo(el) {
+  innerElement.appendTo = function appendTo(el: any) {
     el.appendChild(element);
   };
 

addons/centered/src/helpers/json2CSS.ts

@@ -10,11 +10,11 @@ import { document } from 'global';
  * @returns {string}
  * @see https://stackoverflow.com/questions/38533544/jsx-css-to-inline-styles
  */
-export default function jsonToCss(jsonStyles) {
-  const frag = document.createElement('div');
+export default function jsonToCss(jsonStyles: Partial<CSSStyleDeclaration>) {
+  const frag = document.createElement('div') as HTMLDivElement;
 
   Object.keys(jsonStyles).forEach(key => {
-    frag.style[key] = jsonStyles[key];
+    (frag.style as any)[key] = (jsonStyles as any)[key];
   });
 
   return frag.getAttribute('style');

addons/centered/src/html.ts

@@ -4,14 +4,14 @@ import styles from './styles';
 const INNER_ID = 'sb-addon-centered-inner';
 const WRAPPER_ID = 'sb-addon-centered-wrapper';
 
-function getOrCreate(id, style) {
+function getOrCreate(id: string, style: Partial<CSSStyleDeclaration>): HTMLDivElement {
   const elementOnDom = document.getElementById(id);
 
   if (elementOnDom) {
     return elementOnDom;
   }
 
-  const element = document.createElement('div');
+  const element = document.createElement('div') as HTMLDivElement;
   element.setAttribute('id', id);
   Object.assign(element.style, style);
 
@@ -26,7 +26,7 @@ function getWrapperDiv() {
   return getOrCreate(WRAPPER_ID, styles.style);
 }
 
-export default function(storyFn) {
+export default function(storyFn: () => any) {
   const inner = getInnerDiv();
   const wrapper = getWrapperDiv();
   wrapper.appendChild(inner);

addons/centered/src/mithril.tsx

@@ -1,10 +1,8 @@
 /** @jsx m */
-
-// eslint-disable-next-line import/no-extraneous-dependencies
-import m from 'mithril';
+import m, { ComponentTypes } from 'mithril';
 import styles from './styles';
 
-export default function(storyFn) {
+export default function(storyFn: () => ComponentTypes) {
   return {
     view: () => (
       <div style={styles.style}>

addons/centered/src/preact.tsx

@@ -1,9 +1,8 @@
 /** @jsx h */
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { h } from 'preact';
+import { Component, h } from 'preact';
 import styles from './styles';
 
-export default function(storyFn) {
+export default function(storyFn: () => Component) {
   return (
     <div style={styles.style}>
       <div style={styles.innerStyle}>{storyFn()}</div>

addons/centered/src/rax.js

@@ -0,0 +1,18 @@
+/** @jsx createElement */
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { createElement } from 'rax';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import View from 'rax-view';
+import styles from './styles';
+
+export default function(storyFn) {
+  return (
+    <View style={styles.style}>
+      <View style={styles.innerStyle}>{storyFn()}</View>
+    </View>
+  );
+}
+
+if (module && module.hot && module.hot.decline) {
+  module.hot.decline();
+}

addons/centered/src/react.tsx

@@ -1,8 +1,7 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import React from 'react';
+import React, { ReactNode } from 'react';
 import styles from './styles';
 
-export default function(storyFn) {
+export default function(storyFn: () => ReactNode) {
   return (
     <div style={styles.style}>
       <div style={styles.innerStyle}>{storyFn()}</div>

addons/centered/src/styles.ts

@@ -1,10 +1,10 @@
 const styles = {
   style: {
     position: 'fixed',
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
+    top: '0',
+    left: '0',
+    bottom: '0',
+    right: '0',
     display: 'flex',
     alignItems: 'center',
     overflow: 'auto',
@@ -12,8 +12,7 @@ const styles = {
   innerStyle: {
     margin: 'auto',
     maxHeight: '100%', // Hack for centering correctly in IE11
-    overflow: 'auto',
   },
-};
+} as const;
 
 export default styles;

addons/centered/src/svelte.ts

@@ -18,7 +18,7 @@ const centeredStyles = {
  *
  * @see https://svelte.technology/guide#svelte-component
  */
-export default function(storyFn) {
+export default function(storyFn: () => any) {
   const { Component: OriginalComponent, props, on } = storyFn();
 
   return {

addons/centered/src/typings.d.ts

@@ -0,0 +1,2 @@
+declare module 'global';
+declare module '*.svelte';

addons/centered/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/__tests__/**/*"
+  ]
+}

addons/contexts/README.md

@@ -186,7 +186,7 @@ An unique name for representing the props.
 
 The `props` that is accepted by the wrapping component(s).
 
-#### `params.defualt : true?`
+#### `params.default : true?`
 
 (default: `undefined`)
 

addons/contexts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-contexts",
-  "version": "5.1.0-beta.0",
+  "version": "5.2.0-alpha.34",
   "description": "Storybook Addon Contexts",
   "keywords": [
     "storybook",
@@ -20,7 +20,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/storybooks/storybook.git",
+    "url": "https://github.com/storybookjs/storybook.git",
     "directory": "addons/contexts"
   },
   "scripts": {
@@ -28,10 +28,11 @@
     "dev:check-types": "tsc --noEmit"
   },
   "dependencies": {
-    "@storybook/addons": "5.1.0-beta.0",
-    "@storybook/api": "5.1.0-beta.0",
-    "@storybook/components": "5.1.0-beta.0",
-    "@storybook/core-events": "5.1.0-beta.0"
+    "@storybook/addons": "5.2.0-alpha.34",
+    "@storybook/api": "5.2.0-alpha.34",
+    "@storybook/components": "5.2.0-alpha.34",
+    "@storybook/core-events": "5.2.0-alpha.34",
+    "core-js": "^3.0.1"
   },
   "peerDependencies": {
     "global": "*",

addons/contexts/src/manager/components/ToolBar.test.tsx

@@ -0,0 +1,100 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ToolBar } from './ToolBar';
+
+describe('Tests on addon-contexts component: ToolBar', () => {
+  it('should render nothing if receive an empty contextNodes', () => {
+    // when
+    const result = shallow(<ToolBar nodes={[]} state={{}} setSelected={jest.fn} />);
+
+    // then
+    expect(result).toMatchInlineSnapshot(`""`);
+  });
+
+  it('should spawn ToolBarControl based on the given contextNodes', () => {
+    // given
+    const someContextNodes = [
+      {
+        components: ['span'],
+        icon: 'box' as const,
+        nodeId: 'Some Context A',
+        options: { cancelable: false, deep: false, disable: false },
+        params: [{ name: '', props: {} }],
+        title: 'Some Context A',
+      },
+      {
+        components: ['div'],
+        icon: 'box' as const,
+        nodeId: 'Some Context B',
+        options: { cancelable: true, deep: false, disable: false },
+        params: [{ name: 'Some Param X', props: {} }, { name: 'Some Param Y', props: {} }],
+        title: 'Some Context B',
+      },
+    ];
+    const someSelectionState = {
+      'Some Context B': 'Some Param Y',
+    };
+
+    // when
+    const result = shallow(
+      <ToolBar nodes={someContextNodes} state={someSelectionState} setSelected={jest.fn} />
+    );
+
+    // then
+    expect(result).toMatchInlineSnapshot(`
+      <Fragment>
+        <Separator />
+        <ToolBarControl
+          icon="box"
+          key="Some Context A"
+          nodeId="Some Context A"
+          options={
+            Object {
+              "cancelable": false,
+              "deep": false,
+              "disable": false,
+            }
+          }
+          params={
+            Array [
+              Object {
+                "name": "",
+                "props": Object {},
+              },
+            ]
+          }
+          selected=""
+          setSelected={[Function]}
+          title="Some Context A"
+        />
+        <ToolBarControl
+          icon="box"
+          key="Some Context B"
+          nodeId="Some Context B"
+          options={
+            Object {
+              "cancelable": true,
+              "deep": false,
+              "disable": false,
+            }
+          }
+          params={
+            Array [
+              Object {
+                "name": "Some Param X",
+                "props": Object {},
+              },
+              Object {
+                "name": "Some Param Y",
+                "props": Object {},
+              },
+            ]
+          }
+          selected="Some Param Y"
+          setSelected={[Function]}
+          title="Some Context B"
+        />
+      </Fragment>
+    `);
+  });
+});

addons/contexts/src/manager/components/ToolBar.tsx

@@ -1,12 +1,12 @@
 import React, { ComponentProps } from 'react';
 import { Separator } from '@storybook/components';
-import { ToolbarControl } from './ToolbarControl';
+import { ToolBarControl } from './ToolBarControl';
 import { ContextNode, FCNoChildren, SelectionState } from '../../shared/types.d';
 
 type ToolBar = FCNoChildren<{
   nodes: ContextNode[];
   state: SelectionState;
-  setSelected: ComponentProps<typeof ToolbarControl>['setSelected'];
+  setSelected: ComponentProps<typeof ToolBarControl>['setSelected'];
 }>;
 
 export const ToolBar: ToolBar = React.memo(({ nodes, state, setSelected }) =>
@@ -14,10 +14,10 @@ export const ToolBar: ToolBar = React.memo(({ nodes, state, setSelected }) =>
     <>
       <Separator />
       {nodes.map(({ components, ...forwardProps }) => (
-        <ToolbarControl
+        <ToolBarControl
           {...forwardProps}
           setSelected={setSelected}
-          selected={state[forwardProps.nodeId]}
+          selected={state[forwardProps.nodeId] || ''}
           key={forwardProps.nodeId}
         />
       ))}

addons/contexts/src/manager/components/ToolBarControl.test.tsx

@@ -0,0 +1,99 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ToolBarControl } from './ToolBarControl';
+import { OPT_OUT } from '../../shared/constants';
+
+describe('Tests on addon-contexts component: ToolBarControl', () => {
+  // given
+  const someBasicProps = {
+    icon: 'box' as const,
+    nodeId: 'Some Context',
+    options: { cancelable: true, deep: false, disable: false },
+    params: [{ name: 'A', props: {} }, { name: 'B', props: {} }],
+    title: 'Some Context',
+    selected: '',
+    setSelected: jest.fn,
+  };
+
+  it('should control menu: set as inactive if being out-out (if cancelable)', () => {
+    // when
+    const result = shallow(<ToolBarControl {...someBasicProps} selected={OPT_OUT} />);
+
+    // then
+    expect(result.props().active).toBe(false);
+  });
+
+  it('should control menu: valid "selected" to give "activeName"', () => {
+    // given
+    const selected = 'C';
+    const anotherSelected = 'B';
+
+    // when
+    const result = shallow(<ToolBarControl {...someBasicProps} selected={selected} />);
+    const anotherResult = shallow(
+      <ToolBarControl {...someBasicProps} selected={anotherSelected} />
+    );
+
+    // then
+    expect(result.props().optionsProps.activeName).not.toBe(selected);
+    expect(anotherResult.props().optionsProps.activeName).toBe(anotherSelected);
+  });
+
+  it('should control menu: fallback "activeName" to the default param', () => {
+    // given
+    const name = 'C';
+    const params = [...someBasicProps.params, { name, props: {}, default: true }];
+
+    // when
+    const result = shallow(<ToolBarControl {...someBasicProps} params={params} />);
+
+    // then
+    expect(result.props().optionsProps.activeName).toBe(name);
+  });
+
+  it('should control menu: fallback "activeName" to the first (if default not found)', () => {
+    // when
+    const result = shallow(<ToolBarControl {...someBasicProps} />);
+
+    // then
+    expect(result.props().optionsProps.activeName).toBe(someBasicProps.params[0].name);
+  });
+
+  it('should render nothing if being disabled', () => {
+    // given
+    const options = { ...someBasicProps.options, disable: true };
+
+    // when
+    const result = shallow(<ToolBarControl {...someBasicProps} options={options} />);
+
+    // then
+    expect(result).toMatchInlineSnapshot(`""`);
+  });
+
+  it('should document the shallowly rendered result', () => {
+    // when
+    const result = shallow(<ToolBarControl {...someBasicProps} />);
+
+    // then
+    expect(result).toMatchInlineSnapshot(`
+      <ToolBarMenu
+        active={true}
+        expanded={false}
+        icon="box"
+        optionsProps={
+          Object {
+            "activeName": "A",
+            "list": Array [
+              "__OPT_OUT__",
+              "A",
+              "B",
+            ],
+            "onSelectOption": [Function],
+          }
+        }
+        setExpanded={[Function]}
+        title="Some Context"
+      />
+    `);
+  });
+});

addons/contexts/src/manager/components/ToolBarControl.tsx

@@ -3,7 +3,7 @@ import { ToolBarMenu } from './ToolBarMenu';
 import { OPT_OUT } from '../../shared/constants';
 import { ContextNode, FCNoChildren, Omit } from '../../shared/types.d';
 
-type ToolbarControl = FCNoChildren<
+type ToolBarControl = FCNoChildren<
   Omit<
     ContextNode & {
       selected: string;
@@ -13,7 +13,7 @@ type ToolbarControl = FCNoChildren<
   >
 >;
 
-export const ToolbarControl: ToolbarControl = ({
+export const ToolBarControl: ToolBarControl = ({
   nodeId,
   icon,
   title,
@@ -47,5 +47,7 @@ export const ToolbarControl: ToolbarControl = ({
     },
   };
 
-  return icon && list.length && !options.disable ? <ToolBarMenu icon={icon} {...props} /> : null;
+  return Array.isArray(list) && list.length && !options.disable ? (
+    <ToolBarMenu icon={icon} {...props} />
+  ) : null;
 };

addons/contexts/src/manager/components/ToolBarMenu.test.tsx

@@ -0,0 +1,103 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ToolBarMenu } from './ToolBarMenu';
+
+describe('Tests on addon-contexts component: ToolBarMenu', () => {
+  it('should glue `@storybook/ui` components to produce a context menu', () => {
+    // given
+    const someProps = {
+      icon: 'globe' as const,
+      title: 'Some Context',
+      active: true,
+      expanded: false,
+      setExpanded: jest.fn,
+      optionsProps: {
+        activeName: 'A',
+        list: ['A', 'B'],
+        onSelectOption: jest.fn,
+      },
+    };
+
+    // when
+    const result = shallow(<ToolBarMenu {...someProps} />);
+
+    // then
+    expect(result).toMatchInlineSnapshot(`
+      <lifecycle(WithTooltipPure)
+        closeOnClick={true}
+        onVisibilityChange={[Function]}
+        placement="top"
+        tooltip={
+          <ToolBarMenuOptions
+            activeName="A"
+            list={
+              Array [
+                "A",
+                "B",
+              ]
+            }
+            onSelectOption={[Function]}
+          />
+        }
+        tooltipShown={false}
+        trigger="click"
+      >
+        <IconButton
+          active={true}
+          title="Some Context"
+        >
+          <Icons
+            icon="globe"
+          />
+        </IconButton>
+      </lifecycle(WithTooltipPure)>
+    `);
+  });
+
+  it('should render TabButton with title if the icon is given', () => {
+    // given
+    const someProps = {
+      title: 'Some Context',
+      active: true,
+      expanded: false,
+      setExpanded: jest.fn,
+      optionsProps: {
+        activeName: 'A',
+        list: ['A', 'B'],
+        onSelectOption: jest.fn,
+      },
+    };
+
+    // when
+    const result = shallow(<ToolBarMenu {...someProps} />);
+
+    // then
+    expect(result).toMatchInlineSnapshot(`
+      <lifecycle(WithTooltipPure)
+        closeOnClick={true}
+        onVisibilityChange={[Function]}
+        placement="top"
+        tooltip={
+          <ToolBarMenuOptions
+            activeName="A"
+            list={
+              Array [
+                "A",
+                "B",
+              ]
+            }
+            onSelectOption={[Function]}
+          />
+        }
+        tooltipShown={false}
+        trigger="click"
+      >
+        <TabButton
+          active={true}
+        >
+          Some Context
+        </TabButton>
+      </lifecycle(WithTooltipPure)>
+    `);
+  });
+});

addons/contexts/src/manager/components/ToolBarMenu.tsx

@@ -1,10 +1,10 @@
 import React, { ComponentProps } from 'react';
-import { Icons, IconButton, WithTooltip } from '@storybook/components';
+import { Icons, IconButton, WithTooltip, TabButton } from '@storybook/components';
 import { ToolBarMenuOptions } from './ToolBarMenuOptions';
 import { ContextNode, FCNoChildren } from '../../shared/types.d';
 
 type ToolBarMenu = FCNoChildren<{
-  icon: ComponentProps<typeof Icons>['icon'];
+  icon?: ComponentProps<typeof Icons>['icon'] | '' | void;
   title: ContextNode['title'];
   active: boolean;
   expanded: boolean;
@@ -28,8 +28,12 @@ export const ToolBarMenu: ToolBarMenu = ({
     onVisibilityChange={setExpanded}
     tooltip={<ToolBarMenuOptions {...optionsProps} />}
   >
-    <IconButton active={active} title={title}>
-      <Icons icon={icon} />
-    </IconButton>
+    {icon ? (
+      <IconButton active={active} title={title}>
+        <Icons icon={icon} />
+      </IconButton>
+    ) : (
+      <TabButton active={active}>{title}</TabButton>
+    )}
   </WithTooltip>
 );

addons/contexts/src/manager/components/ToolBarMenuOptions.test.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ToolBarMenuOptions } from './ToolBarMenuOptions';
+import { OPT_OUT } from '../../shared/constants';
+
+describe('Tests on addon-contexts component: ToolBarMenuOptions', () => {
+  it('should glue TooltipLinkList and set the active item correspondingly', () => {
+    // given
+    const list = [OPT_OUT, 'A', 'B'];
+    const activeName = 'B';
+
+    // when
+    const result = shallow(
+      <ToolBarMenuOptions activeName={activeName} list={list} onSelectOption={jest.fn} />
+    );
+
+    // then
+    expect(result.props().links.length).toBe(list.length);
+    expect(result.props().links.find((link: any) => link.title === activeName).active).toBe(true);
+    expect(result).toMatchInlineSnapshot(`
+      <TooltipLinkList
+        LinkWrapper={null}
+        links={
+          Array [
+            Object {
+              "active": false,
+              "id": "__OPT_OUT__",
+              "key": "__OPT_OUT__",
+              "onClick": [MockFunction],
+              "title": "Off",
+            },
+            Object {
+              "active": false,
+              "id": "A",
+              "key": "A",
+              "onClick": [MockFunction],
+              "title": "A",
+            },
+            Object {
+              "active": true,
+              "id": "B",
+              "key": "B",
+              "onClick": [MockFunction],
+              "title": "B",
+            },
+          ]
+        }
+      />
+    `);
+  });
+});

addons/contexts/src/preview/libs/decorators.test.ts

@@ -2,16 +2,16 @@ import { memorize, singleton } from './decorators';
 
 describe('Test on functional helpers: memorize', () => {
   it('should memorize the calculated result', () => {
-    // setup
+    // given
     const someFn = jest.fn(x => [x]);
     const someFnMemo = memorize(someFn);
 
-    // exercise
+    // when
     const resultA = someFnMemo(1);
     const resultB = someFnMemo(2);
     const resultC = someFnMemo(1);
 
-    // assertion
+    // then
     expect(someFn).toHaveBeenCalledTimes(2);
     expect(resultA).toEqual(someFn(1));
     expect(resultA).not.toEqual(resultB);
@@ -20,16 +20,16 @@ describe('Test on functional helpers: memorize', () => {
   });
 
   it('should memorize based on the second argument', () => {
-    // setup
+    // given
     const someFn = jest.fn((x, y) => [x, y]);
     const someFnMemo = memorize(someFn, (x, y) => y);
 
-    // exercise
+    // when
     const resultA = someFnMemo(1, 2);
     const resultB = someFnMemo(2, 2);
     const resultC = someFnMemo(1, 3);
 
-    // assertion
+    // then
     expect(someFn).toHaveBeenCalledTimes(2);
     expect(resultA).toEqual(someFn(1, 2));
     expect(resultA).toBe(resultB);
@@ -40,15 +40,16 @@ describe('Test on functional helpers: memorize', () => {
 
 describe('Test on functional helpers: singleton', () => {
   it('should make a function singleton', () => {
+    // given
     const someFn = jest.fn((x, y, z) => [x, y, z]);
     const someFnSingleton = singleton(someFn);
 
-    // exercise
+    // when
     const resultA = someFnSingleton(1, 2, 3);
     const resultB = someFnSingleton(4, 5, 6);
     const resultC = someFnSingleton(7, 8, 9);
 
-    // assertion
+    // then
     expect(someFn).toHaveBeenCalledTimes(1);
     expect(resultA).toEqual(someFn(1, 2, 3));
     expect(resultA).toBe(resultB);

addons/contexts/src/preview/libs/getContextNodes.test.ts

@@ -2,8 +2,10 @@ import { _getMergedSettings, getContextNodes } from './getContextNodes';
 
 describe('Test on the merging result of a pair of settings', () => {
   it('should retain the basic structure even receiving empty objects', () => {
+    // when
     const result = _getMergedSettings({}, {});
 
+    // then
     expect(result).toEqual({
       components: [],
       icon: '',
@@ -15,7 +17,7 @@ describe('Test on the merging result of a pair of settings', () => {
   });
 
   it('should correctly merge two settings', () => {
-    // setup
+    // given
     const someTopLevelSettings = {
       icon: 'box' as const,
       title: 'Some Context',
@@ -37,10 +39,10 @@ describe('Test on the merging result of a pair of settings', () => {
       },
     };
 
-    // exercise
+    // when
     const result = _getMergedSettings(someTopLevelSettings, someStoryLevelSettings);
 
-    // assertion
+    // then
     expect(result).toEqual({
       // topLevel over storyLevel
       nodeId: someTopLevelSettings.title,
@@ -63,6 +65,7 @@ describe('Test on the merging result of a pair of settings', () => {
 
 describe('Test on reconciliation of settings', () => {
   it('should have a stable array ordering after normalization', () => {
+    // when
     const result = getContextNodes({
       // from the topLevel
       options: [
@@ -96,6 +99,7 @@ describe('Test on reconciliation of settings', () => {
       ],
     });
 
+    // then
     expect(result).toEqual([
       {
         components: ['div'],

addons/contexts/src/preview/libs/getPropsMap.test.ts

@@ -37,7 +37,7 @@ describe('Test on behaviors from collecting the propsMap', () => {
 
 describe('Test on the integrity of the method to get the propMaps', () => {
   it('should return the correct propsMap from the specified selectionState', () => {
-    // setup
+    // given
     const someContextNodes = [
       {
         components: ['div'],
@@ -69,10 +69,10 @@ describe('Test on the integrity of the method to get the propMaps', () => {
       'Another Context': OPT_OUT, // an inconsistent but possible state being introduced via query param
     };
 
-    // exercise
+    // when
     const result = getPropsMap(someContextNodes, someSelectionState);
 
-    // assertion
+    // then
     expect(result).toEqual({
       'Some Context': { a: 1 },
       'Another Context': { b: 1 }, // not equal to `OPT_OUT` due to the context is not cancelable

addons/contexts/src/preview/libs/getRendererFrom.test.ts

@@ -15,32 +15,52 @@ describe('Test on aggregation of a single context', () => {
   const fakeComponent = () => '';
 
   it('should skip wrapping when being set to disable', () => {
+    // given
     const testedProps = {};
     const testedOption = { disable: true };
+
+    // when
     spiedAggregator([fakeTag, fakeComponent], testedProps, testedOption)();
+
+    // then
     expect(h).toHaveBeenCalledTimes(0);
   });
 
   it('should skip wrapping when props is marked as "OPT_OUT"', () => {
+    // given
     const testedProps = OPT_OUT;
     const testedOption = { cancelable: true };
+
+    // when
     spiedAggregator([fakeTag, fakeComponent], testedProps, testedOption)();
+
+    // then
     expect(h).toHaveBeenCalledTimes(0);
   });
 
   it('should wrap components in the stacking order', () => {
+    // given
     const testedProps = {};
     const testedOption = {};
+
+    // when
     spiedAggregator([fakeTag, fakeComponent], testedProps, testedOption)();
+
+    // then
     expect(h).toHaveBeenCalledTimes(2);
     expect(h.mock.calls[0][0]).toBe(fakeComponent);
     expect(h.mock.calls[1][0]).toBe(fakeTag);
   });
 
   it('should NOT pass props deeply by default', () => {
+    // given
     const testedProps = {};
     const testedOption = {};
+
+    // when
     spiedAggregator([fakeTag, fakeComponent], testedProps, testedOption)();
+
+    // then
     expect(h.mock.calls[0][1]).toBe(null);
     expect(h.mock.calls[1][1]).toBe(testedProps);
   });
@@ -56,7 +76,7 @@ describe('Test on aggregation of a single context', () => {
 
 describe('Test on aggregation of contexts', () => {
   it('should aggregate contexts in the stacking order', () => {
-    // setup
+    // given
     const someContextNodes = [
       {
         components: ['div'],
@@ -80,10 +100,10 @@ describe('Test on aggregation of contexts', () => {
       'Another Context': {},
     };
 
-    // exercise
+    // when
     getRendererFrom(h)(someContextNodes, propsMap, () => {});
 
-    // assertion
+    // then
     expect(h.mock.calls[0][0]).toBe(someContextNodes[1].components[0]);
     expect(h.mock.calls[1][0]).toBe(someContextNodes[0].components[0]);
   });

addons/contexts/src/shared/serializers.test.ts

@@ -1,20 +1,21 @@
 import { deserialize, serialize } from './serializers';
 
 describe('Test on serializers', () => {
+  // given
   const someContextsQueryParam = 'CSS Themes=Forests,Languages=Fr';
   const someSelectionState = {
     'CSS Themes': 'Forests',
     Languages: 'Fr',
   };
 
-  it('Should serialize selection state into its string representation', () => {
-    expect(serialize(null)).toEqual(null);
-    expect(serialize(someSelectionState)).toEqual(someContextsQueryParam);
-  });
-
   it('Should deserialize a string representation into the represented selection state', () => {
     expect(deserialize('')).toEqual(null);
     expect(deserialize('An invalid string=')).toEqual(null);
     expect(deserialize(someContextsQueryParam)).toEqual(someSelectionState);
   });
+
+  it('Should serialize selection state into its string representation', () => {
+    expect(serialize(null)).toEqual(null);
+    expect(serialize(someSelectionState)).toEqual(someContextsQueryParam);
+  });
 });