[]}
- intervalType={intervalType}
- operationalPoints={operationalPoints}
- setData={setData}
- showValues
- />
- );
- default:
- return
;
- }
-};
-
-/**
- * This component allows a user to edit ranges on a path and to attribute a value to each range.
- * The value can either be a number, a number with a unit or a string selected among options.
- *
- * The component displays the path and the intervals, but it can also display some special points (named operationalPoints)
- * and additional range data, below the intervals editor.
- *
- * Here are some features implemented by the component:
- * - the user can create a new range, split an existing range, merge a range into its right neighbor or delete a range
- * - the user can resize a range thanks to its side bar (on its right)
- * - the user can also click on a range to edit its extremities and its value
- * - the user can zoom in and out thanks to the zoom buttons or by scrolling on the component
- * - the user can drag & drop the component to slide to the left or the right
- * - when resizing, the user can snap to the closest operationalPoint
- */
-export default {
- title: 'Common/IntervalsDemonstrator',
- component: IntervalsEditorWrapper,
- argTypes: {
- additionalDataItem: {
- description: 'Additional read-only range data that will be displayed below the chart.',
- },
- defaultValue: {
- description: 'Default value that will be given to any new range.',
- },
- defaultUnit: {
- description:
- 'Default unit that will be given to any new range if interval type is NUMBER_WITH_UNIT.',
- },
- emptyValue: {
- description:
- 'If a range has its value === emptyValue, then it will be displayed as empty (crossed red lines).',
- },
- fieldLabel: {
- description:
- 'Name of the value of the ranges. It is displayed in the form when a range is selected.',
- },
- data: {
- description:
- 'Array of ranges. Each range should have a begin (number), an end (number) and a value whose type depends on intervalType.' +
- 'These array of ranges always cover the whole path.',
- },
- intervalType: {
- description:
- 'IntervalType gives the information on what type is the value of each range.' +
- 'It can be a number (NUMBER), a number with a unit (NUMBER_WITH_UNIT) or a string selected from a set of options (SELECT).',
- },
- operationalPoints: {
- description: 'Array of remarkable points on path. The user can snap on them when resizing.',
- },
- selectOptions: {
- description: 'Select options for the value. It is required if intervalType is SELECT.',
- },
- title: { description: 'Title of the container of the intervals editor.' },
- toolsConfig: {
- description: 'Configuration of the tools: indicates which tool should be available or not.',
- },
- totalLength: { description: 'Total length of the path.' },
- units: { description: 'Array of units. It is required if intervalType is NUMBER_WITH_UNIT.' },
- },
-};
-
-export const Number = {
- args: {
- defaultValue: 1,
- data: [
- { begin: 0, end: 1000, value: 1 },
- { begin: 1000, end: 6000 },
- { begin: 6000, end: 7000, value: 3 },
- { begin: 7000, end: 8000, value: 6 },
- { begin: 8000, end: 9000, value: 3 },
- { begin: 9000, end: 14000, value: 0 },
- { begin: 14000, end: 15000, value: -3 },
- { begin: 15000, end: 16000, value: -6 },
- { begin: 16000, end: 17000, value: -3 },
- { begin: 17000, end: 25000, value: 0 },
- ],
- emptyValue: 0,
- fieldLabel: 'gradient',
- intervalType: INTERVAL_TYPES.NUMBER,
- title: 'Gradient on path',
- toolsConfig: {
- deleteTool: true,
- translateTool: false,
- cutTool: true,
- addTool: true,
- },
- totalLength: 25000,
- units: ['s', 'm'],
- } as IntervalsEditorProps,
-};
-
-export const NumberWithUnit = {
- args: {
- defaultValue: 1,
- data: [
- { begin: 0, end: 6000, value: 0, unit: 's' },
- { begin: 6000, end: 7000, value: 3, unit: 's' },
- { begin: 7000, end: 8000, value: 6, unit: 's' },
- { begin: 8000, end: 9000, value: 3, unit: 's' },
- { begin: 9000, end: 14000, value: 0, unit: 's' },
- { begin: 14000, end: 15000, value: -3, unit: 's' },
- { begin: 15000, end: 16000, value: -6, unit: 's' },
- { begin: 16000, end: 17000, value: -3, unit: 'm' },
- { begin: 17000, end: 25000, value: 0, unit: 's' },
- ],
- emptyValue: 0,
- fieldLabel: 'gradient',
- intervalType: INTERVAL_TYPES.NUMBER_WITH_UNIT,
- title: 'Gradient on path',
- toolsConfig: {
- deleteTool: true,
- translateTool: false,
- cutTool: true,
- addTool: true,
- },
- totalLength: 25000,
- units: ['s', 'm'],
- } as IntervalsEditorProps,
-};
-
-export const Select = {
- args: {
- additionalData: [
- { begin: 0, end: 10000, value: '25000V' },
- { begin: 10000, end: 20000, value: '' },
- { begin: 20000, end: 22000, value: '1500V' },
- { begin: 22000, end: 25000, value: '25000V' },
- ],
- defaultValue: '',
- emptyValue: '',
- data: [
- { begin: 0, end: 6000, value: '' },
- { begin: 6000, end: 7000, value: 'U3' },
- { begin: 7000, end: 8000, value: 'U5' },
- { begin: 8000, end: 9000, value: 'U4' },
- { begin: 9000, end: 14000, value: '' },
- { begin: 14000, end: 15000, value: 'U1' },
- { begin: 15000, end: 16000, value: 'U3' },
- { begin: 16000, end: 17000, value: 'U3' },
- { begin: 17000, end: 25000, value: '' },
- ],
- fieldLabel: 'value',
- intervalType: INTERVAL_TYPES.SELECT,
- selectOptions: ['U1', 'U2', 'U3', 'U4', 'U5'],
- title: 'Power restrictions on path',
- toolsConfig: {
- deleteTool: true,
- translateTool: false,
- cutTool: true,
- addTool: true,
- },
- totalLength: 25000,
- } as IntervalsEditorProps,
-};
diff --git a/front/src/stories/Introduction.stories.mdx b/front/src/stories/Introduction.stories.mdx
deleted file mode 100644
index c39204368c1..00000000000
--- a/front/src/stories/Introduction.stories.mdx
+++ /dev/null
@@ -1,223 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-import Code from './assets/code-brackets.svg';
-import Colors from './assets/colors.svg';
-import Comments from './assets/comments.svg';
-import Direction from './assets/direction.svg';
-import Flow from './assets/flow.svg';
-import Plugin from './assets/plugin.svg';
-import Repo from './assets/repo.svg';
-import StackAlt from './assets/stackalt.svg';
-import OSRDLogo from '../assets/logo-osrd-color-white.svg';
-
-
-
-
Configure StoryBook
-
-
-
-Learn StoryBook
-
-
-
-
- Tip Edit the Markdown in stories/Introduction.stories.mdx
-
diff --git a/front/src/stories/RollingStockSelector.stories.tsx b/front/src/stories/RollingStockSelector.stories.tsx
deleted file mode 100644
index c18d3b0c2b9..00000000000
--- a/front/src/stories/RollingStockSelector.stories.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import type { Meta } from '@storybook/react';
-
-import exampleRollingStockImage1 from 'assets/defaultRSImages/example_rolling_stock_image_1.gif';
-import exampleRollingStockImage2 from 'assets/defaultRSImages/example_rolling_stock_image_2.gif';
-import type { Comfort } from 'common/api/osrdEditoastApi';
-import { RollingStockSelector } from 'modules/rollingStock/components/RollingStockSelector';
-import ROLLING_STOCK_SAMPLE_DATA from 'modules/rollingStock/components/RollingStockSelector/sampleData';
-
-export default {
- title: 'Common/RollingStockSelector',
- component: RollingStockSelector,
-} as Meta;
-
-const image = (
- <>
- illustration/code-brackets illustration/colors illustration/comments illustration/direction illustration/flow illustration/plugin illustration/repo illustration/stackalt 
-
-
- Presets for popular tools
- Easy setup for TypeScript, SCSS and more.
-
-
-
- 
-
- Build configuration
- How to customize webpack and Babel
-
-
-
- 
-
- Styling
- How to load and configure CSS libraries
-
-
-
- 
-
- Data
- Providers and mocking for data libraries
-
-
-
-
- Storybook documentation
- Configure, customize, and extend
-
-
-
- 
-
- In-depth guides
- Best practices from leading teams
-
-
-
- 
-
- GitHub project
- View the source and add issues
-
-
-
- 
-
- Discord chat
- Chat with maintainers and the community
-
-
-