@floegence/floe-webapp-core 0.74.2 → 0.76.0
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/ui/Charts.d.ts +8 -5
- package/dist/components/ui/Charts.js +385 -369
- package/dist/components/ui/Settings.js +78 -69
- package/dist/reload-placeholder.js +34 -32
- package/dist/styles.css +1 -1
- package/dist/ui.css +29 -0
- package/package.json +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type JSX } from 'solid-js';
|
|
1
2
|
export interface ChartDataPoint {
|
|
2
3
|
/** Label for the data point (x-axis or legend) */
|
|
3
4
|
label: string;
|
|
@@ -71,7 +72,7 @@ export interface LineChartProps {
|
|
|
71
72
|
* - Interactive hover with crosshair and tooltip
|
|
72
73
|
* - Responsive design
|
|
73
74
|
*/
|
|
74
|
-
export declare function LineChart(props: LineChartProps):
|
|
75
|
+
export declare function LineChart(props: LineChartProps): JSX.Element;
|
|
75
76
|
export interface AreaChartProps extends Omit<LineChartProps, 'showArea'> {
|
|
76
77
|
/** Stacked area chart */
|
|
77
78
|
stacked?: boolean;
|
|
@@ -80,7 +81,7 @@ export interface AreaChartProps extends Omit<LineChartProps, 'showArea'> {
|
|
|
80
81
|
* AreaChart - A line chart variant with filled areas.
|
|
81
82
|
* Ideal for showing volume or cumulative data.
|
|
82
83
|
*/
|
|
83
|
-
export declare function AreaChart(props: AreaChartProps):
|
|
84
|
+
export declare function AreaChart(props: AreaChartProps): JSX.Element;
|
|
84
85
|
export interface DataBarChartProps {
|
|
85
86
|
/** Data points to display */
|
|
86
87
|
data: ChartDataPoint[];
|
|
@@ -107,7 +108,7 @@ export interface DataBarChartProps {
|
|
|
107
108
|
* - Gradient or solid fill
|
|
108
109
|
* - Animated bars
|
|
109
110
|
*/
|
|
110
|
-
export declare function DataBarChart(props: DataBarChartProps):
|
|
111
|
+
export declare function DataBarChart(props: DataBarChartProps): JSX.Element;
|
|
111
112
|
export interface DataPieChartProps {
|
|
112
113
|
/** Data points to display */
|
|
113
114
|
data: ChartDataPoint[];
|
|
@@ -133,7 +134,7 @@ export interface DataPieChartProps {
|
|
|
133
134
|
* - Legend with percentages
|
|
134
135
|
* - Hover effects
|
|
135
136
|
*/
|
|
136
|
-
export declare function DataPieChart(props: DataPieChartProps):
|
|
137
|
+
export declare function DataPieChart(props: DataPieChartProps): JSX.Element;
|
|
137
138
|
export interface MonitoringChartProps {
|
|
138
139
|
/** Data series to display */
|
|
139
140
|
series: ChartSeries[];
|
|
@@ -158,6 +159,8 @@ export interface MonitoringChartProps {
|
|
|
158
159
|
class?: string;
|
|
159
160
|
/** Title displayed above the chart */
|
|
160
161
|
title?: string;
|
|
162
|
+
/** Readings or other metadata displayed alongside the title and live status. */
|
|
163
|
+
headerMeta?: JSX.Element;
|
|
161
164
|
/** Whether real-time updates are enabled */
|
|
162
165
|
realtime?: boolean;
|
|
163
166
|
/** Use smooth curves instead of straight lines */
|
|
@@ -186,7 +189,7 @@ export interface MonitoringChartProps {
|
|
|
186
189
|
* - Smooth animations
|
|
187
190
|
* - Multiple metrics support
|
|
188
191
|
*/
|
|
189
|
-
export declare function MonitoringChart(props: MonitoringChartProps):
|
|
192
|
+
export declare function MonitoringChart(props: MonitoringChartProps): JSX.Element;
|
|
190
193
|
declare const _default: {
|
|
191
194
|
LineChart: typeof LineChart;
|
|
192
195
|
AreaChart: typeof AreaChart;
|