@wavv/ui 1.5.6 → 1.6.0

package/build/cjs/types/components/BarChart.d.ts

@@ -1,32 +1,8 @@
 /// <reference types="react" />
-import { Margin } from './types';
-type ChartData = {
-    name: string;
-};
-type StackData = {
-    key: string;
-    color: string;
-};
-type Default = {
-    /** The property name of the data value key */
-    dataKey: string;
-    stackData?: never;
-};
-type Stacked = {
-    dataKey?: never;
-    /** Stacks multiple data points within a single bar */
-    stackData: StackData[];
-};
-type KeyProps = Default | Stacked;
+import { ChartProps } from './ChartHelpers';
 type Props = {
-    /** Width of the chart */
-    width: number;
-    /** Height of the chart */
-    height: number;
-    /** The chart data array */
-    data: ChartData[];
-    /** Displays a data legend beneath the chart */
-    legend?: boolean;
-} & KeyProps & Margin;
-declare const BarChart: ({ width, height, data, dataKey, legend, stackData, ...rest }: Props) => JSX.Element;
+    /** Stacks multiple data points within a single bar */
+    stacked?: boolean;
+} & ChartProps;
+declare const BarChart: ({ data, legend, keys, stacked, ...rest }: Props) => JSX.Element;
 export default BarChart;

package/build/cjs/types/components/ChartHelpers.d.ts

@@ -1,14 +1,36 @@
 /// <reference types="react" />
 import { TooltipProps } from 'recharts';
 import { Payload } from 'recharts/types/component/DefaultLegendContent';
-import { Margin } from './types';
+import { Margin, WidthHeight } from './types';
+type ChartData = {
+    name: string;
+};
+export type KeyData = {
+    key: string;
+    color: string;
+    hidden?: boolean;
+};
+export type ChartProps = {
+    /** The chart data array */
+    data: ChartData[];
+    /** Designates the chart colors corresponding to the chart's data properties */
+    keys: KeyData[];
+    /** Displays a data legend beneath the chart */
+    legend?: boolean;
+    /** Allows the chart to grow and shrink (default if no explicit width) */
+    responsive?: boolean;
+} & Margin & WidthHeight;
 export declare const ChartStyles: () => JSX.Element;
 export declare const ChartContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Margin, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Margin & import("./types").Width & import("./types").Height & {
+    responsive?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TooltipContent: ({ active, payload, label }: TooltipProps<number, string>) => JSX.Element | null;
 export declare const Tooltip: () => JSX.Element;
-export declare const LegendContent: ({ payload }: {
+export declare const LegendContent: ({ payload, toggleData, }: {
     payload?: Payload[] | undefined;
+    toggleData?: ((item: Payload) => void) | undefined;
 }) => JSX.Element;
+export {};

package/build/cjs/types/components/LineChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChartProps } from './ChartHelpers';
+declare const LineChart: ({ data, legend, keys, ...rest }: ChartProps) => JSX.Element;
+export default LineChart;

package/build/cjs/types/components/PieChart.d.ts

@@ -10,11 +10,10 @@ type Props = {
     data: ChartData[];
     /** The width & height of the chart */
     size?: number;
-    outerRadius?: number;
     /** The radius of the inner circle */
     innerRadius?: number;
     /** Displays a gray chart if no data is present */
     showWhenEmpty?: boolean;
 } & Margin;
-declare const PieChart: ({ size, data, innerRadius, outerRadius, showWhenEmpty, ...rest }: Props) => JSX.Element;
+declare const PieChart: ({ size, data, innerRadius, showWhenEmpty, ...rest }: Props) => JSX.Element;
 export default PieChart;

package/build/cjs/types/components/types.d.ts

@@ -14,6 +14,12 @@ export type Padding = {
     paddingRight?: number | string;
     paddingLeft?: number | string;
 };
+export type MaxWidth = {
+    maxWidth?: number | string;
+};
+export type MaxHeight = {
+    maxHeight?: number | string;
+};
 export type Width = {
     width?: number | string;
 };
@@ -21,6 +27,7 @@ export type Height = {
     height?: number | string;
 };
 export type WidthHeight = Width & Height;
+export type MaxWidthHeight = MaxWidth & MaxHeight;
 export type MarginPadding = Margin & Padding;
 export type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
 export type As = {

package/build/cjs/types/index.d.ts

@@ -16,6 +16,7 @@ export { default as InlineCode } from './components/InlineCode';
 export { default as Input } from './components/Input';
 export { default as InputUtils } from './components/InputHelpers';
 export { default as Label } from './components/Label';
+export { default as LineChart } from './components/LineChart';
 export { default as Menu } from './components/Menu';
 export { default as Message } from './components/Message';
 export { default as MessageHr } from './components/MessageHr';