rte-utils 1.2.318 → 1.2.326
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BuyLineSpot.d.ts +1 -0
- package/dist/components/CostText.d.ts +8 -0
- package/dist/components/Histogramme.d.ts +22 -0
- package/dist/components/Input.d.ts +20 -0
- package/dist/components/Input.stories.d.ts +16 -0
- package/dist/components/LightButton.d.ts +1 -0
- package/dist/components/LightButton.stories.d.ts +8 -0
- package/dist/components/MwhCost.d.ts +8 -0
- package/dist/components/StatusBar.d.ts +26 -0
- package/dist/components/StatusBar.stories.d.ts +14 -0
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -4
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Histogramme.css";
|
|
3
|
+
interface HistogrammeProps {
|
|
4
|
+
/** Maximum value for the bar chart */
|
|
5
|
+
maxValue: number;
|
|
6
|
+
/** Relative/current value to compare against max */
|
|
7
|
+
relativeValue: number;
|
|
8
|
+
/** Value to display in text */
|
|
9
|
+
value: number;
|
|
10
|
+
/** Unit label (e.g., "MWh") */
|
|
11
|
+
unit: string;
|
|
12
|
+
/** Description label (e.g., "Soutirage") */
|
|
13
|
+
label: string;
|
|
14
|
+
/** Background color of the container */
|
|
15
|
+
backgroundColor?: string;
|
|
16
|
+
/** Height of the histogram bar in pixels */
|
|
17
|
+
barHeight?: number;
|
|
18
|
+
/** Width of the component in pixels */
|
|
19
|
+
width?: number;
|
|
20
|
+
}
|
|
21
|
+
export declare const Histogramme: React.FC<HistogrammeProps>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Input.css';
|
|
3
|
+
interface InputNumberProps {
|
|
4
|
+
label: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
onChange?: (value: string) => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
min?: {
|
|
11
|
+
value: number;
|
|
12
|
+
label?: string;
|
|
13
|
+
};
|
|
14
|
+
max?: {
|
|
15
|
+
value: number;
|
|
16
|
+
label?: string;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
export declare const InputNumber: React.FC<InputNumberProps>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Input } from "./Input";
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithValue: Story;
|
|
8
|
+
export declare const Number: Story;
|
|
9
|
+
export declare const Required: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const CustomConstraints: Story;
|
|
12
|
+
export declare const TextWithConstraints: Story;
|
|
13
|
+
export declare const LargeNumbers: Story;
|
|
14
|
+
export declare const ValidationDemo: Story;
|
|
15
|
+
export declare const FocusHighlight: Story;
|
|
16
|
+
export declare const ErrorStyling: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function LightButton(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Button from './Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithIcon: Story;
|
|
8
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './StatusBar.css';
|
|
3
|
+
interface StatusBarProps {
|
|
4
|
+
/** Title or label for the status bar */
|
|
5
|
+
title?: string;
|
|
6
|
+
/** Status text to display in the chip */
|
|
7
|
+
status?: string;
|
|
8
|
+
/** Status chip background color */
|
|
9
|
+
statusColor?: string;
|
|
10
|
+
/** Current production value */
|
|
11
|
+
currentValue?: number;
|
|
12
|
+
/** Maximum capacity value */
|
|
13
|
+
maxValue?: number;
|
|
14
|
+
/** Energy cost or price value */
|
|
15
|
+
energyCost?: number;
|
|
16
|
+
/** Primary color for the histogram */
|
|
17
|
+
primaryColor?: string;
|
|
18
|
+
/** Background color for the histogram max value */
|
|
19
|
+
backgroundColor?: string;
|
|
20
|
+
/** Width of the entire status bar */
|
|
21
|
+
width?: number;
|
|
22
|
+
/** Unit type for the value display */
|
|
23
|
+
valueType?: 'euro' | 'megawatt' | 'europermegawatt';
|
|
24
|
+
}
|
|
25
|
+
export declare const StatusBar: React.FC<StatusBarProps>;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { StatusBar } from './StatusBar';
|
|
3
|
+
declare const meta: Meta<typeof StatusBar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const SolarProduction: Story;
|
|
8
|
+
export declare const WindFarm: Story;
|
|
9
|
+
export declare const NuclearPlant: Story;
|
|
10
|
+
export declare const Maintenance: Story;
|
|
11
|
+
export declare const EuroCost: Story;
|
|
12
|
+
export declare const Compact: Story;
|
|
13
|
+
export declare const HighUtilization: Story;
|
|
14
|
+
export declare const Interactive: Story;
|