@wavv/ui 1.5.6 → 1.6.1

package/build/esm/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/esm/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/esm/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/esm/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/esm/types/components/Table/Body.d.ts

@@ -1,7 +1,8 @@
 import { HTMLProps, ReactNode } from 'react';
-import { Height } from '../types';
+import { As, Height, MaxHeight } from '../types';
+type DefaultBodyProps = Omit<HTMLProps<HTMLTableSectionElement>, 'as'> & As;
 type BodyProps = {
     children: ReactNode;
-} & Height & HTMLProps<HTMLTableSectionElement>;
-declare const Body: ({ children, height }: BodyProps) => JSX.Element;
+} & Height & MaxHeight & DefaultBodyProps;
+declare const Body: ({ children, height, maxHeight, ...rest }: BodyProps) => JSX.Element;
 export default Body;

package/build/esm/types/components/Table/Table.d.ts

@@ -10,9 +10,9 @@ declare const Table: {
         sorted?: import("./types").SortDir | undefined;
         sortKey?: string | undefined;
     }) => JSX.Element;
-    Body: ({ children, height }: {
+    Body: ({ children, height, maxHeight, ...rest }: {
         children: ReactNode;
-    } & import("../types").Height & import("react").HTMLProps<HTMLTableSectionElement>) => JSX.Element;
+    } & import("../types").Height & import("../types").MaxHeight & Omit<import("react").HTMLProps<HTMLTableSectionElement>, "as"> & import("../types").As) => JSX.Element;
     Row: ({ children, columns, onClick, ...rest }: import("./types").TableHeaderRow) => JSX.Element;
     Column: ({ children, contentPosition, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
         children?: ReactNode;

package/build/esm/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/esm/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';

package/build/index.d.ts

@@ -522,6 +522,9 @@ type Padding = {
     paddingRight?: number | string;
     paddingLeft?: number | string;
 };
+type MaxHeight = {
+    maxHeight?: number | string;
+};
 type Width = {
     width?: number | string;
 };
@@ -628,32 +631,27 @@ declare const Audio: React.ForwardRefExoticComponent<Pick<AudioProps, "width" |
 type ChartData$1 = {
     name: string;
 };
-type StackData = {
+type KeyData = {
     key: string;
     color: string;
+    hidden?: boolean;
 };
-type Default$2 = {
-    /** 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$2 | Stacked;
-type Props$2 = {
-    /** Width of the chart */
-    width: number;
-    /** Height of the chart */
-    height: number;
+type ChartProps = {
     /** The chart data array */
     data: ChartData$1[];
+    /** Designates the chart colors corresponding to the chart's data properties */
+    keys: KeyData[];
     /** Displays a data legend beneath the chart */
     legend?: boolean;
-} & KeyProps & Margin;
-declare const BarChart: ({ width, height, data, dataKey, legend, stackData, ...rest }: Props$2) => JSX.Element;
+    /** Allows the chart to grow and shrink (default if no explicit width) */
+    responsive?: boolean;
+} & Margin & WidthHeight;
+
+type Props$2 = {
+    /** Stacks multiple data points within a single bar */
+    stacked?: boolean;
+} & ChartProps;
+declare const BarChart: ({ data, legend, keys, stacked, ...rest }: Props$2) => JSX.Element;
 
 type OptionItem = {
     id: number | string;
@@ -1894,6 +1892,8 @@ type LabelProps = {
 } & Margin;
 declare const Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: LabelProps) => JSX.Element;
 
+declare const LineChart: ({ data, legend, keys, ...rest }: ChartProps) => JSX.Element;
+
 type MenuProps = {
     /** Displays the menu as a vertical, stacked menu */
     vertical?: boolean;
@@ -2160,13 +2160,12 @@ type Props$1 = {
     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$1) => JSX.Element;
+declare const PieChart: ({ size, data, innerRadius, showWhenEmpty, ...rest }: Props$1) => JSX.Element;
 
 type CircleProps = ({
     circle?: false;
@@ -2320,9 +2319,9 @@ declare const Table: {
         sorted?: SortDir | undefined;
         sortKey?: string | undefined;
     }) => JSX.Element;
-    Body: ({ children, height }: {
+    Body: ({ children, height, maxHeight, ...rest }: {
         children: ReactNode;
-    } & Height & React.HTMLProps<HTMLTableSectionElement>) => JSX.Element;
+    } & Height & MaxHeight & Omit<React.HTMLProps<HTMLTableSectionElement>, "as"> & As) => JSX.Element;
     Row: ({ children, columns, onClick, ...rest }: TableHeaderRow) => JSX.Element;
     Column: ({ children, contentPosition, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
         children?: ReactNode;
@@ -2415,4 +2414,4 @@ declare const formatDate: (value: Date, option?: TimeSpec | TimeOptions) => stri
 
 declare const copyToClipboard: (text: string) => void;
 
-export { Accordion, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, OptionItem as DropdownOption, Form, Grid, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, Menu, Message, MessageHr, Modal, MultiSelect, Notification, Options, Pagination, PieChart, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, copyToClipboard, formatDate, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize };
+export { Accordion, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, OptionItem as DropdownOption, Form, Grid, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Menu, Message, MessageHr, Modal, MultiSelect, Notification, Options, Pagination, PieChart, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, copyToClipboard, formatDate, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.5.6",
+	"version": "1.6.1",
 	"files": [
 		"build/**/*"
 	],