storybook 10.0.0-beta.6 → 10.0.0-beta.8

package/dist/manager/globals-runtime.js

@@ -117728,7 +117728,9 @@ var Center = styled.span(
     flex: 1,
     textAlign: "left",
     display: "flex",
-    flexDirection: "column"
+    flexDirection: "column",
+    minWidth: 0
+    // required for overflow
   },
   ({ isIndented }) => isIndented ? { marginLeft: 24 } : {}
 );
@@ -117756,6 +117758,8 @@ var Left = styled.span(
 var Item = styled.div(
   ({ theme: theme3 }) => ({
     width: "100%",
+    minWidth: 0,
+    // required for overflow
     border: "none",
     borderRadius: theme3.appBorderRadius,
     background: "none",
@@ -146170,6 +146174,7 @@ var transformSetStoriesStoryDataToPreparedStoryIndex = /* @__PURE__ */ __name((s
         const { argTypes, args, initialArgs } = story;
         acc[id] = {
           type: "story",
+          subtype: "story",
           ...base,
           parameters: parameters2,
           argTypes,
@@ -146247,19 +146252,18 @@ var transformStoryIndexToStoriesHash = /* @__PURE__ */ __name((input2, { provide
   index4 = index4.v === 3 ? transformStoryIndexV3toV4(index4) : index4;
   index4 = index4.v === 4 ? transformStoryIndexV4toV5(index4) : index4;
   index4 = index4;
-  const entryValues = Object.values(index4.entries).filter((entry) => {
-    let result = true;
-    const storyStatuses = allStatuses[entry.id] ?? {};
-    if (Object.values(storyStatuses).some(({ value }) => value === "status-value:error")) {
-      return result;
+  const indexEntries = Object.values(index4.entries);
+  const filterFunctions = Object.values(filters);
+  const entryValues = indexEntries.filter((entry) => {
+    const statuses = allStatuses[entry.id] ?? {};
+    if (Object.values(statuses).some(({ value }) => value === "status-value:error")) {
+      return true;
     }
-    Object.values(filters).forEach((filter) => {
-      if (result === false) {
-        return;
-      }
-      result = filter({ ...entry, statuses: storyStatuses });
-    });
-    return result;
+    if (filterFunctions.every((fn4) => fn4({ ...entry, statuses }))) {
+      return true;
+    }
+    const children = indexEntries.filter((item) => "parent" in item && item.parent === entry.id);
+    return children.some((child) => filterFunctions.every((fn4) => fn4({ ...child, statuses })));
   });
   const { sidebar = {} } = provider.getConfig();
   const { showRoots, collapsedRoots = [], renderLabel } = sidebar;
@@ -146282,7 +146286,7 @@ var transformStoryIndexToStoriesHash = /* @__PURE__ */ __name((input2, { provide
         throw new Error(
           dedent`
           Invalid part '${name}', leading to id === parentId ('${id}'), inside title '${title}'
-          
+
           Did you create a path that uses the separator char accidentally, such as 'Vue <docs/>' where '/' is a separator char? See https://github.com/storybookjs/storybook/issues/6128
           `
         );
@@ -146333,36 +146337,60 @@ var transformStoryIndexToStoriesHash = /* @__PURE__ */ __name((input2, { provide
       }
     });
     acc[item.id] = {
-      type: "story",
       tags: [],
       ...item,
       depth: paths.length,
-      parent: paths[paths.length - 1],
+      parent: "parent" in item ? item.parent : paths[paths.length - 1],
       renderLabel,
       prepared: !!item.parameters
     };
     return acc;
   }, {});
   function addItem(acc, item) {
-    if (acc[item.id]) {
-      return acc;
-    }
-    acc[item.id] = item;
-    if (item.type === "root" || item.type === "group" || item.type === "component") {
-      item.children.forEach((childId) => addItem(acc, storiesHashOutOfOrder[childId]));
-      item.tags = item.children.reduce((currentTags, childId) => {
-        const child = acc[childId];
-        return currentTags === null ? child.tags : intersect_default(currentTags, child.tags);
-      }, null);
+    if (!acc[item.id]) {
+      acc[item.id] = item;
+      if ("children" in item && item.children) {
+        item.children.forEach((childId) => addItem(acc, storiesHashOutOfOrder[childId]));
+        item.tags = item.children.reduce((currentTags, childId) => {
+          return currentTags === null ? acc[childId].tags : intersect_default(currentTags, acc[childId].tags);
+        }, null) || [];
+      }
     }
     if (item.type === "component") {
-      item.importPath = acc[item.children[0]].importPath;
+      const firstChild = acc[item.children[0]];
+      if (firstChild && "importPath" in firstChild) {
+        item.importPath = firstChild.importPath;
+      }
     }
     return acc;
   }
   __name(addItem, "addItem");
-  const orphanHash = Object.values(storiesHashOutOfOrder).filter((i2) => i2.type !== "root" && !i2.parent).reduce(addItem, {});
-  return Object.values(storiesHashOutOfOrder).filter((i2) => i2.type === "root").reduce(addItem, orphanHash);
+  let storiesHash = Object.values(storiesHashOutOfOrder).filter((i2) => i2.type !== "root" && !i2.parent).reduce((acc, item) => addItem(acc, item), {});
+  storiesHash = Object.values(storiesHashOutOfOrder).filter((i2) => i2.type === "root").reduce(addItem, storiesHash);
+  storiesHash = Object.values(storiesHash).reduce((acc, item) => {
+    if (item.type === "story" && item.subtype === "test") {
+      const story = acc[item.parent];
+      const component = acc[story.parent];
+      acc[component.id] = {
+        ...component,
+        // Remove test from the component node as it will be attached to the story node instead
+        children: component.children && component.children.filter((id) => id !== item.id)
+      };
+      acc[story.id] = {
+        ...story,
+        // Add test to the story node
+        children: (story.children || []).concat(item.id)
+      };
+      acc[item.id] = {
+        ...item,
+        depth: item.depth + 1
+      };
+    } else {
+      acc[item.id] = item;
+    }
+    return acc;
+  }, {});
+  return storiesHash;
 }, "transformStoryIndexToStoriesHash");
 var addPreparedStories = /* @__PURE__ */ __name((newHash, oldHash) => {
   if (!oldHash) {
@@ -146372,6 +146400,9 @@ var addPreparedStories = /* @__PURE__ */ __name((newHash, oldHash) => {
     Object.entries(newHash).map(([id, newEntry]) => {
       const oldEntry = oldHash[id];
       if (newEntry.type === "story" && oldEntry?.type === "story" && oldEntry.prepared) {
+        if ("children" in oldEntry) {
+          delete oldEntry.children;
+        }
         return [id, { ...oldEntry, ...newEntry, prepared: true }];
       }
       return [id, newEntry];
@@ -146978,6 +147009,13 @@ var init6 = /* @__PURE__ */ __name(({ store: store2, provider, singleStory }) =>
       }
       return showToolbar;
     },
+    getShowPanelWithCustomisations(showPanel) {
+      const state3 = store2.getState();
+      if (isFunction5(state3.layoutCustomisations.showPanel)) {
+        return state3.layoutCustomisations.showPanel(state3, showPanel) ?? showPanel;
+      }
+      return showPanel;
+    },
     getNavSizeWithCustomisations(navSize) {
       const state3 = store2.getState();
       if (isFunction5(state3.layoutCustomisations.showSidebar)) {
@@ -147081,7 +147119,6 @@ __export(open_in_editor_exports, {
   init: () => init8
 });
 var import_react65 = __toESM(require_react(), 1);
-init_theming();
 var init8 = /* @__PURE__ */ __name(({ provider, fullAPI }) => {
   const api = {
     openInEditor(payload) {
@@ -147103,6 +147140,7 @@ var init8 = /* @__PURE__ */ __name(({ provider, fullAPI }) => {
     api,
     state: state3,
     init: /* @__PURE__ */ __name(async () => {
+      const { color: color2 } = await Promise.resolve().then(() => (init_theming(), theming_exports));
       provider.channel?.on(OPEN_IN_EDITOR_RESPONSE, (payload) => {
         if (payload.error !== null) {
           fullAPI.addNotification({
@@ -147111,7 +147149,7 @@ var init8 = /* @__PURE__ */ __name(({ provider, fullAPI }) => {
               headline: "Failed to open in editor",
               subHeadline: payload.error || "Check the Storybook process on the command line for more details."
             },
-            icon: import_react65.default.createElement(FailedIcon, { color: color.negative }),
+            icon: import_react65.default.createElement(FailedIcon, { color: color2.negative }),
             duration: 8e3
           });
         }
@@ -147973,8 +148011,9 @@ var init12 = /* @__PURE__ */ __name(({
         }
         if (node2.type === "story") {
           results.push(node2.id);
-        } else if ("children" in node2) {
-          node2.children.forEach((childId) => findChildEntriesRecursively(childId, results));
+        }
+        if ("children" in node2) {
+          node2.children?.forEach((childId) => findChildEntriesRecursively(childId, results));
         }
         return results;
       }, "findChildEntriesRecursively");
@@ -148489,7 +148528,7 @@ var import_memoizerific10 = __toESM(require_memoizerific(), 1);
 var import_semver = __toESM(require_semver2(), 1);
 
 // src/manager-api/version.ts
-var version = "10.0.0-beta.6";
+var version = "10.0.0-beta.8";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope;