@foris/avocado-suite 0.10.0-beta.0 → 0.11.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/avocado-suite/src/components/box/Box.d.ts +2 -0
- package/dist/avocado-suite/src/components/card/Card.d.ts +2 -0
- package/dist/avocado-suite/src/components/card-notification/CardNotification.d.ts +5 -3
- package/dist/avocado-suite/src/components/donut/Donut.d.ts +3 -2
- package/dist/avocado-suite/src/components/donut/donut-labels/DonutLabels.d.ts +3 -2
- package/dist/avocado-suite/src/components/donut/donut-legend/DonutLegend.d.ts +3 -2
- package/dist/avocado-suite/src/components/menu/Menu.d.ts +2 -1
- package/dist/avocado-suite/src/components/processing/Processing.d.ts +2 -1
- package/dist/avocado-suite/src/components/progress-bar/ProgressBar.d.ts +13 -0
- package/dist/avocado-suite/src/components/progress-bar/ProgressBar.test.d.ts +0 -0
- package/dist/avocado-suite/src/components/round-button/RoundButton.d.ts +2 -1
- package/dist/avocado-suite/src/components/tabs/Tabs.d.ts +18 -0
- package/dist/avocado-suite/src/components/tabs/Tabs.test.d.ts +0 -0
- package/dist/avocado-suite/src/components/tag/Tag.d.ts +3 -1
- package/dist/avocado-suite/src/components/toaster/Toaster.d.ts +3 -0
- package/dist/avocado-suite/src/index.d.ts +10 -7
- package/dist/avocado-suite.es.js +5529 -4962
- package/dist/avocado-suite.umd.js +22 -22
- package/dist/style.css +1 -1
- package/package.json +6 -4
@@ -1,3 +1,5 @@
|
|
1
|
+
import { FC } from 'react';
|
2
|
+
import { ReactElement } from 'react';
|
1
3
|
declare enum NotificationState {
|
2
4
|
Warning = "warning",
|
3
5
|
Error = "error",
|
@@ -12,14 +14,14 @@ interface CardNotificationProps {
|
|
12
14
|
/** Overwrite className */
|
13
15
|
className?: string;
|
14
16
|
/** Title of the notification */
|
15
|
-
title: string;
|
17
|
+
title: ReactElement | string;
|
16
18
|
/** Description of the notification */
|
17
|
-
description?: string;
|
19
|
+
description?: ReactElement | string;
|
18
20
|
/** Action of the notification */
|
19
21
|
action?: {
|
20
22
|
text: string;
|
21
23
|
onClick: () => void;
|
22
24
|
};
|
23
25
|
}
|
24
|
-
declare const CardNotification:
|
26
|
+
declare const CardNotification: FC<CardNotificationProps>;
|
25
27
|
export default CardNotification;
|
@@ -1,9 +1,10 @@
|
|
1
|
+
import { FC } from 'react';
|
1
2
|
export interface IDonutItem {
|
2
3
|
name: string;
|
3
4
|
percentage: number;
|
4
5
|
value: number;
|
5
6
|
}
|
6
|
-
export interface
|
7
|
+
export interface DonutProps {
|
7
8
|
/** overwrite className */
|
8
9
|
className?: string;
|
9
10
|
/** data */
|
@@ -13,5 +14,5 @@ export interface IDonut {
|
|
13
14
|
/** width */
|
14
15
|
width?: string;
|
15
16
|
}
|
16
|
-
declare const Donut:
|
17
|
+
declare const Donut: FC<DonutProps>;
|
17
18
|
export default Donut;
|
@@ -1,9 +1,10 @@
|
|
1
|
+
import { FC } from 'react';
|
1
2
|
import { IDonutItem } from '../Donut';
|
2
|
-
export interface
|
3
|
+
export interface DonutLabelsProps {
|
3
4
|
/** overwrite className */
|
4
5
|
className?: string;
|
5
6
|
/** data */
|
6
7
|
data: IDonutItem[];
|
7
8
|
}
|
8
|
-
declare const DonutLabels:
|
9
|
+
declare const DonutLabels: FC<DonutLabelsProps>;
|
9
10
|
export default DonutLabels;
|
@@ -1,5 +1,6 @@
|
|
1
|
+
import { FC } from 'react';
|
1
2
|
import { IDonutItem } from '../Donut';
|
2
|
-
export interface
|
3
|
+
export interface DonutLegendProps {
|
3
4
|
/** overwrite className */
|
4
5
|
className?: string;
|
5
6
|
/** data */
|
@@ -9,5 +10,5 @@ export interface IDonutLegend {
|
|
9
10
|
/** Show or not the total label */
|
10
11
|
showTotal?: boolean;
|
11
12
|
}
|
12
|
-
declare const DonutLegend:
|
13
|
+
declare const DonutLegend: FC<DonutLegendProps>;
|
13
14
|
export default DonutLegend;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { FC } from 'react';
|
1
2
|
import { MenuItem } from '../../types/menu.types.ts';
|
2
3
|
interface MenuProps {
|
3
4
|
/** Control if you want to close the list after clicking one of the options or not */
|
@@ -9,5 +10,5 @@ interface MenuProps {
|
|
9
10
|
/** Overwrite className */
|
10
11
|
className?: string;
|
11
12
|
}
|
12
|
-
declare const Menu:
|
13
|
+
declare const Menu: FC<MenuProps>;
|
13
14
|
export default Menu;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { FC } from 'react';
|
2
|
+
export interface ProgressBarProps {
|
3
|
+
/** overwrite className */
|
4
|
+
className?: string;
|
5
|
+
/** done */
|
6
|
+
done?: number;
|
7
|
+
/** inProgress */
|
8
|
+
inProgress?: number;
|
9
|
+
/** total */
|
10
|
+
total: number;
|
11
|
+
}
|
12
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
13
|
+
export default ProgressBar;
|
File without changes
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { FC } from 'react';
|
1
2
|
import { ButtonVariant } from '../button/Button';
|
2
3
|
import { IconTypes } from '../../../../../../../../avocado-icons/src/types/icons.type.ts';
|
3
4
|
interface RoundButtonProps extends Partial<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>> {
|
@@ -12,5 +13,5 @@ interface RoundButtonProps extends Partial<React.DetailedHTMLProps<React.ButtonH
|
|
12
13
|
/** Disabled state */
|
13
14
|
disabled?: boolean;
|
14
15
|
}
|
15
|
-
declare const RoundButton:
|
16
|
+
declare const RoundButton: FC<RoundButtonProps>;
|
16
17
|
export default RoundButton;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
2
|
+
export interface TabItemProps {
|
3
|
+
children: ReactNode;
|
4
|
+
disabled?: boolean;
|
5
|
+
label: ReactNode;
|
6
|
+
}
|
7
|
+
export interface TabsProps {
|
8
|
+
/** Current index */
|
9
|
+
activeIndex?: number;
|
10
|
+
/** Overwrite className */
|
11
|
+
className?: string;
|
12
|
+
/** Configure tabs content */
|
13
|
+
items: TabItemProps[];
|
14
|
+
/** Callback that will be triggered when one of the tabs is clicked. */
|
15
|
+
onClick?: (index: number) => void;
|
16
|
+
}
|
17
|
+
declare const Tabs: FC<TabsProps>;
|
18
|
+
export default Tabs;
|
File without changes
|
@@ -4,7 +4,7 @@ declare const variants: {
|
|
4
4
|
readonly Outlined: "outlined";
|
5
5
|
readonly Filled: "filled";
|
6
6
|
};
|
7
|
-
export type TagType = typeof variants[keyof typeof variants];
|
7
|
+
export type TagType = (typeof variants)[keyof typeof variants];
|
8
8
|
export type TagSize = 'sm' | 'lg';
|
9
9
|
export interface ITag {
|
10
10
|
/** Content of the component tag */
|
@@ -17,6 +17,8 @@ export interface ITag {
|
|
17
17
|
type?: TagType;
|
18
18
|
/** Icon name */
|
19
19
|
icon?: IconTypes;
|
20
|
+
/** Controls his active state */
|
21
|
+
active?: boolean;
|
20
22
|
/** Action when clicking on the component */
|
21
23
|
onClick?: () => void;
|
22
24
|
/** Action when clicking on the icon of the component */
|
@@ -3,13 +3,20 @@ import Box from './components/box/Box';
|
|
3
3
|
import Breadcrumbs from './components/breadcrumbs/Breadcrumbs';
|
4
4
|
import Button from './components/button/Button';
|
5
5
|
import Card from './components/card/Card';
|
6
|
+
import CardNotification from './components/card-notification/CardNotification';
|
6
7
|
import Checkbox from './components/checkbox/Checkbox';
|
8
|
+
import DataTable from './components/DataTable/DataTable';
|
7
9
|
import Divider from './components/divider/Divider';
|
10
|
+
import Donut from './components/donut/Donut';
|
11
|
+
import DonutLabels from './components/donut/donut-labels/DonutLabels';
|
12
|
+
import DonutLegend from './components/donut/donut-legend/DonutLegend';
|
8
13
|
import Heading from './components/heading/Heading';
|
9
14
|
import Link from './components/link/Link';
|
10
15
|
import Menu from './components/menu/Menu';
|
11
16
|
import Pager from './components/pager/Pager';
|
17
|
+
import Pill from './components/Pill/Pill';
|
12
18
|
import Processing from './components/processing/Processing';
|
19
|
+
import ProgressBar from './components/progress-bar/ProgressBar';
|
13
20
|
import RadioButton from './components/radio-button/RadioButton';
|
14
21
|
import RoundButton from './components/round-button/RoundButton';
|
15
22
|
import Select from './components/select/Select';
|
@@ -17,15 +24,11 @@ import SelectPagination from './components/select-pagination/SelectPagination';
|
|
17
24
|
import SkeletonBase from './components/skeleton-base/SkeletonBase';
|
18
25
|
import SkeletonCircle from './components/skeleton-circle/SkeletonCircle';
|
19
26
|
import Stepper from './components/stepper/Stepper';
|
27
|
+
import Tabs from './components/tabs/Tabs';
|
20
28
|
import Tag from './components/tag/Tag';
|
21
29
|
import Text from './components/text/Text';
|
22
30
|
import TextField from './components/text-field/TextField';
|
23
31
|
import Timer from './components/timer/Timer';
|
32
|
+
import Toaster from './components/toaster/Toaster';
|
24
33
|
import Tooltip from './components/tooltip/Tooltip';
|
25
|
-
|
26
|
-
import CardNotification from './components/card-notification/CardNotification';
|
27
|
-
import Pill from './components/Pill/Pill';
|
28
|
-
import Donut from './components/donut/Donut';
|
29
|
-
import DonutLabels from './components/donut/donut-labels/DonutLabels';
|
30
|
-
import DonutLegend from './components/donut/donut-legend/DonutLegend';
|
31
|
-
export { Box, Breadcrumbs, Button, Card, Checkbox, Divider, Heading, Link, Menu, Pager, Processing, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Tag, Text, TextField, ThemeProvider, Timer, Tooltip, DataTable, CardNotification, Pill, Donut, DonutLabels, DonutLegend, };
|
34
|
+
export { ThemeProvider, Box, Breadcrumbs, Button, Card, CardNotification, Checkbox, DataTable, Divider, Donut, DonutLabels, DonutLegend, Heading, Link, Menu, Pager, Pill, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Tabs, Tag, Text, TextField, Timer, Toaster, Tooltip, };
|