storybook: move manchette's stories into /storybook

Signed-off-by: Clara Ni <[email protected]>
OpenRailAssociation · Mar 7, 2025 · ec1ee77 · ec1ee77
1 parent 5188d5b
commit ec1ee77
Show file tree

Hide file tree

Showing 9 changed files with 33 additions and 59 deletions.
diff --git a/storybook/stories/ManchetteSplit/sampleData.ts b/storybook/stories/ManchetteSplit/sampleData.ts
diff --git a/...e/Manchette/stories/Manchette.stories.tsx → ...ui-charts/manchette/Manchette.stories.tsx b/...e/Manchette/stories/Manchette.stories.tsx → ...ui-charts/manchette/Manchette.stories.tsx
@@ -1,9 +1,9 @@
+import { Manchette } from '@osrd-project/ui-charts';
 import '@osrd-project/ui-core/dist/theme.css';
 import '@osrd-project/ui-charts/dist/theme.css';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { SAMPLE_WAYPOINTS } from './assets/sampleData';
-import Manchette from '../components/Manchette';
 
 const meta: Meta<typeof Manchette> = {
   component: Manchette,

diff --git a/...ManchetteSplit/ManchetteSplit.stories.tsx → ...arts/manchette/ManchetteSplit.stories.tsx b/...ManchetteSplit/ManchetteSplit.stories.tsx → ...arts/manchette/ManchetteSplit.stories.tsx
@@ -5,7 +5,7 @@ import { Manchette } from '@osrd-project/ui-charts';
 import '@osrd-project/ui-core/dist/theme.css';
 import type { Meta, StoryObj } from '@storybook/react';
 
-import WAYPOINTS_DATA from './sampleData';
+import { SAMPLE_WAYPOINTS } from './assets/sampleData';
 
 const meta: Meta<typeof Manchette> = {
   component: Manchette,
@@ -26,12 +26,12 @@ const customDiv = (
 export const Default: Story = {
   args: {
     contents: [
-      WAYPOINTS_DATA[0],
+      SAMPLE_WAYPOINTS[0],
       customDiv,
-      WAYPOINTS_DATA[1],
-      WAYPOINTS_DATA[2],
+      SAMPLE_WAYPOINTS[1],
+      SAMPLE_WAYPOINTS[2],
       customDiv,
-      WAYPOINTS_DATA[3],
+      SAMPLE_WAYPOINTS[3],
       customDiv,
     ],
   },

diff --git a/...te/Manchette/stories/assets/sampleData.ts → .../ui-charts/manchette/assets/sampleData.ts b/...te/Manchette/stories/assets/sampleData.ts → .../ui-charts/manchette/assets/sampleData.ts
@@ -1,4 +1,4 @@
-import { type Waypoint } from '../../types';
+import { type Waypoint } from '@osrd-project/ui-charts';
 
 export const SAMPLE_WAYPOINTS: Waypoint[] = [
   {

diff --git a/...chetteWithSpaceTimeChart/stories/Menu.tsx → ...arts/manchetteWithSpaceTimeChart/Menu.tsx b/...chetteWithSpaceTimeChart/stories/Menu.tsx → ...arts/manchetteWithSpaceTimeChart/Menu.tsx
diff --git a/...teWithSpaceTimeChart/assets/sampleData.ts → ...teWithSpaceTimeChart/assets/sampleData.ts b/...teWithSpaceTimeChart/assets/sampleData.ts → ...teWithSpaceTimeChart/assets/sampleData.ts
@@ -1,4 +1,4 @@
-import { type ProjectPathTrainResult, type Waypoint } from '../../Manchette';
+import { type ProjectPathTrainResult, type Waypoint } from '@osrd-project/ui-charts';
 
 export const SAMPLE_WAYPOINTS: Waypoint[] = [
   {

diff --git a/...ories/base-with-waypoint-menu.stories.tsx → ...Chart/base-with-waypoint-menu.stories.tsx b/...ories/base-with-waypoint-menu.stories.tsx → ...Chart/base-with-waypoint-menu.stories.tsx
@@ -1,17 +1,22 @@
 import React, { useEffect, useRef, useState } from 'react';
 
+import {
+  PathLayer,
+  SpaceTimeChart,
+  Manchette,
+  type ProjectPathTrainResult,
+  type Waypoint,
+  useManchetteWithSpaceTimeChart,
+} from '@osrd-project/ui-charts';
 import { EyeClosed, Telescope } from '@osrd-project/ui-icons';
 import type { Meta } from '@storybook/react';
 import '@osrd-project/ui-core/dist/theme.css';
 import '@osrd-project/ui-charts/dist/theme.css';
 import cx from 'classnames';
 import { createPortal } from 'react-dom';
 
+import { SAMPLE_PATHS_DATA, SAMPLE_WAYPOINTS } from './assets/sampleData';
 import Menu, { type MenuItem } from './Menu';
-import { PathLayer, SpaceTimeChart } from '../../../spaceTimeChart';
-import Manchette, { type ProjectPathTrainResult, type Waypoint } from '../../Manchette';
-import { SAMPLE_WAYPOINTS, SAMPLE_PATHS_DATA } from '../assets/sampleData';
-import useManchettesWithSpaceTimeChart from '../hooks/useManchetteWithSpaceTimeChart';
 
 type ManchetteWithSpaceTimeWrapperProps = {
   waypoints: Waypoint[];
@@ -63,7 +68,7 @@ const ManchetteWithSpaceTimeWrapper = ({
     setActiveWaypointId(waypointId);
   };
 
-  const { manchetteProps, spaceTimeChartProps, handleScroll } = useManchettesWithSpaceTimeChart(
+  const { manchetteProps, spaceTimeChartProps, handleScroll } = useManchetteWithSpaceTimeChart(
     waypoints,
     projectPathTrainResult,
     manchetteWithSpaceTimeChartRef,

diff --git a/...thSpaceTimeChart/stories/base.stories.tsx → ...chetteWithSpaceTimeChart/base.stories.tsx b/...thSpaceTimeChart/stories/base.stories.tsx → ...chetteWithSpaceTimeChart/base.stories.tsx
@@ -1,14 +1,18 @@
 import React, { useRef } from 'react';
 
-import type { Meta } from '@storybook/react';
-
 import '@osrd-project/ui-core/dist/theme.css';
 import '@osrd-project/ui-charts/dist/theme.css';
+import {
+  PathLayer,
+  SpaceTimeChart,
+  Manchette,
+  useManchetteWithSpaceTimeChart,
+  type ProjectPathTrainResult,
+  type Waypoint,
+} from '@osrd-project/ui-charts';
+import type { Meta } from '@storybook/react';
 
-import { PathLayer, SpaceTimeChart } from '../../../spaceTimeChart';
-import Manchette, { type ProjectPathTrainResult, type Waypoint } from '../../Manchette';
-import { SAMPLE_WAYPOINTS, SAMPLE_PATHS_DATA } from '../assets/sampleData';
-import useManchettesWithSpaceTimeChart from '../hooks/useManchetteWithSpaceTimeChart';
+import { SAMPLE_WAYPOINTS, SAMPLE_PATHS_DATA } from './assets/sampleData';
 
 type ManchetteWithSpaceTimeWrapperProps = {
   waypoints: Waypoint[];
@@ -25,7 +29,7 @@ const ManchetteWithSpaceTimeWrapper = ({
 }: ManchetteWithSpaceTimeWrapperProps) => {
   const manchetteWithSpaceTimeChartRef = useRef<HTMLDivElement>(null);
 
-  const { manchetteProps, spaceTimeChartProps, handleScroll } = useManchettesWithSpaceTimeChart(
+  const { manchetteProps, spaceTimeChartProps, handleScroll } = useManchetteWithSpaceTimeChart(
     waypoints,
     projectPathTrainResult,
     manchetteWithSpaceTimeChartRef,

diff --git a/...SpaceTimeChart/stories/simple.stories.tsx → ...etteWithSpaceTimeChart/simple.stories.tsx b/...SpaceTimeChart/stories/simple.stories.tsx → ...etteWithSpaceTimeChart/simple.stories.tsx
@@ -1,10 +1,9 @@
-import type { Meta } from '@storybook/react';
-
-import '@osrd-project/ui-core/dist/theme.css';
+import { ManchetteWithSpaceTimeChart } from '@osrd-project/ui-charts';
 import '@osrd-project/ui-charts/dist/theme.css';
+import '@osrd-project/ui-core/dist/theme.css';
+import type { Meta } from '@storybook/react';
 
-import { SAMPLE_WAYPOINTS, SAMPLE_PATHS_DATA } from '../assets/sampleData';
-import ManchetteWithSpaceTimeChart from '../components/ManchetteWithSpaceTimeChart';
+import { SAMPLE_WAYPOINTS, SAMPLE_PATHS_DATA } from './assets/sampleData';
 
 const meta: Meta<typeof ManchetteWithSpaceTimeChart> = {
   title: 'Manchette with SpaceTimeChart/simple',