studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️(react) migration preview.js to preview.ts

Browse Source 
Storybook 7 allows to simply use typing inside preview.ts configuration file.
This commit is contained in:
Nathan Vasse
2023-05-19 17:09:20 +02:00
committed by NathanVss
parent c53d34834c
commit 6f77131839
2 changed files with 46 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/react/.storybook/preview.js
View File

@@ -1,32 +0,0 @@
import '../src/index.scss'
import '../src/fonts.scss'
import '../src/icons.scss'
export const parameters = {
actions: { argTypesRegex: "^on[A-Z].*" },
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/,
},
},
options: {
storySort: (a, b) => {
const roots = ['Getting Started', 'Components'];
const gettingStartedOrder = ['Installation', 'Colors', 'Spacings', 'Typography'];
const aParts = a.title.split('/');
const bParts = b.title.split('/');
if (aParts[0] !== bParts[0]) {
return roots.indexOf(aParts[0]) - roots.indexOf(bParts[0]);
}
if (aParts[1] !== bParts[1]) {
if (aParts[0] === 'Getting Started') {
return gettingStartedOrder.indexOf(aParts[1]) - gettingStartedOrder.indexOf(bParts[1]);
}
return aParts[1].localeCompare(bParts[1]);
}
return 0;
}
}
}

46
packages/react/.storybook/preview.ts Normal file
View File

@@ -0,0 +1,46 @@
import "../src/index.scss";
import "../src/fonts.scss";
import "../src/icons.scss";
import { Preview } from "@storybook/react";
const preview: Preview = {
parameters: {
actions: { argTypesRegex: "^on[A-Z].*" },
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/,
},
},
options: {
storySort: (a, b) => {
const roots = ["Getting Started", "Components"];
const gettingStartedOrder = [
"Installation",
"Customization",
"Colors",
"Spacings",
"Typography",
];
const aParts = a.title.split("/");
const bParts = b.title.split("/");
if (aParts[0] !== bParts[0]) {
return roots.indexOf(aParts[0]) - roots.indexOf(bParts[0]);
}
if (aParts[1] !== bParts[1]) {
if (aParts[0] === "Getting Started") {
return (
gettingStartedOrder.indexOf(aParts[1]) -
gettingStartedOrder.indexOf(bParts[1])
);
}
return aParts[1].localeCompare(bParts[1]);
}
return 0;
},
},
},
};
export default preview;