hubbi-ui 1.0.0 → 1.1.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/bargraph/bargraph.d.ts +10 -0
- package/dist/components/bargraph/bargraph.stories.d.ts +7 -0
- package/dist/components/bargraph/index.d.ts +2 -0
- package/dist/components/doughnutgraph/doughnutgraph.d.ts +9 -0
- package/dist/components/doughnutgraph/doughnutgraph.stories.d.ts +6 -0
- package/dist/components/doughnutgraph/index.d.ts +2 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/linegraph/index.d.ts +2 -0
- package/dist/components/linegraph/linegraph.d.ts +9 -0
- package/dist/components/linegraph/linegraph.stories.d.ts +6 -0
- package/dist/components/metriccard/metriccard.d.ts +6 -1
- package/dist/hubbi-ui.cjs.js +27 -10
- package/dist/hubbi-ui.es.js +8740 -884
- package/dist/hubbi-ui.umd.js +27 -10
- package/package.json +4 -2
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ChartOptions, ChartData } from 'chart.js';
|
|
3
|
+
export interface BarGraphProps {
|
|
4
|
+
data: ChartData<'bar'>;
|
|
5
|
+
options?: ChartOptions<'bar'>;
|
|
6
|
+
orientation?: 'vertical' | 'horizontal';
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const BarGraph: React.FC<BarGraphProps>;
|
|
10
|
+
export default BarGraph;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { default as BarGraph } from './bargraph';
|
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: Meta<typeof BarGraph>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof BarGraph>;
|
|
6
|
+
export declare const Vertical: Story;
|
|
7
|
+
export declare const Horizontal: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ChartOptions, ChartData } from 'chart.js';
|
|
3
|
+
export interface DoughnutGraphProps {
|
|
4
|
+
data: ChartData<'doughnut'>;
|
|
5
|
+
options?: ChartOptions<'doughnut'>;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const DoughnutGraph: React.FC<DoughnutGraphProps>;
|
|
9
|
+
export default DoughnutGraph;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as DoughnutGraph } from './doughnutgraph';
|
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: Meta<typeof DoughnutGraph>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof DoughnutGraph>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -16,3 +16,6 @@ export * from './spinner';
|
|
|
16
16
|
export * from './tabs';
|
|
17
17
|
export * from './text';
|
|
18
18
|
export * from './wrapper';
|
|
19
|
+
export { default as BarGraph } from './bargraph';
|
|
20
|
+
export { default as DoughnutGraph } from './doughnutgraph';
|
|
21
|
+
export { default as LineGraph } from './linegraph';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ChartOptions, ChartData } from 'chart.js';
|
|
3
|
+
export interface LineGraphProps {
|
|
4
|
+
data: ChartData<'line'>;
|
|
5
|
+
options?: ChartOptions<'line'>;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const LineGraph: React.FC<LineGraphProps>;
|
|
9
|
+
export default LineGraph;
|
|
@@ -5,6 +5,11 @@ interface MetricCardProps {
|
|
|
5
5
|
trend?: "up" | "down";
|
|
6
6
|
icon: React.ElementType;
|
|
7
7
|
loading?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
titleClassName?: string;
|
|
10
|
+
valueClassName?: string;
|
|
11
|
+
changeClassName?: string;
|
|
12
|
+
iconClassName?: string;
|
|
8
13
|
}
|
|
9
|
-
export declare function MetricCard({ title, value, change, trend, icon: Icon, loading, }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function MetricCard({ className, title, titleClassName, value, valueClassName, change, changeClassName, trend, icon: Icon, iconClassName, loading, }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
|
|
10
15
|
export {};
|