@storybook/react 10.4.2 → 10.4.3

package/dist/_browser-chunks/{chunk-CMP5DLKH.js → chunk-2AEMMVD7.js}

@@ -50,7 +50,29 @@ var renderJsx = (code, options) => {
   let displayNameDefaults;
   typeof options?.displayName == "string" ? displayNameDefaults = { showFunctions: !0, displayName: () => options.displayName } : displayNameDefaults = {
     // To get exotic component names resolving properly
-    displayName: (el) => el.type.displayName ? el.type.displayName : getDocgenSection(el.type, "displayName") ? getDocgenSection(el.type, "displayName") : el.type.render?.displayName ? el.type.render.displayName : typeof el.type == "symbol" || el.type.$$typeof && typeof el.type.$$typeof == "symbol" ? getReactSymbolName(el.type) : el.type.name && el.type.name !== "_default" ? el.type.name : typeof el.type == "function" ? "No Display Name" : isForwardRef(el.type) ? el.type.render.name : isMemo(el.type) ? el.type.type.name : el.type
+    displayName: (el) => {
+      if (el.type.displayName)
+        return el.type.displayName;
+      if (getDocgenSection(el.type, "displayName"))
+        return getDocgenSection(el.type, "displayName");
+      if (el.type.render?.displayName)
+        return el.type.render.displayName;
+      if (typeof el.type == "symbol" || el.type.$$typeof && typeof el.type.$$typeof == "symbol")
+        return getReactSymbolName(el.type);
+      if (el.type.name && el.type.name !== "_default")
+        return el.type.name;
+      if (typeof el.type == "function") {
+        let parent = options?.parentComponent;
+        if (parent) {
+          for (let key of Object.keys(parent))
+            if (/^[A-Z]/.test(key) && parent[key] === el.type) {
+              let parentName = parent.displayName || parent.name || "";
+              return parentName ? `${parentName}.${key}` : key;
+            }
+        }
+        return "No Display Name";
+      } else return isForwardRef(el.type) ? el.type.render.name : isMemo(el.type) ? el.type.type.name : el.type;
+    }
   };
   let opts = {
     ...displayNameDefaults,
@@ -89,7 +111,8 @@ var renderJsx = (code, options) => {
 }, jsxDecorator = (storyFn, context) => {
   let jsx = useRef(void 0), story = storyFn(), skip = skipJsxRender(context), options = {
     ...defaultOpts,
-    ...context?.parameters.jsx || {}
+    ...context?.parameters.jsx || {},
+    parentComponent: context?.component
   }, storyJsx = context.originalStoryFn(context.args, context);
   return useEffect(() => {
     if (skip)

package/dist/_browser-chunks/{chunk-GUVY6QMW.js → chunk-G4UOHMOB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-77RIPXG7.js";
 import {
   entry_preview_docs_exports
-} from "./chunk-CMP5DLKH.js";
+} from "./chunk-2AEMMVD7.js";
 
 // src/preview.tsx
 import { definePreview as definePreviewBase } from "storybook/internal/csf";

package/dist/entry-preview-docs.js

@@ -2,7 +2,7 @@ import {
   applyDecorators,
   decorators,
   parameters
-} from "./_browser-chunks/chunk-CMP5DLKH.js";
+} from "./_browser-chunks/chunk-2AEMMVD7.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-E4YOXNOQ.js";
 import "./_browser-chunks/chunk-SL3VIQZ3.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-GUVY6QMW.js";
+} from "./_browser-chunks/chunk-G4UOHMOB.js";
 import {
   entry_preview_exports,
   renderToCanvas
@@ -8,7 +8,7 @@ import {
 import {
   entry_preview_argtypes_exports
 } from "./_browser-chunks/chunk-77RIPXG7.js";
-import "./_browser-chunks/chunk-CMP5DLKH.js";
+import "./_browser-chunks/chunk-2AEMMVD7.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-E4YOXNOQ.js";
 import "./_browser-chunks/chunk-SL3VIQZ3.js";

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_62r9dsmqeds from 'node:url';
-import CJS_COMPAT_NODE_PATH_62r9dsmqeds from 'node:path';
-import CJS_COMPAT_NODE_MODULE_62r9dsmqeds from "node:module";
+import CJS_COMPAT_NODE_URL_qh6ur8rkcci from 'node:url';
+import CJS_COMPAT_NODE_PATH_qh6ur8rkcci from 'node:path';
+import CJS_COMPAT_NODE_MODULE_qh6ur8rkcci from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_62r9dsmqeds.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_62r9dsmqeds.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_62r9dsmqeds.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_qh6ur8rkcci.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_qh6ur8rkcci.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_qh6ur8rkcci.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preview.js

@@ -1,9 +1,9 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-GUVY6QMW.js";
+} from "./_browser-chunks/chunk-G4UOHMOB.js";
 import "./_browser-chunks/chunk-L3JF7GGZ.js";
 import "./_browser-chunks/chunk-77RIPXG7.js";
-import "./_browser-chunks/chunk-CMP5DLKH.js";
+import "./_browser-chunks/chunk-2AEMMVD7.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-E4YOXNOQ.js";
 import "./_browser-chunks/chunk-SL3VIQZ3.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "10.4.2",
+  "version": "10.4.3",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -53,7 +53,7 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react-dom-shim": "10.4.2",
+    "@storybook/react-dom-shim": "10.4.3",
     "react-docgen": "^8.0.2",
     "react-docgen-typescript": "^2.2.2"
   },
@@ -85,7 +85,7 @@
     "@types/react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "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.4.2",
+    "storybook": "^10.4.3",
     "typescript": ">= 4.9.x"
   },
   "peerDependenciesMeta": {