@storybook/react 10.2.14 → 10.2.16

package/dist/_node-chunks/{chunk-YSR2NSHF.js → chunk-7HNRWMGC.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_lyi1dv3yavm from 'node:url';
-import CJS_COMPAT_NODE_PATH_lyi1dv3yavm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_lyi1dv3yavm from "node:module";
+import CJS_COMPAT_NODE_URL_1i4lafgul14 from 'node:url';
+import CJS_COMPAT_NODE_PATH_1i4lafgul14 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1i4lafgul14 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_lyi1dv3yavm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_lyi1dv3yavm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_lyi1dv3yavm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_1i4lafgul14.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1i4lafgul14.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1i4lafgul14.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{lib-W4VEF6GH.js → lib-5CDBGOUC.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_lyi1dv3yavm from 'node:url';
-import CJS_COMPAT_NODE_PATH_lyi1dv3yavm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_lyi1dv3yavm from "node:module";
+import CJS_COMPAT_NODE_URL_1i4lafgul14 from 'node:url';
+import CJS_COMPAT_NODE_PATH_1i4lafgul14 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1i4lafgul14 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_lyi1dv3yavm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_lyi1dv3yavm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_lyi1dv3yavm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_1i4lafgul14.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1i4lafgul14.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1i4lafgul14.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,7 +12,7 @@ var require = CJS_COMPAT_NODE_MODULE_lyi1dv3yavm.createRequire(import.meta.url);
 import {
   __commonJS,
   __require
-} from "./chunk-YSR2NSHF.js";
+} from "./chunk-7HNRWMGC.js";
 
 // ../../../node_modules/react-docgen-typescript/lib/buildFilter.js
 var require_buildFilter = __commonJS({

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_lyi1dv3yavm from 'node:url';
-import CJS_COMPAT_NODE_PATH_lyi1dv3yavm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_lyi1dv3yavm from "node:module";
+import CJS_COMPAT_NODE_URL_1i4lafgul14 from 'node:url';
+import CJS_COMPAT_NODE_PATH_1i4lafgul14 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1i4lafgul14 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_lyi1dv3yavm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_lyi1dv3yavm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_lyi1dv3yavm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_1i4lafgul14.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1i4lafgul14.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1i4lafgul14.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13,7 +13,7 @@ import {
   __commonJS,
   __require,
   __toESM
-} from "./_node-chunks/chunk-YSR2NSHF.js";
+} from "./_node-chunks/chunk-7HNRWMGC.js";
 
 // ../../../node_modules/estraverse/estraverse.js
 var require_estraverse = __commonJS({
@@ -7918,7 +7918,7 @@ var require_register = __commonJS({
       }
       return coreModules;
     }
-    function register(params) {
+    function register2(params) {
       var cwd2, explicitParams;
       if (params)
         cwd2 = params.cwd, (params.baseUrl || params.paths) && (explicitParams = params);
@@ -7953,7 +7953,7 @@ var require_register = __commonJS({
         Module._resolveFilename = originalResolveFilename;
       };
     }
-    exports.register = register;
+    exports.register = register2;
   }
 });
 
@@ -8982,6 +8982,7 @@ import { fileURLToPath as fileURLToPath2 } from "node:url";
 import { getProjectRoot as getProjectRoot2 } from "storybook/internal/common";
 
 // ../../core/src/shared/utils/module.ts
+import { createRequire, register } from "node:module";
 import { fileURLToPath, pathToFileURL } from "node:url";
 
 // ../../../node_modules/exsolve/dist/index.mjs
@@ -9232,7 +9233,12 @@ var importMetaResolve = (...args) => typeof import.meta.resolve != "function" &&
   try {
     return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"), parent)));
   } catch {
-    return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+    try {
+      return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+    } catch {
+      let req = createRequire(parent ?? import.meta.url);
+      return dirname(req.resolve(join(pkg, "package.json")));
+    }
   }
 };
 
@@ -11193,7 +11199,7 @@ var extractArgTypesFromDocgenTypescript = async ({
   reactDocgenTypescriptOptions
 }) => {
   try {
-    let { withCompilerOptions } = (await import("./_node-chunks/lib-W4VEF6GH.js")).default, defaultOptions = {
+    let { withCompilerOptions } = (await import("./_node-chunks/lib-5CDBGOUC.js")).default, defaultOptions = {
       shouldExtractLiteralValuesFromEnum: !0,
       shouldRemoveUndefinedFromOptional: !0,
       propFilter: (prop) => prop.parent ? !/node_modules/.test(prop.parent.fileName) : !0,
@@ -11272,7 +11278,7 @@ function getCodeSnippet(csf, storyName, componentName) {
     if (callee.isMemberExpression()) {
       let obj = callee.get("object"), prop = callee.get("property"), isBind = prop.isIdentifier() && prop.node.name === "bind" || t2.isStringLiteral(prop.node) && prop.node.value === "bind";
       if (obj.isIdentifier() && isBind) {
-        let resolved = resolveBindIdentifierInit(storyDeclaration, obj);
+        let resolved = resolveIdentifierInit(storyDeclaration, obj);
         resolved && (normalizedPath = resolved);
       }
     }
@@ -11300,14 +11306,20 @@ function getCodeSnippet(csf, storyName, componentName) {
       "Expected story to be csf factory, function or an object expression"
     );
   let storyProps = normalizedPath.isObjectExpression() ? normalizedPath.get("properties").filter((p) => p.isObjectProperty()) : [], metaPath = pathForNode(csf._file.path, metaObj), metaProps = metaPath?.isObjectExpression() ? metaPath.get("properties").filter((p) => p.isObjectProperty()) : [], getRenderPath = (object) => {
-    let renderPath2 = object.find((p) => keyOf(p.node) === "render")?.get("value");
-    if (renderPath2?.isIdentifier() && (componentName = renderPath2.node.name), renderPath2 && !(renderPath2.isArrowFunctionExpression() || renderPath2.isFunctionExpression()))
-      throw renderPath2.buildCodeFrameError(
+    let renderPath = object.find((p) => keyOf(p.node) === "render")?.get("value");
+    if (!renderPath)
+      return { kind: "missing" };
+    if (renderPath.isIdentifier()) {
+      let resolved = resolveIdentifierInit(storyDeclaration, renderPath);
+      return resolved && (resolved.isArrowFunctionExpression() || resolved.isFunctionExpression() || resolved.isFunctionDeclaration()) ? { kind: "resolved", path: resolved } : { kind: "unresolved" };
+    }
+    if (!(renderPath.isArrowFunctionExpression() || renderPath.isFunctionExpression()))
+      throw renderPath.buildCodeFrameError(
         "Expected render to be an arrow function or function expression"
       );
-    return renderPath2;
-  }, metaRenderPath = getRenderPath(metaProps), renderPath = getRenderPath(storyProps);
-  storyFn ??= renderPath ?? metaRenderPath;
+    return { kind: "resolved", path: renderPath };
+  }, metaRender = getRenderPath(metaProps), storyRender = getRenderPath(storyProps);
+  storyFn || (storyFn = storyRender.kind === "resolved" ? storyRender.path : storyRender.kind === "missing" && metaRender.kind === "resolved" ? metaRender.path : void 0);
   let metaArgs = metaArgsRecord(metaObj ?? null), storyArgsPath = storyProps.filter((p) => keyOf(p.node) === "args").map((p) => p.get("value")).find((v) => v.isObjectExpression()), storyArgs = argsRecordFromObjectPath(storyArgsPath), storyAssignedArgsPath = storyArgsAssignmentPath(csf._file.path, storyName), storyAssignedArgs = argsRecordFromObjectPath(storyAssignedArgsPath), merged = { ...metaArgs, ...storyArgs, ...storyAssignedArgs }, entries = Object.entries(merged).filter(([k]) => k !== "children"), validEntries = entries.filter(([k, v]) => isValidJsxAttrName(k) && v != null), invalidEntries = entries.filter(([k, v]) => !isValidJsxAttrName(k) && v != null), injectedAttrs = validEntries.map(([k, v]) => toAttr(k, v)).filter((a) => a != null);
   if (storyFn) {
     let fn = storyFn.node;
@@ -11331,14 +11343,20 @@ function getCodeSnippet(csf, storyName, componentName) {
         return stmt;
       });
       if (changed)
-        return t2.isFunctionDeclaration(fn) ? t2.functionDeclaration(fn.id, [], t2.blockStatement(newBody), fn.generator, fn.async) : t2.variableDeclaration("const", [
+        return t2.isFunctionDeclaration(fn) ? t2.functionDeclaration(
+          t2.identifier(storyName),
+          [],
+          t2.blockStatement(newBody),
+          fn.generator,
+          fn.async
+        ) : t2.variableDeclaration("const", [
           t2.variableDeclarator(
             t2.identifier(storyName),
             t2.arrowFunctionExpression([], t2.blockStatement(newBody), fn.async)
           )
         ]);
     }
-    return t2.isFunctionDeclaration(fn) ? fn : t2.variableDeclaration("const", [t2.variableDeclarator(t2.identifier(storyName), fn)]);
+    return t2.isFunctionDeclaration(fn) ? t2.functionDeclaration(t2.identifier(storyName), fn.params, fn.body, fn.generator, fn.async) : t2.variableDeclaration("const", [t2.variableDeclarator(t2.identifier(storyName), fn)]);
   }
   invariant(componentName, "Could not generate snippet without component name.");
   let invalidSpread = buildInvalidSpread(invalidEntries), name = t2.jsxIdentifier(componentName), openingElAttrs = invalidSpread ? [...injectedAttrs, invalidSpread] : injectedAttrs, children = toJsxChildren(merged.children), selfClosing = children.length === 0, arrow = t2.arrowFunctionExpression(
@@ -11482,10 +11500,19 @@ function transformArgsSpreadsInJsx(node, merged) {
   });
   return { node: t2.jsxFragment(node.openingFragment, node.closingFragment, fragChildren), changed };
 }
-function resolveBindIdentifierInit(storyPath, identifier) {
+function resolveIdentifierInit(storyPath, identifier) {
   let programPath = storyPath.findParent((p) => p.isProgram());
   if (!programPath)
     return null;
+  for (let stmt of programPath.get("body")) {
+    if (stmt.isFunctionDeclaration() && stmt.node.id?.name === identifier.node.name)
+      return stmt;
+    if (stmt.isExportNamedDeclaration()) {
+      let decl = stmt.get("declaration");
+      if (decl.isFunctionDeclaration() && decl.node.id?.name === identifier.node.name)
+        return decl;
+    }
+  }
   let match = programPath.get("body").flatMap((stmt) => {
     if (stmt.isVariableDeclaration())
       return stmt.get("declarations");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "10.2.14",
+  "version": "10.2.16",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -50,7 +50,7 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react-dom-shim": "10.2.14",
+    "@storybook/react-dom-shim": "10.2.16",
     "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.14",
+    "storybook": "^10.2.16",
     "typescript": ">= 4.9.x"
   },
   "peerDependenciesMeta": {