@storybook/react 10.2.0-alpha.11 → 10.2.0-alpha.13

package/dist/_browser-chunks/{chunk-BMWJYMA6.js → chunk-HWOFIGZP.js}

@@ -1,6 +1,6 @@
 import {
   entry_preview_exports
-} from "./chunk-GLRRNWDU.js";
+} from "./chunk-L3JF7GGZ.js";
 import {
   entry_preview_argtypes_exports
 } from "./chunk-DX2KEMQY.js";

package/dist/_browser-chunks/{chunk-GLRRNWDU.js → chunk-L3JF7GGZ.js}

@@ -17,6 +17,7 @@ __export(entry_preview_exports, {
   renderToCanvas: () => renderToCanvas
 });
 import * as React4 from "react";
+import { Tag } from "storybook/internal/preview-api";
 import { global as global2 } from "@storybook/global";
 import { configure } from "storybook/test";
 
@@ -156,7 +157,7 @@ var decorators = [
     return React4.createElement(React4.Suspense, null, story());
   },
   (story, context) => {
-    if (context.tags?.includes("test-fn") && !global2.FEATURES?.experimentalTestSyntax)
+    if (context.tags?.includes(Tag.TEST_FN) && !global2.FEATURES?.experimentalTestSyntax)
       throw new Error(
         "To use the experimental test function, you must enable the experimentalTestSyntax feature flag. See https://storybook.js.org/docs/api/main-config/main-config-features#experimentaltestsyntax"
       );

package/dist/entry-preview.js

@@ -5,7 +5,7 @@ import {
   parameters,
   render,
   renderToCanvas
-} from "./_browser-chunks/chunk-GLRRNWDU.js";
+} from "./_browser-chunks/chunk-L3JF7GGZ.js";
 import {
   applyDecorators
 } from "./_browser-chunks/chunk-DDIRQRCA.js";

package/dist/index.js

@@ -1,10 +1,10 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-BMWJYMA6.js";
+} from "./_browser-chunks/chunk-HWOFIGZP.js";
 import {
   entry_preview_exports,
   renderToCanvas
-} from "./_browser-chunks/chunk-GLRRNWDU.js";
+} from "./_browser-chunks/chunk-L3JF7GGZ.js";
 import {
   entry_preview_argtypes_exports
 } from "./_browser-chunks/chunk-DX2KEMQY.js";

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_cwt6ul3kdah from 'node:url';
-import CJS_COMPAT_NODE_PATH_cwt6ul3kdah from 'node:path';
-import CJS_COMPAT_NODE_MODULE_cwt6ul3kdah from "node:module";
+import CJS_COMPAT_NODE_URL_b6udcllya2j from 'node:url';
+import CJS_COMPAT_NODE_PATH_b6udcllya2j from 'node:path';
+import CJS_COMPAT_NODE_MODULE_b6udcllya2j from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_cwt6ul3kdah.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_cwt6ul3kdah.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_cwt6ul3kdah.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_b6udcllya2j.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_b6udcllya2j.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_b6udcllya2j.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -2835,6 +2835,7 @@ var importMetaResolve = (...args) => typeof import.meta.resolve != "function" &&
 
 // src/componentManifest/generator.ts
 import { recast as recast2 } from "storybook/internal/babel";
+import { Tag } from "storybook/internal/core-server";
 import { extractDescription, loadCsf } from "storybook/internal/csf-tools";
 import { logger as logger4 } from "storybook/internal/node-logger";
 
@@ -4097,10 +4098,17 @@ function extractComponentDescription(csf, docgen) {
 var manifests = async (existingManifests = {}, { manifestEntries }) => {
   invalidateCache();
   let startPerformance = performance.now(), components = uniqBy(
-    manifestEntries.filter((entry) => entry.type === "story" && entry.subtype === "story"),
+    manifestEntries.filter(
+      (entry) => entry.type === "story" && entry.subtype === "story" || // addon-docs will add docs entries to these manifest entries afterwards
+      // Docs entries have importPath pointing to MDX file, but storiesImports[0] points to the story file
+      entry.type === "docs" && entry.tags?.includes(Tag.ATTACHED_MDX) && entry.storiesImports.length > 0
+    ),
     (entry) => entry.id.split("--")[0]
   ).map((entry) => {
-    let absoluteImportPath = path.join(process.cwd(), entry.importPath), storyFile = cachedReadFileSync(absoluteImportPath, "utf-8"), csf = loadCsf(storyFile, { makeTitle: (title2) => title2 ?? "No title" }).parse(), componentName = csf._meta?.component, id = entry.id.split("--")[0], title = entry.title.split("/").at(-1).replace(/\s+/g, ""), allComponents = getComponents({ csf, storyFilePath: absoluteImportPath }), component = findMatchingComponent(
+    let storyFilePath = entry.type === "story" ? entry.importPath : (
+      // For attached docs entries, storiesImports[0] points to the stories file being attached to
+      entry.storiesImports[0]
+    ), absoluteImportPath = path.join(process.cwd(), storyFilePath), storyFile = cachedReadFileSync(absoluteImportPath, "utf-8"), csf = loadCsf(storyFile, { makeTitle: (title2) => title2 ?? "No title" }).parse(), componentName = csf._meta?.component, id = entry.id.split("--")[0], title = entry.title.split("/").at(-1).replace(/\s+/g, ""), allComponents = getComponents({ csf, storyFilePath: absoluteImportPath }), component = findMatchingComponent(
       allComponents,
       componentName,
       entry.title.replace(/\s+/g, "")
@@ -4108,7 +4116,7 @@ var manifests = async (existingManifests = {}, { manifestEntries }) => {
 `).trim() || fallbackImport, stories = extractStories(csf, component?.componentName, manifestEntries), base = {
       id,
       name: componentName ?? title,
-      path: entry.importPath,
+      path: storyFilePath,
       stories,
       import: imports,
       jsDocTags: {}

package/dist/preview.js

@@ -1,7 +1,7 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-BMWJYMA6.js";
-import "./_browser-chunks/chunk-GLRRNWDU.js";
+} from "./_browser-chunks/chunk-HWOFIGZP.js";
+import "./_browser-chunks/chunk-L3JF7GGZ.js";
 import "./_browser-chunks/chunk-DX2KEMQY.js";
 import "./_browser-chunks/chunk-CMP5DLKH.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "10.2.0-alpha.11",
+  "version": "10.2.0-alpha.13",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -50,7 +50,7 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react-dom-shim": "10.2.0-alpha.11",
+    "@storybook/react-dom-shim": "10.2.0-alpha.13",
     "react-docgen": "^8.0.2"
   },
   "devDependencies": {
@@ -77,7 +77,7 @@
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "storybook": "^10.2.0-alpha.11",
+    "storybook": "^10.2.0-alpha.13",
     "typescript": ">= 4.9.x"
   },
   "peerDependenciesMeta": {