feat(voronoi): move stories to the dedicated storybook workspace

plouc · Apr 29, 2023 · f4030a8 · f4030a8
1 parent 8be3c80
commit f4030a8
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 32 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/storybook/package.json b/storybook/package.json
@@ -38,6 +38,7 @@
     "@nivo/swarmplot": "workspace:*",
     "@nivo/tooltip": "workspace:*",
     "@nivo/treemap": "workspace:*",
+    "@nivo/voronoi": "workspace:*",
     "@nivo/waffle": "workspace:*",
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",

diff --git a/packages/voronoi/stories/voronoi.stories.tsx → ...ybook/stories/voronoi/Voronoi.stories.tsx b/packages/voronoi/stories/voronoi.stories.tsx → ...ybook/stories/voronoi/Voronoi.stories.tsx
@@ -1,9 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react'
 import { useState, useEffect } from 'react'
-import { storiesOf } from '@storybook/react'
 import { line, curveLinearClosed } from 'd3-shape'
-import { Voronoi, VoronoiCustomLayerProps } from '../src'
+import { Voronoi, VoronoiCustomLayerProps } from '@nivo/voronoi'
 
-const stories = storiesOf('Voronoi', module)
+const meta: Meta<typeof Voronoi> = {
+    title: 'Voronoi',
+    component: Voronoi,
+    tags: ['autodocs'],
+}
+
+export default meta
+type Story = StoryObj<typeof Voronoi>
 
 const lineGenerator = line<[number, number]>().curve(curveLinearClosed)
 
@@ -150,7 +157,7 @@ const Layer = ({ points, voronoi }: VoronoiCustomLayerProps) => {
 
 const randColor = () => '#' + (0x1000000 + Math.random() * 0xffffff).toString(16).substr(1, 6)
 
-const Nekoronoi = () => {
+const NekoronoiComponent = () => {
     const [data, setData] = useState([
         {
             id: 'cat_00',
@@ -235,4 +242,6 @@ const Nekoronoi = () => {
     )
 }
 
-stories.add('nekoronoi', () => <Nekoronoi />)
+export const Nekoronoi: Story = {
+    render: () => <NekoronoiComponent />,
+}