Skip to content

[Storybook] Improve typing, add doc links & remove redundant JSDoc in preview.tsx #11745

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Dec 8, 2024
Merged

[Storybook] Improve typing, add doc links & remove redundant JSDoc in preview.tsx #11745

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
0679dee
Improve typing, add doc links & remove redundant JSDoc
Philzen Dec 5, 2024
06b6893
Shorten exampleDecorator and add empty decorators array to default ex…
Philzen Dec 5, 2024
e0e5c68
Improve storybook.preview.tsx.template and migrate to Storybook 7 style
Philzen Dec 5, 2024
66b2e84
Improve mantine.storybook.preview.tsx.template and migrate to Storybo…
Philzen Dec 5, 2024
718c84f
Improve chakra.storybook.preview.tsx.template and migrate to Storyboo…
Philzen Dec 5, 2024
108a1b0
Shorten withMantine decorator component declartion with implicit return
Philzen Dec 5, 2024
dfaf900
Fix formatting and remove redundant React prefix
Philzen Dec 5, 2024
f3db437
Ensure generated file adheres to eslint config
Philzen Dec 6, 2024
4f9973e
Ensure imports are sorted in generated file
Philzen Dec 6, 2024
cb45574
changeset
Tobbe Dec 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 7 additions & 6 deletions packages/cli/src/lib/templates/storybook.preview.tsx.template
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,19 @@
import * as React from 'react'

import type { GlobalTypes } from '@storybook/csf'
import type { StoryFn, StoryContext } from '@storybook/react'
import type { Preview, StoryFn, StoryContext } from '@storybook/react'

/** @type { import("@storybook/csf").GlobalTypes } */
/** @see {@link https://storybook.js.org/docs/7/essentials/toolbars-and-globals#global-types-and-the-toolbar-annotation | Global types and the toolbar annotation} */
export const globalTypes: GlobalTypes = {}

/**
* An example, no-op storybook decorator. Use a function like this to create decorators.
* @param { import("@storybook/react").StoryFn} StoryFn
* @param { import("@storybook/react").StoryContext} context
*/
* @see {@link https://storybook.js.org/docs/7/essentials/toolbars-and-globals#create-a-decorator | Create a decorator}
*/
const _exampleDecorator = (StoryFn: StoryFn, _context: StoryContext) => {
return <StoryFn />
}

export const decorators = []
const preview: Preview = {}

export default preview
Loading