@wavv/ui 1.3.1 → 1.4.0-beta.1

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Margin } from './types';
+declare type ChartData = {
+    name: string;
+};
+declare type Props = {
+    /** Width of the chart */
+    width: number;
+    /** Height of the chart */
+    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;
+export default BarChart;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Margin } from './types';
+declare type ChartData = {
+    name: string;
+    value: number;
+    color?: string;
+};
+declare type Props = {
+    /** The chart data array  */
+    data: ChartData[];
+    /** The width & height of the chart */
+    size?: number;
+    outerRadius?: number;
+    /** The radius of the inner circle */
+    innerRadius?: number;
+} & Margin;
+declare const PieChart: ({ size, data, innerRadius, outerRadius, ...rest }: Props) => JSX.Element;
+export default PieChart;

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

@@ -1,4 +1,5 @@
 export { default as Audio } from './components/Audio';
+export { default as BarChart } from './components/BarChart';
 export { default as Button } from './components/Button';
 export { default as Calendar } from './components/Calendar';
 export { default as Checkbox } from './components/Checkbox';
@@ -22,6 +23,7 @@ export { default as MultiSelect } from './components/MultiSelect';
 export { default as Notification } from './components/Notification';
 export { default as Options } from './components/Options';
 export { default as Pagination } from './components/Pagination';
+export { default as PieChart } from './components/PieChart';
 export { default as Progress } from './components/Progress';
 export { default as Radio } from './components/Radio';
 export { default as ResetStyles } from './global-styles/ResetStyles';

package/build/index.d.ts

@@ -581,6 +581,21 @@ declare type AudioProps = {
 } & Margin & Width & As & HTMLProps<HTMLDivElement>;
 declare const Audio: React.ForwardRefExoticComponent<Pick<AudioProps, "small" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof Margin | "infoPosition" | "centerAlignContent" | "collapsed" | "hideSliderOnStop" | "hideTimeOnStop" | "fontSizeTitle" | "fontSizeTime" | "onStop"> & React.RefAttributes<AudioRef>>;
 
+declare type ChartData$1 = {
+    name: string;
+};
+declare type Props$2 = {
+    /** Width of the chart */
+    width: number;
+    /** Height of the chart */
+    height: number;
+    /** The chart data array */
+    data: ChartData$1[];
+    /** The property name of the data value key */
+    dataKey: string;
+} & Margin;
+declare const BarChart: ({ width, height, data, dataKey, ...rest }: Props$2) => JSX.Element;
+
 declare type OptionItem = {
     id: number | string;
     label: string;
@@ -2069,6 +2084,22 @@ declare type PaginationProps = {
 } & Margin & Width;
 declare const Pagination: ({ onPageNav, page, totalPages, maxVisibleNumbers, width, ...props }: PaginationProps) => JSX.Element;
 
+declare type ChartData = {
+    name: string;
+    value: number;
+    color?: string;
+};
+declare type Props$1 = {
+    /** The chart data array  */
+    data: ChartData[];
+    /** The width & height of the chart */
+    size?: number;
+    outerRadius?: number;
+    /** The radius of the inner circle */
+    innerRadius?: number;
+} & Margin;
+declare const PieChart: ({ size, data, innerRadius, outerRadius, ...rest }: Props$1) => JSX.Element;
+
 declare type CircleProps = ({
     circle?: false;
     size?: never;
@@ -2309,4 +2340,4 @@ declare const formatDate: (value: Date, option?: TimeSpec | TimeOptions) => stri
 
 declare const copyToClipboard: (text: string) => void;
 
-export { Audio, AudioRef, 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, 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, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize };
+export { 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, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.3.1",
+	"version": "1.4.0-beta.1",
 	"files": [
 		"build/**/*"
 	],
@@ -27,6 +27,7 @@
 		"prism-react-renderer": "^1.3.5",
 		"react-keyed-flatten-children": "^1.3.0",
 		"react-phone-input-auto-format": "^0.1.0",
+		"recharts": "^2.1.16",
 		"sanitize.css": "^13.0.0",
 		"uuid": "^8.3.2",
 		"webfontloader": "^1.6.28"