@dito-uai/components 5.0.0-alpha2 → 5.0.0-alpha20
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/Alert/Alert.d.ts +5 -0
- package/dist/Alert/index.d.ts +1 -0
- package/dist/Avatar/Avatar.d.ts +25 -0
- package/dist/Avatar/index.d.ts +1 -0
- package/dist/Badge/Badge.d.ts +21 -0
- package/dist/Badge/index.d.ts +1 -0
- package/dist/Button/Button.d.ts +17 -0
- package/dist/Button/index.d.ts +1 -0
- package/dist/Card/Card.d.ts +19 -0
- package/dist/Card/ProgressCard.d.ts +10 -0
- package/dist/Card/RadioCard.d.ts +17 -0
- package/dist/Card/SelectCard.d.ts +19 -0
- package/dist/Card/StepCard.d.ts +17 -0
- package/dist/Card/index.d.ts +5 -0
- package/dist/CardsCanva/CardsCanva.d.ts +16 -0
- package/dist/CardsCanva/index.d.ts +1 -0
- package/dist/Checkbox/Checkbox.d.ts +13 -0
- package/dist/Checkbox/index.d.ts +1 -0
- package/dist/Chips/Chips.d.ts +39 -0
- package/dist/Chips/index.d.ts +1 -0
- package/dist/DatePicker/DatePicker.d.ts +14 -0
- package/dist/DatePicker/RangePicker.d.ts +21 -0
- package/dist/DatePicker/helpers/index.d.ts +2 -0
- package/dist/DatePicker/helpers/lang.d.ts +25 -0
- package/dist/DatePicker/helpers/ranges.d.ts +20 -0
- package/dist/DatePicker/index.d.ts +4 -0
- package/dist/DatePicker/language/en_US.d.ts +3 -0
- package/dist/DatePicker/language/index.d.ts +2 -0
- package/dist/DatePicker/language/pt_BR.d.ts +3 -0
- package/dist/Divider/Divider.d.ts +8 -0
- package/dist/Divider/index.d.ts +1 -0
- package/dist/ExternalLink/ExternalLink.d.ts +9 -0
- package/dist/ExternalLink/index.d.ts +1 -0
- package/dist/Flex/Flex.d.ts +7 -0
- package/dist/Flex/index.d.ts +1 -0
- package/dist/Form/Form.d.ts +11 -0
- package/dist/Form/index.d.ts +1 -0
- package/dist/Indicator/Indicator.d.ts +19 -0
- package/dist/Indicator/index.d.ts +1 -0
- package/dist/Input/Input.d.ts +15 -0
- package/dist/Input/TextArea.d.ts +15 -0
- package/dist/Input/index.d.ts +1 -0
- package/dist/Internal/ActionCard.d.ts +10 -0
- package/dist/Internal/Box.d.ts +6 -0
- package/dist/Internal/index.d.ts +1 -0
- package/dist/ListItem/ListItem.d.ts +28 -0
- package/dist/ListItem/index.d.ts +1 -0
- package/dist/Loading/Loading.d.ts +25 -0
- package/dist/Loading/index.d.ts +1 -0
- package/dist/Menu/Item.d.ts +3 -0
- package/dist/Menu/ItemsRadioGroup.d.ts +14 -0
- package/dist/Menu/Menu.d.ts +10 -0
- package/dist/Menu/SubMenu.d.ts +4 -0
- package/dist/Menu/index.d.ts +2 -0
- package/dist/Message/Message.d.ts +20 -0
- package/dist/Message/index.d.ts +2 -0
- package/dist/Pagination/Pagination.d.ts +13 -0
- package/dist/Pagination/index.d.ts +1 -0
- package/dist/Progress/Progress.d.ts +10 -0
- package/dist/Progress/ProgressBar.d.ts +15 -0
- package/dist/Progress/ProgressIndicator.d.ts +8 -0
- package/dist/Progress/index.d.ts +4 -0
- package/dist/Radio/Radio.d.ts +16 -0
- package/dist/Radio/index.d.ts +1 -0
- package/dist/ScopeButton/ScopeButton.d.ts +22 -0
- package/dist/ScopeButton/index.d.ts +1 -0
- package/dist/Search/Search.d.ts +14 -0
- package/dist/Select/Category.d.ts +15 -0
- package/dist/Select/CategoryFreeText.d.ts +13 -0
- package/dist/Select/Commons.d.ts +24 -0
- package/dist/Select/Multiple.d.ts +13 -0
- package/dist/Select/MultipleFreeText.d.ts +11 -0
- package/dist/Select/Select.d.ts +24 -0
- package/dist/Select/index.d.ts +6 -0
- package/dist/Select/types.d.ts +61 -0
- package/dist/Select/utils.d.ts +6 -0
- package/dist/Sheets/SheetTitleWithDescription.d.ts +7 -0
- package/dist/Sheets/Sheets.d.ts +8 -0
- package/dist/Sheets/index.d.ts +1 -0
- package/dist/Skeleton/Skeleton.d.ts +53 -0
- package/dist/Skeleton/index.d.ts +1 -0
- package/dist/Status/Status.d.ts +8 -0
- package/dist/Status/StatusMenu.d.ts +17 -0
- package/dist/Status/StatusSimple.d.ts +19 -0
- package/dist/Status/index.d.ts +3 -0
- package/dist/Steps/Step.d.ts +12 -0
- package/dist/Steps/Steps.d.ts +7 -0
- package/dist/Steps/index.d.ts +2 -0
- package/dist/Table/MenuHeader.d.ts +16 -0
- package/dist/Table/MenuRow.d.ts +8 -0
- package/dist/Table/Table.d.ts +4 -0
- package/dist/Table/TitleDropdown.d.ts +4 -0
- package/dist/Table/TitleHeader.d.ts +11 -0
- package/dist/Table/index.d.ts +2 -0
- package/dist/Table/types.d.ts +63 -0
- package/dist/Table/utils.d.ts +6 -0
- package/dist/Tabs/Tabs.d.ts +7 -0
- package/dist/Tabs/index.d.ts +1 -0
- package/dist/Text/Text.d.ts +66 -0
- package/dist/Text/index.d.ts +1 -0
- package/dist/TimePicker/NumberCarousel.d.ts +8 -0
- package/dist/TimePicker/TimeMenu.d.ts +7 -0
- package/dist/TimePicker/TimePicker.d.ts +12 -0
- package/dist/TimePicker/index.d.ts +1 -0
- package/dist/Toggle/Toggle.d.ts +4 -0
- package/dist/Toggle/index.d.ts +1 -0
- package/dist/Tooltip/Tooltip.d.ts +11 -0
- package/dist/Tooltip/index.d.ts +1 -0
- package/dist/global.css +1 -1
- package/dist/index.cjs +52 -1503
- package/dist/index.cjs.js +94996 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.cts +8 -13
- package/dist/index.d.ts +8 -13
- package/dist/index.esm.js +94910 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +14 -1465
- package/package.json +10 -7
- package/dist/index.d.ts.map +0 -1
- package/dist/lib/colors-utils.d.ts +0 -88
- package/dist/lib/colors-utils.d.ts.map +0 -1
- package/dist/lib/css-util.d.ts +0 -3
- package/dist/lib/css-util.d.ts.map +0 -1
- package/dist/ui/accordion.d.ts +0 -10
- package/dist/ui/accordion.d.ts.map +0 -1
- package/dist/ui/avatar.d.ts +0 -221
- package/dist/ui/avatar.d.ts.map +0 -1
- package/dist/ui/badge.d.ts +0 -264
- package/dist/ui/badge.d.ts.map +0 -1
- package/dist/ui/button.d.ts +0 -765
- package/dist/ui/button.d.ts.map +0 -1
- package/dist/ui/card.d.ts +0 -122
- package/dist/ui/card.d.ts.map +0 -1
- package/dist/ui/checkbox.d.ts +0 -4
- package/dist/ui/checkbox.d.ts.map +0 -1
- package/dist/ui/chips.d.ts +0 -416
- package/dist/ui/chips.d.ts.map +0 -1
- package/dist/ui/form-item.d.ts +0 -16
- package/dist/ui/form-item.d.ts.map +0 -1
- package/dist/ui/form.d.ts +0 -1
- package/dist/ui/form.d.ts.map +0 -1
- package/dist/ui/indicator.d.ts +0 -57
- package/dist/ui/indicator.d.ts.map +0 -1
- package/dist/ui/input-description.d.ts +0 -66
- package/dist/ui/input-description.d.ts.map +0 -1
- package/dist/ui/input.d.ts +0 -209
- package/dist/ui/input.d.ts.map +0 -1
- package/dist/ui/internal/dropdown-content.d.ts +0 -12
- package/dist/ui/internal/dropdown-content.d.ts.map +0 -1
- package/dist/ui/label.d.ts +0 -43
- package/dist/ui/label.d.ts.map +0 -1
- package/dist/ui/progress-bar.d.ts +0 -9
- package/dist/ui/progress-bar.d.ts.map +0 -1
- package/dist/ui/progress.d.ts +0 -57
- package/dist/ui/progress.d.ts.map +0 -1
- package/dist/ui/radio.d.ts +0 -10
- package/dist/ui/radio.d.ts.map +0 -1
- package/dist/ui/scope.d.ts +0 -209
- package/dist/ui/scope.d.ts.map +0 -1
- package/dist/ui/search.d.ts +0 -199
- package/dist/ui/search.d.ts.map +0 -1
- package/dist/ui/sheets.d.ts +0 -15
- package/dist/ui/sheets.d.ts.map +0 -1
- package/dist/ui/status.d.ts +0 -76
- package/dist/ui/status.d.ts.map +0 -1
- package/dist/ui/text.d.ts +0 -115
- package/dist/ui/text.d.ts.map +0 -1
- package/dist/ui/textarea.d.ts +0 -9
- package/dist/ui/textarea.d.ts.map +0 -1
- package/dist/ui/toggle.d.ts +0 -13
- package/dist/ui/toggle.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Alert, AlertProps } from './Alert';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AvatarProps as AvatarPropsAntd } from 'antd';
|
|
3
|
+
export declare enum AvatarType {
|
|
4
|
+
PHOTO = "PHOTO",
|
|
5
|
+
CAPITALS = "CAPITALS",
|
|
6
|
+
ICON = "ICON"
|
|
7
|
+
}
|
|
8
|
+
export declare enum AvatarSize {
|
|
9
|
+
LARGE = "LARGE",
|
|
10
|
+
MEDIUM = "MEDIUM",
|
|
11
|
+
SMALL = "SMALL"
|
|
12
|
+
}
|
|
13
|
+
export declare enum AvatarColor {
|
|
14
|
+
PRIMARY = "PRIMARY",
|
|
15
|
+
SECUNDARY = "SECUNDARY"
|
|
16
|
+
}
|
|
17
|
+
declare type AvatarSizeProp = AvatarSize | number;
|
|
18
|
+
declare type AvatarProps = {
|
|
19
|
+
type?: AvatarType;
|
|
20
|
+
color?: AvatarColor;
|
|
21
|
+
size?: AvatarSizeProp;
|
|
22
|
+
srcPhoto?: string;
|
|
23
|
+
} & Omit<AvatarPropsAntd, 'src' | 'size' | 'icon'>;
|
|
24
|
+
declare const Avatar: React.FC<AvatarProps>;
|
|
25
|
+
export default Avatar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Avatar, AvatarColor, AvatarSize, AvatarType, } from './Avatar';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BadgeProps as BadgeAntdProps } from 'antd';
|
|
3
|
+
export declare enum BadgeStatusType {
|
|
4
|
+
INFO = "INFO",
|
|
5
|
+
ATTENTION = "ATTENTION",
|
|
6
|
+
WHITE = "WHITE"
|
|
7
|
+
}
|
|
8
|
+
export declare enum BadgeSize {
|
|
9
|
+
LARGE = "LARGE",
|
|
10
|
+
MEDIUM = "MEDIUM",
|
|
11
|
+
SMALL = "SMALL"
|
|
12
|
+
}
|
|
13
|
+
declare type BadgeProps = Omit<BadgeAntdProps, 'size' | 'color' | 'dot' | 'text' | 'status' | 'count'> & {
|
|
14
|
+
statusType?: BadgeStatusType;
|
|
15
|
+
statusText?: string;
|
|
16
|
+
constrastColor?: boolean;
|
|
17
|
+
size?: BadgeSize;
|
|
18
|
+
count?: number;
|
|
19
|
+
};
|
|
20
|
+
declare const Badge: React.FC<BadgeProps>;
|
|
21
|
+
export default Badge;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Badge, BadgeSize, BadgeStatusType } from './Badge';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from 'antd';
|
|
3
|
+
export declare enum ButtonAppearance {
|
|
4
|
+
'primary' = "primary",
|
|
5
|
+
'secondary' = "secondary",
|
|
6
|
+
'tertiary' = "tertiary",
|
|
7
|
+
'link' = "link",
|
|
8
|
+
'disabled' = "disabled",
|
|
9
|
+
'danger' = "danger"
|
|
10
|
+
}
|
|
11
|
+
declare type Props = {
|
|
12
|
+
appearance?: ButtonAppearance;
|
|
13
|
+
large?: boolean;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
} & Omit<ButtonProps, 'type' | 'onPointerEnterCapture' | 'size' | 'shape' | 'danger' | 'ghost' | 'prefixCls'>;
|
|
16
|
+
declare const Button: React.FunctionComponent<Props>;
|
|
17
|
+
export default Button;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Button, ButtonAppearance } from './Button';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Orientation } from '@ditointernet/uai-foundation/dist/shadow';
|
|
3
|
+
import { BoxProps } from '../Internal';
|
|
4
|
+
export declare const borderRadiusMap: {
|
|
5
|
+
small: string;
|
|
6
|
+
default: string;
|
|
7
|
+
big: string;
|
|
8
|
+
};
|
|
9
|
+
declare type ShadowType = 'default' | 'large' | 'color' | 'none';
|
|
10
|
+
export interface CardProps extends BoxProps {
|
|
11
|
+
background?: string;
|
|
12
|
+
borderColor?: string;
|
|
13
|
+
borderRadius?: keyof typeof borderRadiusMap;
|
|
14
|
+
shadowType?: ShadowType;
|
|
15
|
+
shadowPosition?: Orientation;
|
|
16
|
+
shadowColor?: string;
|
|
17
|
+
}
|
|
18
|
+
declare const Card: React.FunctionComponent<CardProps>;
|
|
19
|
+
export default Card;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type ProgressCardProps = React.FC<{
|
|
3
|
+
total: number;
|
|
4
|
+
impacted: number;
|
|
5
|
+
percentage: number;
|
|
6
|
+
middleText: string;
|
|
7
|
+
endText: string;
|
|
8
|
+
}>;
|
|
9
|
+
declare const ProgressCard: ProgressCardProps;
|
|
10
|
+
export default ProgressCard;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { RadioGroupProps, RadioProps } from 'antd';
|
|
3
|
+
import { MenuRowType } from '../Table';
|
|
4
|
+
declare type MenuOptions = Omit<MenuRowType, 'hideOption'>;
|
|
5
|
+
export interface RadioCardProps extends RadioProps {
|
|
6
|
+
title: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
value: string | number;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
options?: MenuOptions[];
|
|
12
|
+
}
|
|
13
|
+
export interface RadioCardExport extends React.FC<Omit<React.PropsWithChildren<RadioCardProps>, 'mode'>> {
|
|
14
|
+
Group: React.FC<React.PropsWithChildren<RadioGroupProps>>;
|
|
15
|
+
}
|
|
16
|
+
declare const RadioCard: RadioCardExport;
|
|
17
|
+
export default RadioCard;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { FlexboxProps } from 'styled-system';
|
|
3
|
+
export interface SelectCardToggleProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
icon?: ReactNode;
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
onHandleChange?: (value: string) => void;
|
|
11
|
+
}
|
|
12
|
+
export interface SelectCardProps extends FlexboxProps {
|
|
13
|
+
onChange?: (value: string) => void;
|
|
14
|
+
value?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const SelectCard: React.FC<React.PropsWithChildren<SelectCardProps>> & {
|
|
17
|
+
Toggle: React.FC<React.PropsWithChildren<SelectCardToggleProps>>;
|
|
18
|
+
};
|
|
19
|
+
export default SelectCard;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
export declare enum StepCardStatus {
|
|
3
|
+
DEFAULT = "default",
|
|
4
|
+
COMPLETE = "complete",
|
|
5
|
+
INCOMPLETE = "incomplete",
|
|
6
|
+
SELECTED = "selected"
|
|
7
|
+
}
|
|
8
|
+
export interface StepCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'suffix' | 'prefix' | 'title'> {
|
|
9
|
+
title: string | ReactNode;
|
|
10
|
+
description?: string;
|
|
11
|
+
status?: StepCardStatus;
|
|
12
|
+
icon?: ReactNode;
|
|
13
|
+
suffix?: ReactNode;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const Step: React.FC<StepCardProps>;
|
|
17
|
+
export default Step;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as Card, CardProps } from './Card';
|
|
2
|
+
export { default as StepCard, StepCardProps, StepCardStatus } from './StepCard';
|
|
3
|
+
export { default as RadioCard, RadioCardProps } from './RadioCard';
|
|
4
|
+
export { default as ProgressCard, ProgressCardProps } from './ProgressCard';
|
|
5
|
+
export { default as SelectCard, SelectCardProps, SelectCardToggleProps, } from './SelectCard';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type CardCanva = {
|
|
3
|
+
icon: React.ReactNode;
|
|
4
|
+
title: React.ReactNode | string;
|
|
5
|
+
description: string;
|
|
6
|
+
color: string;
|
|
7
|
+
hoverColor: string;
|
|
8
|
+
key: string;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare type Props = {
|
|
12
|
+
options: CardCanva[];
|
|
13
|
+
onClick?: (key: string) => void;
|
|
14
|
+
};
|
|
15
|
+
declare const CardsCanva: React.FunctionComponent<Props>;
|
|
16
|
+
export default CardsCanva;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as CardsCanva, CardCanva } from './CardsCanva';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LabelOwnProps } from '@radix-ui/react-label';
|
|
3
|
+
import * as RadixCheckbox from '@radix-ui/react-checkbox';
|
|
4
|
+
export declare type CheckboxProps = RadixCheckbox.CheckboxOwnProps & {
|
|
5
|
+
value: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
label: string | ((children: JSX.Element, id: string) => JSX.Element);
|
|
8
|
+
};
|
|
9
|
+
declare type CheckboxExport = React.FC<React.PropsWithChildren<CheckboxProps>> & {
|
|
10
|
+
Label: React.FC<React.PropsWithChildren<LabelOwnProps>>;
|
|
11
|
+
};
|
|
12
|
+
declare const Checkbox: CheckboxExport;
|
|
13
|
+
export default Checkbox;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Checkbox';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { FunctionComponent, SVGProps } from 'react';
|
|
2
|
+
export declare enum ChipsSize {
|
|
3
|
+
SMALL = "SMALL",
|
|
4
|
+
MEDIUM = "MEDIUM"
|
|
5
|
+
}
|
|
6
|
+
export declare enum ChipsTypes {
|
|
7
|
+
DEFAULT = "DEFAULT",
|
|
8
|
+
ACTIVE = "ACTIVE",
|
|
9
|
+
BORDER = "BORDER",
|
|
10
|
+
HOVERLESS = "HOVERLESS"
|
|
11
|
+
}
|
|
12
|
+
declare type ChipsProps = {
|
|
13
|
+
label: string;
|
|
14
|
+
onClose?: () => void;
|
|
15
|
+
onClick?: (value: unknown) => void;
|
|
16
|
+
value?: unknown;
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated You should use Prefix or Suffix instead
|
|
19
|
+
*/
|
|
20
|
+
Icon?: FunctionComponent<SVGProps<SVGSVGElement> & {
|
|
21
|
+
title?: string;
|
|
22
|
+
size?: string;
|
|
23
|
+
}>;
|
|
24
|
+
size?: ChipsSize;
|
|
25
|
+
type?: ChipsTypes;
|
|
26
|
+
active?: boolean;
|
|
27
|
+
maxWidth?: number;
|
|
28
|
+
iconTitle?: string;
|
|
29
|
+
Prefix?: FunctionComponent<SVGProps<SVGSVGElement> & {
|
|
30
|
+
title?: string;
|
|
31
|
+
size?: string;
|
|
32
|
+
}>;
|
|
33
|
+
Suffix?: FunctionComponent<SVGProps<SVGSVGElement> & {
|
|
34
|
+
title?: string;
|
|
35
|
+
size?: string;
|
|
36
|
+
}>;
|
|
37
|
+
};
|
|
38
|
+
declare const Chips: React.FC<ChipsProps>;
|
|
39
|
+
export default Chips;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Chips, ChipsSize, ChipsTypes } from './Chips';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { PickerDateProps, PickerLocale } from 'antd/lib/date-picker/generatePicker';
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import 'antd/lib/date-picker/style/index.css';
|
|
5
|
+
import { LayoutProps, MarginProps } from 'styled-system';
|
|
6
|
+
export declare type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
|
|
7
|
+
export declare type DatePickerProps = Omit<PickerDateProps<Dayjs>, 'size' | 'mode' | 'format' | 'locale' | 'prevIcon' | 'nextIcon' | 'showToday' | 'suffixIcon' | 'onOpenChange' | 'superPrevIcon' | 'superNextIcon' | 'dropdownClassName' | 'clearIcon' | 'value' | 'onChange'> & MarginProps & Omit<LayoutProps, 'size'> & {
|
|
8
|
+
language: PickerLocale;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
value?: Date | null;
|
|
11
|
+
onChange?: (value: Date | null, dateString: string) => void;
|
|
12
|
+
};
|
|
13
|
+
declare const DatePicker: React.FC<DatePickerProps>;
|
|
14
|
+
export default DatePicker;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { RangePickerDateProps } from 'antd/lib/date-picker/generatePicker';
|
|
2
|
+
import 'antd/lib/date-picker/style/index.css';
|
|
3
|
+
import { Dayjs } from 'dayjs';
|
|
4
|
+
import { RangeValue } from 'rc-picker/lib/interface';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { LayoutProps, MarginProps } from 'styled-system';
|
|
7
|
+
import { Lang, LanguageType, QuickDates } from './helpers';
|
|
8
|
+
export declare type RangePickerProps = Omit<RangePickerDateProps<Dayjs>, 'dateRender' | 'monthCellRender' | 'onOk' | 'disabledTime' | 'onCalendarChange' | 'picker' | 'size' | 'mode' | 'ranges' | 'format' | 'locale' | 'prevIcon' | 'nextIcon' | 'separator' | 'onPanelChange' | 'superPrevIcon' | 'superNextIcon' | 'dropdownClassName' | 'value' | 'onChange'> & MarginProps & Omit<LayoutProps, 'size'> & {
|
|
9
|
+
lang: Lang;
|
|
10
|
+
rangePlaceholder?: [string, string];
|
|
11
|
+
quickDates?: QuickDates[];
|
|
12
|
+
showQuickDates?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* @deprecated The prop should not be used. Use the prop lang instead of this prop.
|
|
15
|
+
*/
|
|
16
|
+
language?: LanguageType;
|
|
17
|
+
value?: RangeValue<Date>;
|
|
18
|
+
onChange?: (value: RangeValue<Date>, formatString: [string, string]) => void;
|
|
19
|
+
};
|
|
20
|
+
declare const RangePicker: React.FC<RangePickerProps>;
|
|
21
|
+
export default RangePicker;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { PickerLocale } from 'antd/lib/date-picker/generatePicker';
|
|
2
|
+
declare type Calendar = Omit<PickerLocale, 'lang'> & {
|
|
3
|
+
lang: Omit<PickerLocale['lang'], 'dateFormat'> & {
|
|
4
|
+
dateFormat: string | string[];
|
|
5
|
+
};
|
|
6
|
+
};
|
|
7
|
+
interface LanguageType {
|
|
8
|
+
calendar: PickerLocale;
|
|
9
|
+
quickDates: {
|
|
10
|
+
lastThreeDays: string;
|
|
11
|
+
lastSevenDays: string;
|
|
12
|
+
lastFifteenDays: string;
|
|
13
|
+
lastThirdyDays: string;
|
|
14
|
+
lastYear: string;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
declare type BaseLangType = Omit<LanguageType, 'calendar'> & {
|
|
18
|
+
calendar: Calendar;
|
|
19
|
+
};
|
|
20
|
+
declare type Lang = 'ptBR' | 'enUS';
|
|
21
|
+
declare const en: LanguageType;
|
|
22
|
+
declare const pt: LanguageType;
|
|
23
|
+
declare const getLang: (lang: Lang) => LanguageType;
|
|
24
|
+
export { en, getLang, pt };
|
|
25
|
+
export type { BaseLangType, Lang, LanguageType };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import dayjs, { Dayjs } from 'dayjs';
|
|
2
|
+
import { RangeValue } from 'rc-picker/lib/interface';
|
|
3
|
+
import { Lang, LanguageType } from './lang';
|
|
4
|
+
declare type RangeType = [Date, Date];
|
|
5
|
+
interface QuickDates {
|
|
6
|
+
name: string;
|
|
7
|
+
range: RangeType;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const DEFAULT_RANGES: {
|
|
11
|
+
[key in keyof LanguageType['quickDates']]: RangeValue<dayjs.Dayjs>;
|
|
12
|
+
};
|
|
13
|
+
declare const getRanges: (lang: Lang, quickDates?: QuickDates[] | undefined) => {
|
|
14
|
+
[key: string]: RangeValue<dayjs.Dayjs>;
|
|
15
|
+
};
|
|
16
|
+
declare const getSelectedIndexRange: (selectedDates: RangeValue<dayjs.Dayjs> | undefined, ranges: {
|
|
17
|
+
[x: string]: RangeValue<dayjs.Dayjs>;
|
|
18
|
+
}) => number | undefined;
|
|
19
|
+
declare const getDisabledRangeIndexes: (quickDates?: QuickDates[]) => number[];
|
|
20
|
+
export { getRanges, getSelectedIndexRange, getDisabledRangeIndexes, QuickDates, DEFAULT_RANGES, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DividerProps as DividerAntProps } from 'antd';
|
|
3
|
+
declare type Color = 'primary' | 'secondary';
|
|
4
|
+
interface DividerProps extends DividerAntProps, Pick<React.CSSProperties, 'margin'> {
|
|
5
|
+
color?: Color;
|
|
6
|
+
}
|
|
7
|
+
declare const Divider: import("styled-components").StyledComponent<React.FC<DividerAntProps>, any, DividerProps, never>;
|
|
8
|
+
export default Divider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Divider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ExternalLink';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FlexboxProps, SpaceProps, LayoutProps } from 'styled-system';
|
|
3
|
+
export interface FlexProps extends FlexboxProps, SpaceProps, LayoutProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'suffix' | 'prefix'> {
|
|
4
|
+
gap?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const Flex: import("styled-components").StyledComponent<"div", any, FlexProps, never>;
|
|
7
|
+
export default Flex;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Flex';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormProps } from 'antd';
|
|
3
|
+
import { FormInstance } from 'antd/lib/form/Form';
|
|
4
|
+
import { FormItemProps, FormListProps } from 'antd/lib/form';
|
|
5
|
+
interface Props extends React.FC<FormProps> {
|
|
6
|
+
useForm: <Values = unknown>(form?: FormInstance<Values> | undefined) => [FormInstance<Values>];
|
|
7
|
+
Item: React.FC<FormItemProps>;
|
|
8
|
+
List: React.FC<FormListProps>;
|
|
9
|
+
}
|
|
10
|
+
declare const Form: Props;
|
|
11
|
+
export default Form;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Form';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum IndicatorAppearence {
|
|
3
|
+
SUCCESS = "success",
|
|
4
|
+
WARNING = "warning",
|
|
5
|
+
DANGER = "danger"
|
|
6
|
+
}
|
|
7
|
+
export declare enum IndicatorPerformance {
|
|
8
|
+
POSITIVE = "positive",
|
|
9
|
+
NEUTRAL = "neutral",
|
|
10
|
+
NEGATIVE = "negative"
|
|
11
|
+
}
|
|
12
|
+
export declare type IndicatorProps = {
|
|
13
|
+
appearence: IndicatorAppearence;
|
|
14
|
+
text: string;
|
|
15
|
+
performance: IndicatorPerformance;
|
|
16
|
+
margin?: number;
|
|
17
|
+
};
|
|
18
|
+
declare const Indicator: React.FC<IndicatorProps>;
|
|
19
|
+
export default Indicator;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Indicator, IndicatorAppearence, IndicatorPerformance, } from './Indicator';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MarginProps, LayoutProps } from 'styled-system';
|
|
3
|
+
import { InputProps as AntdInputProps } from 'antd';
|
|
4
|
+
import { SearchProps } from '../Search/Search';
|
|
5
|
+
import { TextAreaProps } from './TextArea';
|
|
6
|
+
declare type Props = Omit<AntdInputProps, 'size' | 'height'>;
|
|
7
|
+
export interface InputProps extends Props, MarginProps, Omit<LayoutProps, 'size' | 'height' | 'width'> {
|
|
8
|
+
small?: boolean;
|
|
9
|
+
}
|
|
10
|
+
interface ExportInput extends React.FC<InputProps> {
|
|
11
|
+
Search: React.FC<SearchProps>;
|
|
12
|
+
TextArea: React.FC<TextAreaProps>;
|
|
13
|
+
}
|
|
14
|
+
declare const Input: ExportInput;
|
|
15
|
+
export default Input;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextAreaProps as AntTextAreaProps } from 'antd/lib/input';
|
|
3
|
+
interface ShowCountProps {
|
|
4
|
+
formatter: (args: {
|
|
5
|
+
count: number;
|
|
6
|
+
maxLength?: number;
|
|
7
|
+
}) => string;
|
|
8
|
+
}
|
|
9
|
+
export interface TextAreaProps extends AntTextAreaProps {
|
|
10
|
+
showCount?: boolean | ShowCountProps;
|
|
11
|
+
maxCounterLength?: number;
|
|
12
|
+
showMaxLengthError?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare const TextArea: React.FC<TextAreaProps>;
|
|
15
|
+
export default TextArea;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Input, InputProps } from './Input';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { FlexProps } from '../Flex/Flex';
|
|
3
|
+
export interface ActionCardProps extends Omit<FlexProps, 'title'> {
|
|
4
|
+
suffix?: ReactNode;
|
|
5
|
+
prefix?: any;
|
|
6
|
+
title: string | ReactNode;
|
|
7
|
+
description?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const ActionCard: React.FC<ActionCardProps>;
|
|
10
|
+
export default ActionCard;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FlexboxProps, LayoutProps, SpaceProps } from 'styled-system';
|
|
3
|
+
export interface BoxProps extends FlexboxProps, SpaceProps, LayoutProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'suffix' | 'prefix'> {
|
|
4
|
+
}
|
|
5
|
+
declare const Box: React.FunctionComponent<BoxProps>;
|
|
6
|
+
export default Box;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Box, BoxProps } from './Box';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AvatarType, AvatarColor } from '../Avatar/Avatar';
|
|
3
|
+
export declare enum ListItemTypes {
|
|
4
|
+
ITEM = 0,
|
|
5
|
+
AVATAR = 1
|
|
6
|
+
}
|
|
7
|
+
interface AvatarProps {
|
|
8
|
+
avatarType?: AvatarType;
|
|
9
|
+
avatarColor?: AvatarColor;
|
|
10
|
+
srcPhoto?: string;
|
|
11
|
+
avatarLetters?: string;
|
|
12
|
+
}
|
|
13
|
+
interface Props extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
actionIcons?: [JSX.Element] | [JSX.Element, JSX.Element];
|
|
15
|
+
active?: boolean;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
Icon?: JSX.Element;
|
|
18
|
+
subtitle?: string;
|
|
19
|
+
title: string;
|
|
20
|
+
type?: ListItemTypes;
|
|
21
|
+
}
|
|
22
|
+
interface ListItemAvatar extends Props, AvatarProps {
|
|
23
|
+
}
|
|
24
|
+
export interface ListItemProps extends React.FC<Props> {
|
|
25
|
+
Avatar: React.FC<ListItemAvatar & Omit<Props, 'type'>>;
|
|
26
|
+
}
|
|
27
|
+
declare const ListItem: ListItemProps;
|
|
28
|
+
export default ListItem;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as ListItem, ListItemProps, ListItemTypes } from './ListItem';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum LoadingSize {
|
|
3
|
+
HUGE = "HUGE",
|
|
4
|
+
LARGE = "LARGE",
|
|
5
|
+
NORMAL = "NORMAL",
|
|
6
|
+
SMALL = "SMALL",
|
|
7
|
+
TINY = "TINY"
|
|
8
|
+
}
|
|
9
|
+
export declare enum LoadingColor {
|
|
10
|
+
GRAY = "GRAY",
|
|
11
|
+
GREEN = "GREEN",
|
|
12
|
+
RED = "RED",
|
|
13
|
+
BLUE = "BLUE",
|
|
14
|
+
WHITE = "WHITE",
|
|
15
|
+
INDIGO = "INDIGO",
|
|
16
|
+
TRANSPARENT = "TRANSPARENT"
|
|
17
|
+
}
|
|
18
|
+
interface LoadingProps {
|
|
19
|
+
color?: LoadingColor;
|
|
20
|
+
fill?: LoadingColor;
|
|
21
|
+
size?: LoadingSize;
|
|
22
|
+
title?: string;
|
|
23
|
+
}
|
|
24
|
+
declare const Loading: React.FC<LoadingProps>;
|
|
25
|
+
export default Loading;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Loading, LoadingSize, LoadingColor } from './Loading';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { RadioChangeEvent } from 'antd';
|
|
3
|
+
export declare type MenuItemRadioProps = {
|
|
4
|
+
title: string;
|
|
5
|
+
value: unknown;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare type MenuItemRadioGroupProps = {
|
|
9
|
+
options: MenuItemRadioProps[];
|
|
10
|
+
onChange?: (event: RadioChangeEvent) => void;
|
|
11
|
+
value?: unknown;
|
|
12
|
+
};
|
|
13
|
+
declare const ItemsRadioGroup: React.FC<MenuItemRadioGroupProps>;
|
|
14
|
+
export default ItemsRadioGroup;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MenuItemProps, MenuProps, SubMenuProps } from 'antd';
|
|
3
|
+
import { MenuItemRadioGroupProps } from './ItemsRadioGroup';
|
|
4
|
+
export interface MenuExport extends React.FC<Omit<MenuProps, 'mode'>> {
|
|
5
|
+
Item: React.FC<MenuItemProps>;
|
|
6
|
+
SubMenu: React.FC<SubMenuProps>;
|
|
7
|
+
ItemsRadioGroup: React.FC<MenuItemRadioGroupProps>;
|
|
8
|
+
}
|
|
9
|
+
declare const Menu: MenuExport;
|
|
10
|
+
export default Menu;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ArgsProps } from 'antd/lib/message';
|
|
2
|
+
export declare enum MessageType {
|
|
3
|
+
SUCCESS = "success",
|
|
4
|
+
INFO = "info",
|
|
5
|
+
WARNING = "warning",
|
|
6
|
+
DANGER = "error",
|
|
7
|
+
LOADING = "loading"
|
|
8
|
+
}
|
|
9
|
+
declare type MessageProps = Pick<ArgsProps, 'getPopupContainer'> & {
|
|
10
|
+
text: string;
|
|
11
|
+
duration?: number;
|
|
12
|
+
type?: MessageType;
|
|
13
|
+
closable?: boolean;
|
|
14
|
+
onClose?: () => void;
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
key?: string;
|
|
17
|
+
className?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const config: ({ text, duration, closable, type, onClose, onClick, getPopupContainer, key, className, }: MessageProps) => ArgsProps;
|
|
20
|
+
export default config;
|