Skip to content

Commit 2934a90

Browse files
authored
chore(storybook): improve preview.tsx (#2332)
1 parent 3971477 commit 2934a90

File tree

1 file changed

+28
-26
lines changed

1 file changed

+28
-26
lines changed

packages/storybook/.storybook/preview.tsx

+28-26
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
11
import React from "react";
22
import {themes} from "@storybook/theming";
33
import {NextUIProvider} from "@nextui-org/system/src/provider";
4-
import type { Preview } from '@storybook/react';
4+
import type {Preview} from "@storybook/react";
55

6-
import './style.css'
6+
import "./style.css";
77

8-
const decorators: Preview['decorators'] = [
9-
(Story, {globals: {locale}}) => {
10-
const direction =
11-
// @ts-ignore
12-
locale && new Intl.Locale(locale)?.textInfo?.direction === "rtl" ? "rtl" : undefined;
8+
const decorators: Preview["decorators"] = [
9+
(Story, {globals: {locale}}) => {
10+
const direction =
11+
// @ts-ignore
12+
locale && new Intl.Locale(locale)?.textInfo?.direction === "rtl" ? "rtl" : undefined;
1313

14-
return (
15-
<NextUIProvider locale={locale}>
16-
<div className="bg-dark" lang={locale} dir={direction}>
17-
<Story />
18-
</div>
19-
</NextUIProvider>
20-
);
21-
},
22-
]
14+
return (
15+
<NextUIProvider locale={locale}>
16+
<div className="bg-dark" lang={locale} dir={direction}>
17+
<Story />
18+
</div>
19+
</NextUIProvider>
20+
);
21+
},
22+
];
2323

24-
const commonTheme = {
25-
brandTitle: "NextUI",
26-
brandUrl: "https://nextui.org",
27-
brandTarget: "_self",
28-
}
24+
const commonTheme = {
25+
brandTitle: "NextUI",
26+
brandUrl: "https://nextui.org",
27+
brandTarget: "_self",
28+
};
2929

30-
const parameters: Preview['parameters'] = {
30+
const parameters: Preview["parameters"] = {
3131
actions: {argTypesRegex: "^on[A-Z].*"},
3232
options: {
3333
storySort: {
@@ -103,7 +103,7 @@ const locales = [
103103
"zh-TW",
104104
];
105105

106-
const globalTypes: Preview['globalTypes'] = {
106+
const globalTypes: Preview["globalTypes"] = {
107107
locale: {
108108
toolbar: {
109109
icon: "globe",
@@ -117,8 +117,10 @@ const globalTypes: Preview['globalTypes'] = {
117117
},
118118
};
119119

120-
export default {
120+
const preview: Preview = {
121121
decorators,
122122
parameters,
123-
globalTypes
124-
} satisfies Preview;
123+
globalTypes,
124+
};
125+
126+
export default preview;

0 commit comments

Comments
 (0)