storybook 10.0.0-beta.4 → 10.0.0-beta.6

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_bdftjtsviyb from 'node:url';
-import CJS_COMPAT_NODE_PATH_bdftjtsviyb from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bdftjtsviyb from "node:module";
+import CJS_COMPAT_NODE_URL_0v1evul49qdo from 'node:url';
+import CJS_COMPAT_NODE_PATH_0v1evul49qdo from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0v1evul49qdo from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bdftjtsviyb.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bdftjtsviyb.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bdftjtsviyb.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0v1evul49qdo.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0v1evul49qdo.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0v1evul49qdo.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -83,12 +83,12 @@ import {
   transformImportFiles,
   validateConfigurationFiles,
   validateFrameworkName
-} from "../_node-chunks/chunk-AC3BNULF.js";
-import "../_node-chunks/chunk-JECCFKKM.js";
-import "../_node-chunks/chunk-5OILJTZE.js";
+} from "../_node-chunks/chunk-RIPA4LFD.js";
+import "../_node-chunks/chunk-IINJT47N.js";
+import "../_node-chunks/chunk-2DMFI367.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-CHJLO2LV.js";
+} from "../_node-chunks/chunk-FDDJHDCE.js";
 import {
   findFilesUp,
   getProjectRoot,
@@ -100,22 +100,22 @@ import {
   optionalEnvToBoolean,
   stringifyEnvs,
   stringifyProcessEnvs
-} from "../_node-chunks/chunk-XA4TAMUS.js";
-import "../_node-chunks/chunk-JSSBBVU5.js";
-import "../_node-chunks/chunk-USDZSU5L.js";
+} from "../_node-chunks/chunk-55VWKF63.js";
+import "../_node-chunks/chunk-F3PO67U3.js";
+import "../_node-chunks/chunk-HPFXREVG.js";
 import {
   importMetaResolve,
   importModule,
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-TBAIXCHN.js";
-import "../_node-chunks/chunk-4VGW2SQA.js";
-import "../_node-chunks/chunk-3J7DQ6TI.js";
-import "../_node-chunks/chunk-TYGVOW7L.js";
-import "../_node-chunks/chunk-OL2HWCBH.js";
-import "../_node-chunks/chunk-NOSGJ5PL.js";
-import "../_node-chunks/chunk-N3GFXZDP.js";
-import "../_node-chunks/chunk-MOO2Y4GI.js";
+} from "../_node-chunks/chunk-TJIMCNYJ.js";
+import "../_node-chunks/chunk-7WH7AGOR.js";
+import "../_node-chunks/chunk-E6TLN2J2.js";
+import "../_node-chunks/chunk-NJXBURX7.js";
+import "../_node-chunks/chunk-JNHUDBJL.js";
+import "../_node-chunks/chunk-MLBTKECD.js";
+import "../_node-chunks/chunk-5IEY46LQ.js";
+import "../_node-chunks/chunk-XZTBG2TG.js";
 export {
   COMMON_ENV_VARS,
   DEFAULT_FILES_PATTERN,

package/dist/components/index.js

@@ -1,15 +1,12 @@
 import {
   WithToolTipState
-} from "../_browser-chunks/chunk-EOILZP2R.js";
+} from "../_browser-chunks/chunk-BOOOPFZF.js";
 import {
   ActionBar,
   ScrollArea,
   SyntaxHighlighter,
   createCopyToClipboardFunction
-} from "../_browser-chunks/chunk-MZNYTCNT.js";
-import {
-  _objectWithoutPropertiesLoose
-} from "../_browser-chunks/chunk-VAMFPZY3.js";
+} from "../_browser-chunks/chunk-AM4PZYVQ.js";
 import "../_browser-chunks/chunk-P2LUROS2.js";
 import "../_browser-chunks/chunk-WJWT2LN5.js";
 import "../_browser-chunks/chunk-VBZTU7DO.js";
@@ -481,6 +478,10 @@ import "../_browser-chunks/chunk-OGVSPJVI.js";
 import "../_browser-chunks/chunk-AQHB5MEL.js";
 import "../_browser-chunks/chunk-5B53MDLY.js";
 import "../_browser-chunks/chunk-VVVPU2RE.js";
+import "../_browser-chunks/chunk-GJ67EE65.js";
+import {
+  _objectWithoutPropertiesLoose
+} from "../_browser-chunks/chunk-VAMFPZY3.js";
 import {
   curriedDarken$1,
   curriedLighten$1,
@@ -1521,7 +1522,7 @@ import React6, { Suspense, lazy } from "react";
 var languages = [];
 var Comp = null;
 var LazySyntaxHighlighter = lazy(async () => {
-  const { SyntaxHighlighter: SyntaxHighlighter3 } = await import("../_browser-chunks/syntaxhighlighter-YYAA4CS4.js");
+  const { SyntaxHighlighter: SyntaxHighlighter3 } = await import("../_browser-chunks/syntaxhighlighter-RJW7FE3A.js");
   if (languages.length > 0) {
     languages.forEach((args) => {
       SyntaxHighlighter3.registerLanguage(...args);
@@ -1537,7 +1538,7 @@ var LazySyntaxHighlighter = lazy(async () => {
 });
 var LazySyntaxHighlighterWithFormatter = lazy(async () => {
   const [{ SyntaxHighlighter: SyntaxHighlighter3 }, { formatter }] = await Promise.all([
-    import("../_browser-chunks/syntaxhighlighter-YYAA4CS4.js"),
+    import("../_browser-chunks/syntaxhighlighter-RJW7FE3A.js"),
     import("../_browser-chunks/formatter-OMEEQ6HG.js")
   ]);
   if (languages.length > 0) {
@@ -1590,6 +1591,7 @@ __export(dist_exports, {
 import * as React33 from "react";
 
 // ../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/primitive/dist/index.mjs
+var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return /* @__PURE__ */ __name(function handleEvent(event) {
     originalEventHandler?.(event);
@@ -1826,6 +1828,7 @@ var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 import * as React17 from "react";
 
 // ../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/primitive/dist/index.mjs
+var canUseDOM2 = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return /* @__PURE__ */ __name(function handleEvent(event) {
     originalEventHandler?.(event);
@@ -1909,8 +1912,9 @@ function mergeProps(slotProps, childProps) {
     if (isHandler) {
       if (slotPropValue && childPropValue) {
         overrideProps[propName] = (...args) => {
-          childPropValue(...args);
+          const result = childPropValue(...args);
           slotPropValue(...args);
+          return result;
         };
       } else if (slotPropValue) {
         overrideProps[propName] = slotPropValue;
@@ -1962,7 +1966,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot3 = createSlot(`Primitive.${node}`);
-  const Node = React14.forwardRef((props, forwardedRef) => {
+  const Node2 = React14.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp2 = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
@@ -1970,8 +1974,8 @@ var Primitive = NODES.reduce((primitive, node) => {
     }
     return jsx3(Comp2, { ...primitiveProps, ref: forwardedRef });
   });
-  Node.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node };
+  Node2.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node2 };
 }, {});
 function dispatchDiscreteCustomEvent(target, event) {
   if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
@@ -2512,7 +2516,7 @@ function usePresence(present) {
       const ownerWindow = node.ownerDocument.defaultView ?? window;
       const handleAnimationEnd = /* @__PURE__ */ __name((event) => {
         const currentAnimationName = getAnimationName(stylesRef.current);
-        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
         if (event.target === node && isCurrentAnimation) {
           send("ANIMATION_END");
           if (!prevPresentRef.current) {
@@ -2854,14 +2858,14 @@ var RemoveScroll = React28.forwardRef(function(props, parentRef) {
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
   }), callbacks = _a[0], setCallbacks = _a[1];
-  var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container3 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
+  var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container3 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
   return React28.createElement(
     React28.Fragment,
     null,
-    enabled && React28.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    enabled && React28.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
     forwardProps ? React28.cloneElement(React28.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React28.createElement(Container3, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
@@ -3137,6 +3141,9 @@ var handleScroll = /* @__PURE__ */ __name(function(axis, endTarget, event, sourc
   var availableScroll = 0;
   var availableScrollTop = 0;
   do {
+    if (!target) {
+      break;
+    }
     var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
     var elementScroll = scroll_1 - capacity - directionFactor * position;
     if (position || elementScroll) {
@@ -3145,11 +3152,8 @@ var handleScroll = /* @__PURE__ */ __name(function(axis, endTarget, event, sourc
         availableScrollTop += position;
       }
     }
-    if (target instanceof ShadowRoot) {
-      target = target.host;
-    } else {
-      target = target.parentNode;
-    }
+    var parent_1 = target.parentNode;
+    target = parent_1 && parent_1.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? parent_1.host : parent_1;
   } while (
     // portaled content
     !targetInLock && target !== document.body || // self content
@@ -3313,7 +3317,7 @@ function RemoveScrollSideCar(props) {
     React31.Fragment,
     null,
     inert ? React31.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React31.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null
+    removeScrollBar ? React31.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 __name(RemoveScrollSideCar, "RemoveScrollSideCar");
@@ -3457,7 +3461,7 @@ var hideOthers = /* @__PURE__ */ __name(function(originalTarget, parentNode, mar
       return null;
     };
   }
-  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live]")));
+  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
   return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 }, "hideOthers");
 
@@ -5101,11 +5105,11 @@ var Form = Object.assign(
 // src/components/components/tooltip/lazy-WithTooltip.tsx
 import React52, { Suspense as Suspense2, lazy as lazy2 } from "react";
 var LazyWithTooltip = lazy2(
-  () => import("../_browser-chunks/WithTooltip-ERFLZL6W.js").then((mod) => ({ default: mod.WithTooltip }))
+  () => import("../_browser-chunks/WithTooltip-SK46ZJ2J.js").then((mod) => ({ default: mod.WithTooltip }))
 );
 var WithTooltip = /* @__PURE__ */ __name((props) => React52.createElement(Suspense2, { fallback: React52.createElement("div", null) }, React52.createElement(LazyWithTooltip, { ...props })), "WithTooltip");
 var LazyWithTooltipPure = lazy2(
-  () => import("../_browser-chunks/WithTooltip-ERFLZL6W.js").then((mod) => ({ default: mod.WithTooltipPure }))
+  () => import("../_browser-chunks/WithTooltip-SK46ZJ2J.js").then((mod) => ({ default: mod.WithTooltipPure }))
 );
 var WithTooltipPure = /* @__PURE__ */ __name((props) => React52.createElement(Suspense2, { fallback: React52.createElement("div", null) }, React52.createElement(LazyWithTooltipPure, { ...props })), "WithTooltipPure");
 

package/dist/core-events/index.d.ts

@@ -229,6 +229,18 @@ interface StoryFinishedPayload {
     reporters: Report[];
 }
 
+type OpenInEditorRequestPayload = {
+    file: string;
+    line?: number;
+    column?: number;
+};
+type OpenInEditorResponsePayload = {
+    file: string;
+    line?: number;
+    column?: number;
+    error: string | null;
+};
+
 declare enum events {
     CHANNEL_WS_DISCONNECT = "channelWSDisconnect",
     CHANNEL_CREATED = "channelCreated",
@@ -286,7 +298,9 @@ declare enum events {
     ARGTYPES_INFO_REQUEST = "argtypesInfoRequest",
     ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse",
     CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest",
-    CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse"
+    CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse",
+    OPEN_IN_EDITOR_REQUEST = "openInEditorRequest",
+    OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse"
 }
 
 declare const CHANNEL_WS_DISCONNECT: events;
@@ -346,5 +360,7 @@ declare const SAVE_STORY_REQUEST: events;
 declare const SAVE_STORY_RESPONSE: events;
 declare const ARGTYPES_INFO_REQUEST: events;
 declare const ARGTYPES_INFO_RESPONSE: events;
+declare const OPEN_IN_EDITOR_REQUEST: events;
+declare const OPEN_IN_EDITOR_RESPONSE: events;
 
-export { ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, type ArgTypesRequestPayload, type ArgTypesResponsePayload, CHANNEL_CREATED, CHANNEL_WS_DISCONNECT, CONFIG_ERROR, CREATE_NEW_STORYFILE_REQUEST, CREATE_NEW_STORYFILE_RESPONSE, CURRENT_STORY_WAS_SET, type CreateNewStoryErrorPayload, type CreateNewStoryRequestPayload, type CreateNewStoryResponsePayload, DOCS_PREPARED, DOCS_RENDERED, FILE_COMPONENT_SEARCH_REQUEST, FILE_COMPONENT_SEARCH_RESPONSE, FORCE_REMOUNT, FORCE_RE_RENDER, type FileComponentSearchRequestPayload, type FileComponentSearchResponsePayload, GLOBALS_UPDATED, NAVIGATE_URL, PLAY_FUNCTION_THREW_EXCEPTION, PRELOAD_ENTRIES, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, REQUEST_WHATS_NEW_DATA, RESET_STORY_ARGS, RESULT_WHATS_NEW_DATA, type RequestData, type ResponseData, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SET_WHATS_NEW_CACHE, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_FINISHED, STORY_HOT_UPDATED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDERED, STORY_RENDER_PHASE_CHANGED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, type SaveStoryRequestPayload, type SaveStoryResponsePayload, type StoryFinishedPayload, TELEMETRY_ERROR, TOGGLE_WHATS_NEW_NOTIFICATIONS, UNHANDLED_ERRORS_WHILE_PLAYING, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, type WhatsNewCache, type WhatsNewData, events as default };
+export { ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, type ArgTypesRequestPayload, type ArgTypesResponsePayload, CHANNEL_CREATED, CHANNEL_WS_DISCONNECT, CONFIG_ERROR, CREATE_NEW_STORYFILE_REQUEST, CREATE_NEW_STORYFILE_RESPONSE, CURRENT_STORY_WAS_SET, type CreateNewStoryErrorPayload, type CreateNewStoryRequestPayload, type CreateNewStoryResponsePayload, DOCS_PREPARED, DOCS_RENDERED, FILE_COMPONENT_SEARCH_REQUEST, FILE_COMPONENT_SEARCH_RESPONSE, FORCE_REMOUNT, FORCE_RE_RENDER, type FileComponentSearchRequestPayload, type FileComponentSearchResponsePayload, GLOBALS_UPDATED, NAVIGATE_URL, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, type OpenInEditorRequestPayload, type OpenInEditorResponsePayload, PLAY_FUNCTION_THREW_EXCEPTION, PRELOAD_ENTRIES, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, REQUEST_WHATS_NEW_DATA, RESET_STORY_ARGS, RESULT_WHATS_NEW_DATA, type RequestData, type ResponseData, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SET_WHATS_NEW_CACHE, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_FINISHED, STORY_HOT_UPDATED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDERED, STORY_RENDER_PHASE_CHANGED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, type SaveStoryRequestPayload, type SaveStoryResponsePayload, type StoryFinishedPayload, TELEMETRY_ERROR, TOGGLE_WHATS_NEW_NOTIFICATIONS, UNHANDLED_ERRORS_WHILE_PLAYING, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, type WhatsNewCache, type WhatsNewData, events as default };

package/dist/core-events/index.js

@@ -59,6 +59,8 @@ var events = /* @__PURE__ */ ((events2) => {
   events2["ARGTYPES_INFO_RESPONSE"] = "argtypesInfoResponse";
   events2["CREATE_NEW_STORYFILE_REQUEST"] = "createNewStoryfileRequest";
   events2["CREATE_NEW_STORYFILE_RESPONSE"] = "createNewStoryfileResponse";
+  events2["OPEN_IN_EDITOR_REQUEST"] = "openInEditorRequest";
+  events2["OPEN_IN_EDITOR_RESPONSE"] = "openInEditorResponse";
   return events2;
 })(events || {});
 var core_events_default = events;
@@ -119,7 +121,9 @@ var {
   SAVE_STORY_REQUEST,
   SAVE_STORY_RESPONSE,
   ARGTYPES_INFO_REQUEST,
-  ARGTYPES_INFO_RESPONSE
+  ARGTYPES_INFO_RESPONSE,
+  OPEN_IN_EDITOR_REQUEST,
+  OPEN_IN_EDITOR_RESPONSE
 } = events;
 export {
   ARGTYPES_INFO_REQUEST,
@@ -138,6 +142,8 @@ export {
   FORCE_RE_RENDER,
   GLOBALS_UPDATED,
   NAVIGATE_URL,
+  OPEN_IN_EDITOR_REQUEST,
+  OPEN_IN_EDITOR_RESPONSE,
   PLAY_FUNCTION_THREW_EXCEPTION,
   PRELOAD_ENTRIES,
   PREVIEW_BUILDER_PROGRESS,