@wavv/ui 1.5.4 → 1.5.6

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

@@ -3,6 +3,21 @@ 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;
 type Props = {
     /** Width of the chart */
     width: number;
@@ -10,8 +25,8 @@ type Props = {
     height: number;
     /** The chart data array */
     data: ChartData[];
-    /** The property name of the data value key */
-    dataKey: string;
-} & Margin;
-declare const BarChart: ({ width, height, data, dataKey, ...rest }: Props) => JSX.Element;
+    /** Displays a data legend beneath the chart */
+    legend?: boolean;
+} & KeyProps & Margin;
+declare const BarChart: ({ width, height, data, dataKey, legend, stackData, ...rest }: Props) => JSX.Element;
 export default BarChart;

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

@@ -1,7 +1,14 @@
 /// <reference types="react" />
+import { TooltipProps } from 'recharts';
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
 import { Margin } from './types';
+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>, {}>;
+export declare const TooltipContent: ({ active, payload, label }: TooltipProps<number, string>) => JSX.Element | null;
 export declare const Tooltip: () => JSX.Element;
+export declare const LegendContent: ({ payload }: {
+    payload?: Payload[] | undefined;
+}) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import { MouseEvent, ReactNode } from 'react';
-import { Padding, WidthHeight } from './types';
+import { FlexPosition, Padding, WidthHeight } from './types';
 type MenuProps = {
     /** Displays the menu as a vertical, stacked menu */
     vertical?: boolean;
@@ -40,7 +40,7 @@ type MenuItemProps = {
     /** Prevents the Menu Item from being clicked */
     disabled?: boolean;
     /** The flex positioning of the Item contents */
-    contentPosition?: 'start' | 'end';
+    contentPosition?: FlexPosition;
     /** The function to be called when the Menu Item is clicked */
     onClick: (event: MouseEvent) => void;
     indent?: number;