@storybook/react 10.5.0-alpha.3 → 10.5.0-alpha.5

package/dist/_browser-chunks/{chunk-E4YOXNOQ.js → chunk-GOMPYXOS.js}

@@ -538,7 +538,7 @@ var defaultFunctionValue = inlineFunction, formatFunction = (function(fn, option
   var usedValue = hasValue ? value : defaultValue, useBooleanShorthandSyntax = options.useBooleanShorthandSyntax, tabStop = options.tabStop, formattedPropValue = formatPropValue(usedValue, inline, lvl, options), attributeFormattedInline = " ", attributeFormattedMultiline = `
 `.concat(spacer(lvl + 1, tabStop)), isMultilineAttribute = formattedPropValue.includes(`
 `);
-  return useBooleanShorthandSyntax && formattedPropValue === "{false}" && !hasDefaultValue ? (attributeFormattedInline = "", attributeFormattedMultiline = "") : useBooleanShorthandSyntax && formattedPropValue === "{true}" ? (attributeFormattedInline += "".concat(name), attributeFormattedMultiline += "".concat(name)) : (attributeFormattedInline += "".concat(name, "=").concat(formattedPropValue), attributeFormattedMultiline += "".concat(name, "=").concat(formattedPropValue)), {
+  return useBooleanShorthandSyntax && formattedPropValue === "{true}" ? (attributeFormattedInline += "".concat(name), attributeFormattedMultiline += "".concat(name)) : (attributeFormattedInline += "".concat(name, "=").concat(formattedPropValue), attributeFormattedMultiline += "".concat(name, "=").concat(formattedPropValue)), {
     attributeFormattedInline,
     attributeFormattedMultiline,
     isMultilineAttribute

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

@@ -5,7 +5,7 @@ import {
   isForwardRef,
   isMemo,
   reactElementToJsxString
-} from "./chunk-E4YOXNOQ.js";
+} from "./chunk-GOMPYXOS.js";
 import {
   __export
 } from "./chunk-SL3VIQZ3.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-77RIPXG7.js → chunk-K2MYE2K3.js}

@@ -1,7 +1,7 @@
 import {
   isMemo,
   reactElementToJsxString
-} from "./chunk-E4YOXNOQ.js";
+} from "./chunk-GOMPYXOS.js";
 import {
   __commonJS,
   __export,

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

@@ -3,10 +3,10 @@ import {
 } from "./chunk-L3JF7GGZ.js";
 import {
   entry_preview_argtypes_exports
-} from "./chunk-77RIPXG7.js";
+} from "./chunk-K2MYE2K3.js";
 import {
   entry_preview_docs_exports
-} from "./chunk-CMP5DLKH.js";
+} from "./chunk-JQJMT7FV.js";
 
 // src/preview.tsx
 import { definePreview as definePreviewBase } from "storybook/internal/csf";

package/dist/entry-preview-argtypes.js

@@ -1,8 +1,8 @@
 import {
   argTypesEnhancers,
   parameters
-} from "./_browser-chunks/chunk-77RIPXG7.js";
-import "./_browser-chunks/chunk-E4YOXNOQ.js";
+} from "./_browser-chunks/chunk-K2MYE2K3.js";
+import "./_browser-chunks/chunk-GOMPYXOS.js";
 import "./_browser-chunks/chunk-SL3VIQZ3.js";
 export {
   argTypesEnhancers,

package/dist/entry-preview-docs.js

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

package/dist/index.js

@@ -1,16 +1,16 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-GUVY6QMW.js";
+} from "./_browser-chunks/chunk-SKX2IJJR.js";
 import {
   entry_preview_exports,
   renderToCanvas
 } from "./_browser-chunks/chunk-L3JF7GGZ.js";
 import {
   entry_preview_argtypes_exports
-} from "./_browser-chunks/chunk-77RIPXG7.js";
-import "./_browser-chunks/chunk-CMP5DLKH.js";
+} from "./_browser-chunks/chunk-K2MYE2K3.js";
+import "./_browser-chunks/chunk-JQJMT7FV.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
-import "./_browser-chunks/chunk-E4YOXNOQ.js";
+import "./_browser-chunks/chunk-GOMPYXOS.js";
 import "./_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/globals.ts