@storybook/nextjs 8.0.0-alpha.7 → 8.0.0-alpha.8

package/dist/images/decorator.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as Addon_StoryContext } from '../index.d-0a6e03f5.js';
+import { a as Addon_StoryContext } from '../index.d-9ff5bc46.js';
 import 'file-system-cache';
 import '@babel/core';
 import 'http';

package/dist/{index.d-0a6e03f5.d.ts → index.d-9ff5bc46.d.ts}

@@ -2765,20 +2765,6 @@ type StoriesEntry = string | StoriesSpecifier;
 interface IndexerOptions {
     makeTitle: (userTitle?: string) => string;
 }
-interface IndexedStory {
-    id: string;
-    name: string;
-    tags?: Tag[];
-    parameters?: Parameters;
-}
-interface IndexedCSFFile {
-    meta: {
-        id?: string;
-        title?: string;
-        tags?: Tag[];
-    };
-    stories: IndexedStory[];
-}
 /**
  * FIXME: This is a temporary type to allow us to deprecate the old indexer API.
  * We should remove this type and the deprecated indexer API in 8.0.
@@ -2800,19 +2786,7 @@ type Indexer = BaseIndexer & {
      * @returns A promise that resolves to an array of {@link IndexInput} objects.
      */
     createIndex: (fileName: string, options: IndexerOptions) => Promise<IndexInput[]>;
-    /**
-     * @deprecated Use {@link index} instead
-     */
-    indexer?: never;
-};
-type DeprecatedIndexer = BaseIndexer & {
-    indexer: (fileName: string, options: IndexerOptions) => Promise<IndexedCSFFile>;
-    createIndex?: never;
 };
-/**
- * @deprecated Use {@link Indexer} instead
- */
-type StoryIndexer = Indexer | DeprecatedIndexer;
 /**
  * The base input for indexing a story or docs entry.
  */
@@ -2948,10 +2922,6 @@ interface CLIOptions {
     host?: string;
     initialPath?: string;
     exactPort?: boolean;
-    /**
-     * @deprecated Use 'staticDirs' Storybook Configuration option instead
-     */
-    staticDir?: string[];
     configDir?: string;
     https?: boolean;
     sslCa?: string[];
@@ -3143,7 +3113,6 @@ interface StorybookConfigRaw {
     babelDefault?: TransformOptions;
     config?: Entry[];
     previewAnnotations?: Entry[];
-    storyIndexers?: StoryIndexer[];
     experimental_indexers?: Indexer[];
     docs?: DocsOptions;
     previewHead?: string;

package/dist/preset.d.ts

@@ -1,4 +1,4 @@
-import { P as PresetProperty } from './index.d-0a6e03f5.js';
+import { P as PresetProperty } from './index.d-9ff5bc46.js';
 import { StorybookConfig } from './index.js';
 import 'file-system-cache';
 import '@babel/core';

package/dist/preview.d.ts

@@ -1,4 +1,4 @@
-import { A as Addon_DecoratorFunction } from './index.d-0a6e03f5.js';
+import { A as Addon_DecoratorFunction } from './index.d-9ff5bc46.js';
 import 'file-system-cache';
 import '@babel/core';
 import 'http';

package/dist/rsc/preview.d.ts

@@ -1,4 +1,4 @@
-import { A as Addon_DecoratorFunction } from '../index.d-0a6e03f5.js';
+import { A as Addon_DecoratorFunction } from '../index.d-9ff5bc46.js';
 import 'file-system-cache';
 import '@babel/core';
 import 'http';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "8.0.0-alpha.7",
+  "version": "8.0.0-alpha.8",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
@@ -89,14 +89,14 @@
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.2",
     "@babel/runtime": "^7.23.2",
-    "@storybook/addon-actions": "8.0.0-alpha.7",
-    "@storybook/builder-webpack5": "8.0.0-alpha.7",
-    "@storybook/core-common": "8.0.0-alpha.7",
-    "@storybook/core-events": "8.0.0-alpha.7",
-    "@storybook/node-logger": "8.0.0-alpha.7",
-    "@storybook/preset-react-webpack": "8.0.0-alpha.7",
-    "@storybook/preview-api": "8.0.0-alpha.7",
-    "@storybook/react": "8.0.0-alpha.7",
+    "@storybook/addon-actions": "8.0.0-alpha.8",
+    "@storybook/builder-webpack5": "8.0.0-alpha.8",
+    "@storybook/core-common": "8.0.0-alpha.8",
+    "@storybook/core-events": "8.0.0-alpha.8",
+    "@storybook/node-logger": "8.0.0-alpha.8",
+    "@storybook/preset-react-webpack": "8.0.0-alpha.8",
+    "@storybook/preview-api": "8.0.0-alpha.8",
+    "@storybook/react": "8.0.0-alpha.8",
     "@types/node": "^18.0.0",
     "@types/semver": "^7.3.4",
     "css-loader": "^6.7.3",

package/template/cli/js/Button.stories.js

@@ -1,3 +1,4 @@
+import { fn } from '@storybook/test';
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
@@ -14,6 +15,8 @@ export default {
   argTypes: {
     backgroundColor: { control: 'color' },
   },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
 };
 
 // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args

package/template/cli/ts-3-8/Button.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-
+import { fn } from '@storybook/test';
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
@@ -16,6 +16,8 @@ const meta: Meta<typeof Button> = {
   argTypes: {
     backgroundColor: { control: 'color' },
   },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
 };
 
 export default meta;

package/template/cli/ts-3-8/Header.tsx

@@ -9,9 +9,9 @@ type User = {
 
 interface HeaderProps {
   user?: User;
-  onLogin: () => void;
-  onLogout: () => void;
-  onCreateAccount: () => void;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  onCreateAccount?: () => void;
 }
 
 export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => (

package/template/cli/ts-4-9/Button.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-
+import { fn } from '@storybook/test';
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
@@ -16,6 +16,8 @@ const meta = {
   argTypes: {
     backgroundColor: { control: 'color' },
   },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
 } satisfies Meta<typeof Button>;
 
 export default meta;

package/template/cli/ts-4-9/Header.tsx

@@ -9,9 +9,9 @@ type User = {
 
 interface HeaderProps {
   user?: User;
-  onLogin: () => void;
-  onLogout: () => void;
-  onCreateAccount: () => void;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  onCreateAccount?: () => void;
 }
 
 export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => (