@storybook/react 10.5.0-alpha.4 → 10.5.0-alpha.6

package/dist/_browser-chunks/{chunk-IMEABK32.js → chunk-JQJMT7FV.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-S7Q5R54F.js → chunk-SKX2IJJR.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-K2MYE2K3.js";
 import {
   entry_preview_docs_exports
-} from "./chunk-IMEABK32.js";
+} from "./chunk-JQJMT7FV.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-IMEABK32.js";
+} from "./_browser-chunks/chunk-JQJMT7FV.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-GOMPYXOS.js";
 import "./_browser-chunks/chunk-SL3VIQZ3.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-S7Q5R54F.js";
+} from "./_browser-chunks/chunk-SKX2IJJR.js";
 import {
   entry_preview_exports,
   renderToCanvas
@@ -8,7 +8,7 @@ import {
 import {
   entry_preview_argtypes_exports
 } from "./_browser-chunks/chunk-K2MYE2K3.js";
-import "./_browser-chunks/chunk-IMEABK32.js";
+import "./_browser-chunks/chunk-JQJMT7FV.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-GOMPYXOS.js";
 import "./_browser-chunks/chunk-SL3VIQZ3.js";