Merge branch 'next' into revert/26884

storybookjs · Jul 8, 2024 · a5b4809 · a5b4809
2 parents facd663 + d44f9af
commit a5b4809
Show file tree

Hide file tree

Showing 88 changed files with 228 additions and 169 deletions.
diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
@@ -1,3 +1,11 @@
+## 8.2.0-beta.1
+
+- Babel: Ensure story files not transpiled earlier than ES2017 - [#28469](https://github.com/storybookjs/storybook/pull/28469), thanks @kasperpeulen!
+- Blocks: Prebundle `tocbot` - [#28318](https://github.com/storybookjs/storybook/pull/28318), thanks @shilman!
+- Core: Make sure StorybookError message shows up in browser console and interactions panel - [#28464](https://github.com/storybookjs/storybook/pull/28464), thanks @kasperpeulen!
+- Index: Fix MDX to override project-level autodocs - [#28461](https://github.com/storybookjs/storybook/pull/28461), thanks @shilman!
+- Test: Improve MountMustBeDestructuredError error message - [#28468](https://github.com/storybookjs/storybook/pull/28468), thanks @kasperpeulen!
+
 ## 8.2.0-beta.0
 
 - Addon Interactions: Use unique keys when rendering array nodes in panel - [#28423](https://github.com/storybookjs/storybook/pull/28423), thanks @yannbf!

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",

diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",

diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",

diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",

diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",

diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",

diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",

diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",

diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",

diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",

diff --git a/code/addons/links/package.json b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "addon",

diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",

diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",

diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",

diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",

diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",

diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",

diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",

diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {

diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"

diff --git a/code/core/package.json b/code/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"

diff --git a/code/core/src/common/versions.ts b/code/core/src/common/versions.ts
@@ -1,84 +1,84 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '8.2.0-beta.0',
-  '@storybook/addon-actions': '8.2.0-beta.0',
-  '@storybook/addon-backgrounds': '8.2.0-beta.0',
-  '@storybook/addon-controls': '8.2.0-beta.0',
-  '@storybook/addon-docs': '8.2.0-beta.0',
-  '@storybook/addon-essentials': '8.2.0-beta.0',
-  '@storybook/addon-mdx-gfm': '8.2.0-beta.0',
-  '@storybook/addon-highlight': '8.2.0-beta.0',
-  '@storybook/addon-interactions': '8.2.0-beta.0',
-  '@storybook/addon-jest': '8.2.0-beta.0',
-  '@storybook/addon-links': '8.2.0-beta.0',
-  '@storybook/addon-measure': '8.2.0-beta.0',
-  '@storybook/addon-onboarding': '8.2.0-beta.0',
-  '@storybook/addon-outline': '8.2.0-beta.0',
-  '@storybook/addon-storysource': '8.2.0-beta.0',
-  '@storybook/addon-themes': '8.2.0-beta.0',
-  '@storybook/addon-toolbars': '8.2.0-beta.0',
-  '@storybook/addon-viewport': '8.2.0-beta.0',
-  '@storybook/builder-vite': '8.2.0-beta.0',
-  '@storybook/builder-webpack5': '8.2.0-beta.0',
-  '@storybook/core': '8.2.0-beta.0',
-  '@storybook/builder-manager': '8.2.0-beta.0',
-  '@storybook/channels': '8.2.0-beta.0',
-  '@storybook/client-logger': '8.2.0-beta.0',
-  '@storybook/components': '8.2.0-beta.0',
-  '@storybook/core-common': '8.2.0-beta.0',
-  '@storybook/core-events': '8.2.0-beta.0',
-  '@storybook/core-server': '8.2.0-beta.0',
-  '@storybook/csf-tools': '8.2.0-beta.0',
-  '@storybook/docs-tools': '8.2.0-beta.0',
-  '@storybook/manager': '8.2.0-beta.0',
-  '@storybook/manager-api': '8.2.0-beta.0',
-  '@storybook/node-logger': '8.2.0-beta.0',
-  '@storybook/preview': '8.2.0-beta.0',
-  '@storybook/preview-api': '8.2.0-beta.0',
-  '@storybook/router': '8.2.0-beta.0',
-  '@storybook/telemetry': '8.2.0-beta.0',
-  '@storybook/theming': '8.2.0-beta.0',
-  '@storybook/types': '8.2.0-beta.0',
-  '@storybook/angular': '8.2.0-beta.0',
-  '@storybook/ember': '8.2.0-beta.0',
-  '@storybook/html-vite': '8.2.0-beta.0',
-  '@storybook/html-webpack5': '8.2.0-beta.0',
-  '@storybook/nextjs': '8.2.0-beta.0',
-  '@storybook/preact-vite': '8.2.0-beta.0',
-  '@storybook/preact-webpack5': '8.2.0-beta.0',
-  '@storybook/react-vite': '8.2.0-beta.0',
-  '@storybook/react-webpack5': '8.2.0-beta.0',
-  '@storybook/server-webpack5': '8.2.0-beta.0',
-  '@storybook/svelte-vite': '8.2.0-beta.0',
-  '@storybook/svelte-webpack5': '8.2.0-beta.0',
-  '@storybook/sveltekit': '8.2.0-beta.0',
-  '@storybook/vue3-vite': '8.2.0-beta.0',
-  '@storybook/vue3-webpack5': '8.2.0-beta.0',
-  '@storybook/web-components-vite': '8.2.0-beta.0',
-  '@storybook/web-components-webpack5': '8.2.0-beta.0',
-  '@storybook/blocks': '8.2.0-beta.0',
-  storybook: '8.2.0-beta.0',
-  sb: '8.2.0-beta.0',
-  '@storybook/cli': '8.2.0-beta.0',
-  '@storybook/codemod': '8.2.0-beta.0',
-  '@storybook/core-webpack': '8.2.0-beta.0',
-  '@storybook/csf-plugin': '8.2.0-beta.0',
-  '@storybook/instrumenter': '8.2.0-beta.0',
-  '@storybook/react-dom-shim': '8.2.0-beta.0',
-  '@storybook/source-loader': '8.2.0-beta.0',
-  '@storybook/test': '8.2.0-beta.0',
-  '@storybook/preset-create-react-app': '8.2.0-beta.0',
-  '@storybook/preset-html-webpack': '8.2.0-beta.0',
-  '@storybook/preset-preact-webpack': '8.2.0-beta.0',
-  '@storybook/preset-react-webpack': '8.2.0-beta.0',
-  '@storybook/preset-server-webpack': '8.2.0-beta.0',
-  '@storybook/preset-svelte-webpack': '8.2.0-beta.0',
-  '@storybook/preset-vue3-webpack': '8.2.0-beta.0',
-  '@storybook/html': '8.2.0-beta.0',
-  '@storybook/preact': '8.2.0-beta.0',
-  '@storybook/react': '8.2.0-beta.0',
-  '@storybook/server': '8.2.0-beta.0',
-  '@storybook/svelte': '8.2.0-beta.0',
-  '@storybook/vue3': '8.2.0-beta.0',
-  '@storybook/web-components': '8.2.0-beta.0',
+  '@storybook/addon-a11y': '8.2.0-beta.1',
+  '@storybook/addon-actions': '8.2.0-beta.1',
+  '@storybook/addon-backgrounds': '8.2.0-beta.1',
+  '@storybook/addon-controls': '8.2.0-beta.1',
+  '@storybook/addon-docs': '8.2.0-beta.1',
+  '@storybook/addon-essentials': '8.2.0-beta.1',
+  '@storybook/addon-mdx-gfm': '8.2.0-beta.1',
+  '@storybook/addon-highlight': '8.2.0-beta.1',
+  '@storybook/addon-interactions': '8.2.0-beta.1',
+  '@storybook/addon-jest': '8.2.0-beta.1',
+  '@storybook/addon-links': '8.2.0-beta.1',
+  '@storybook/addon-measure': '8.2.0-beta.1',
+  '@storybook/addon-onboarding': '8.2.0-beta.1',
+  '@storybook/addon-outline': '8.2.0-beta.1',
+  '@storybook/addon-storysource': '8.2.0-beta.1',
+  '@storybook/addon-themes': '8.2.0-beta.1',
+  '@storybook/addon-toolbars': '8.2.0-beta.1',
+  '@storybook/addon-viewport': '8.2.0-beta.1',
+  '@storybook/builder-vite': '8.2.0-beta.1',
+  '@storybook/builder-webpack5': '8.2.0-beta.1',
+  '@storybook/core': '8.2.0-beta.1',
+  '@storybook/builder-manager': '8.2.0-beta.1',
+  '@storybook/channels': '8.2.0-beta.1',
+  '@storybook/client-logger': '8.2.0-beta.1',
+  '@storybook/components': '8.2.0-beta.1',
+  '@storybook/core-common': '8.2.0-beta.1',
+  '@storybook/core-events': '8.2.0-beta.1',
+  '@storybook/core-server': '8.2.0-beta.1',
+  '@storybook/csf-tools': '8.2.0-beta.1',
+  '@storybook/docs-tools': '8.2.0-beta.1',
+  '@storybook/manager': '8.2.0-beta.1',
+  '@storybook/manager-api': '8.2.0-beta.1',
+  '@storybook/node-logger': '8.2.0-beta.1',
+  '@storybook/preview': '8.2.0-beta.1',
+  '@storybook/preview-api': '8.2.0-beta.1',
+  '@storybook/router': '8.2.0-beta.1',
+  '@storybook/telemetry': '8.2.0-beta.1',
+  '@storybook/theming': '8.2.0-beta.1',
+  '@storybook/types': '8.2.0-beta.1',
+  '@storybook/angular': '8.2.0-beta.1',
+  '@storybook/ember': '8.2.0-beta.1',
+  '@storybook/html-vite': '8.2.0-beta.1',
+  '@storybook/html-webpack5': '8.2.0-beta.1',
+  '@storybook/nextjs': '8.2.0-beta.1',
+  '@storybook/preact-vite': '8.2.0-beta.1',
+  '@storybook/preact-webpack5': '8.2.0-beta.1',
+  '@storybook/react-vite': '8.2.0-beta.1',
+  '@storybook/react-webpack5': '8.2.0-beta.1',
+  '@storybook/server-webpack5': '8.2.0-beta.1',
+  '@storybook/svelte-vite': '8.2.0-beta.1',
+  '@storybook/svelte-webpack5': '8.2.0-beta.1',
+  '@storybook/sveltekit': '8.2.0-beta.1',
+  '@storybook/vue3-vite': '8.2.0-beta.1',
+  '@storybook/vue3-webpack5': '8.2.0-beta.1',
+  '@storybook/web-components-vite': '8.2.0-beta.1',
+  '@storybook/web-components-webpack5': '8.2.0-beta.1',
+  '@storybook/blocks': '8.2.0-beta.1',
+  storybook: '8.2.0-beta.1',
+  sb: '8.2.0-beta.1',
+  '@storybook/cli': '8.2.0-beta.1',
+  '@storybook/codemod': '8.2.0-beta.1',
+  '@storybook/core-webpack': '8.2.0-beta.1',
+  '@storybook/csf-plugin': '8.2.0-beta.1',
+  '@storybook/instrumenter': '8.2.0-beta.1',
+  '@storybook/react-dom-shim': '8.2.0-beta.1',
+  '@storybook/source-loader': '8.2.0-beta.1',
+  '@storybook/test': '8.2.0-beta.1',
+  '@storybook/preset-create-react-app': '8.2.0-beta.1',
+  '@storybook/preset-html-webpack': '8.2.0-beta.1',
+  '@storybook/preset-preact-webpack': '8.2.0-beta.1',
+  '@storybook/preset-react-webpack': '8.2.0-beta.1',
+  '@storybook/preset-server-webpack': '8.2.0-beta.1',
+  '@storybook/preset-svelte-webpack': '8.2.0-beta.1',
+  '@storybook/preset-vue3-webpack': '8.2.0-beta.1',
+  '@storybook/html': '8.2.0-beta.1',
+  '@storybook/preact': '8.2.0-beta.1',
+  '@storybook/react': '8.2.0-beta.1',
+  '@storybook/server': '8.2.0-beta.1',
+  '@storybook/svelte': '8.2.0-beta.1',
+  '@storybook/vue3': '8.2.0-beta.1',
+  '@storybook/web-components': '8.2.0-beta.1',
 };
diff --git a/code/core/src/core-server/presets/common-preset.ts b/code/core/src/core-server/presets/common-preset.ts
@@ -104,8 +104,36 @@ export const favicon = async (
 
 export const babel = async (_: unknown, options: Options) => {
   const { presets } = options;
-
-  return presets.apply('babelDefault', {}, options);
+  const babelDefault = ((await presets.apply('babelDefault', {}, options)) ?? {}) as Record<
+    string,
+    any
+  >;
+  return {
+    ...babelDefault,
+    // This override makes sure that we will never transpile babel further down then the browsers that storybook supports.
+    // This is needed to support the mount property of the context described here:
+    // https://storybook.js.org/docs/writing-tests/interaction-testing#run-code-before-each-test
+    overrides: [
+      ...(babelDefault?.overrides ?? []),
+      {
+        include: /\.(story|stories)\.[cm]?[jt]sx?$/,
+        presets: [
+          [
+            '@babel/preset-env',
+            {
+              bugfixes: true,
+              targets: {
+                // This is the same browser supports that we use to bundle our manager and preview code.
+                chrome: 100,
+                safari: 15,
+                firefox: 91,
+              },
+            },
+          ],
+        ],
+      },
+    ],
+  };
 };
 
 export const title = (previous: string, options: Options) =>

diff --git a/code/core/src/manager-api/version.ts b/code/core/src/manager-api/version.ts
@@ -1 +1 @@
-export const version = '8.2.0-beta.0';
+export const version = '8.2.0-beta.1';
diff --git a/code/deprecated/builder-manager/package.json b/code/deprecated/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "8.2.0-beta.0",
+  "version": "8.2.0-beta.1",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export const version = '8.2.0-beta.0';
		export const version = '8.2.0-beta.1';