@connectif/ui-components 0.0.4 → 0.0.5
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/components/alert/index.d.ts +2 -1
- package/dist/components/avatar/index.d.ts +6 -3
- package/dist/components/button/Button.d.ts +1 -1
- package/dist/components/button/ButtonWithActions.d.ts +3 -3
- package/dist/components/button/IconButton.d.ts +1 -1
- package/dist/components/button/IconToggleButton.d.ts +1 -1
- package/dist/components/button/MenuButton.d.ts +1 -1
- package/dist/components/button/MenuIconButton.d.ts +3 -3
- package/dist/components/button/index.d.ts +22 -11
- package/dist/components/card/index.d.ts +28 -14
- package/dist/components/chart/index.d.ts +16 -8
- package/dist/components/chat/index.d.ts +4 -2
- package/dist/components/chip/Chip.d.ts +1 -1
- package/dist/components/chip/MenuChip.d.ts +1 -1
- package/dist/components/chip/index.d.ts +6 -3
- package/dist/components/dialog/index.d.ts +4 -2
- package/dist/components/divider/index.d.ts +2 -1
- package/dist/components/drawer/index.d.ts +4 -2
- package/dist/components/formatter/index.d.ts +10 -5
- package/dist/components/header/index.d.ts +6 -3
- package/dist/components/icon/index.d.ts +2 -1
- package/dist/components/image/index.d.ts +2 -1
- package/dist/components/info/index.d.ts +2 -1
- package/dist/components/input/DatePicker.d.ts +1 -1
- package/dist/components/input/InputLabel.d.ts +3 -2
- package/dist/components/input/NumberField.d.ts +1 -1
- package/dist/components/input/PhoneField.d.ts +1 -1
- package/dist/components/input/TextField.d.ts +2 -1
- package/dist/components/input/index.d.ts +52 -26
- package/dist/components/layout/index.d.ts +24 -12
- package/dist/components/list/ListItemButton.d.ts +1 -1
- package/dist/components/list/index.d.ts +6 -3
- package/dist/components/navbar/index.d.ts +8 -4
- package/dist/components/overlay/index.d.ts +2 -1
- package/dist/components/popover/index.d.ts +2 -1
- package/dist/components/progress/CircularProgress.d.ts +24 -3
- package/dist/components/progress/DonutProgress.d.ts +48 -0
- package/dist/components/progress/index.d.ts +6 -2
- package/dist/components/scrollable/index.d.ts +2 -1
- package/dist/components/skeleton/index.d.ts +2 -1
- package/dist/components/snackbar/index.d.ts +2 -1
- package/dist/components/tab/index.d.ts +6 -3
- package/dist/components/table/index.d.ts +16 -8
- package/dist/components/toolbar/index.d.ts +8 -4
- package/dist/components/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/tooltip/index.d.ts +8 -4
- package/dist/components/transition/index.d.ts +2 -1
- package/dist/components/typography/Typography.d.ts +1 -1
- package/dist/components/typography/index.d.ts +4 -2
- package/dist/components/widget/index.d.ts +8 -4
- package/dist/components/window/index.d.ts +2 -1
- package/dist/index.js +8104 -7935
- package/dist/theme/Colors.d.ts +9 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +18 -14
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as Alert
|
|
1
|
+
export { default as Alert } from './Alert';
|
|
2
|
+
export type { AlertProps } from './Alert';
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
1
|
+
export { default as AvatarMultiple } from '../avatar/AvatarMultiple';
|
|
2
|
+
export type { AvatarMultipleProps } from '../avatar/AvatarMultiple';
|
|
3
|
+
export { default as Avatar } from '../avatar/Avatar';
|
|
4
|
+
export { default as AvatarCard } from '../avatar/AvatarCard';
|
|
5
|
+
export type { AvatarProps } from '../avatar/Avatar';
|
|
6
|
+
export type { AvatarCardProps } from '../avatar/AvatarCard';
|
|
@@ -118,7 +118,7 @@ export type ButtonProps = Pick<MuiButtonProps, 'id' | 'disabled' | 'onClick' | '
|
|
|
118
118
|
* Button can be primary, secondary, outlined or text, and it can have an icon at the start or at the end.
|
|
119
119
|
* It can be disabled.
|
|
120
120
|
*/
|
|
121
|
-
declare const Button: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "
|
|
121
|
+
declare const Button: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "className" | "sx" | "id" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "onClick" | "onMouseEnter" | "onMouseLeave" | "disabled" | "type"> & {
|
|
122
122
|
/**
|
|
123
123
|
* The variant of the button.
|
|
124
124
|
*/
|
|
@@ -29,7 +29,7 @@ export type ButtonWithActionsProps = ButtonProps & Pick<PopoverProps, 'anchorHor
|
|
|
29
29
|
* A component that groups multiple buttons.
|
|
30
30
|
* All supported children types of this component are: Button, IconButton, MenuButton or MenuIconButton.
|
|
31
31
|
*/
|
|
32
|
-
declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "
|
|
32
|
+
declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonProps, "className" | "sx" | "id" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "onClick" | "onMouseEnter" | "onMouseLeave" | "disabled" | "type"> & {
|
|
33
33
|
variant?: "contained" | "outlined" | "text";
|
|
34
34
|
color?: "primary" | "inherit" | "white" | "warning";
|
|
35
35
|
size?: "M" | "L" | "XL";
|
|
@@ -37,13 +37,13 @@ declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonP
|
|
|
37
37
|
text: string;
|
|
38
38
|
iconId?: import("../icon").IconId;
|
|
39
39
|
icon?: React.ReactNode;
|
|
40
|
-
iconSize?: keyof typeof import("../icon
|
|
40
|
+
iconSize?: keyof typeof import("../icon").iconSizes;
|
|
41
41
|
iconEnd?: boolean;
|
|
42
42
|
badgeText?: string;
|
|
43
43
|
badgeLeft?: boolean;
|
|
44
44
|
children?: React.ReactElement<"input">;
|
|
45
45
|
link?: React.ElementType;
|
|
46
|
-
} & Pick<PopoverProps, "
|
|
46
|
+
} & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
|
|
47
47
|
/**
|
|
48
48
|
* The options to show in button submenu
|
|
49
49
|
*/
|
|
@@ -53,7 +53,7 @@ export type IconButtonProps = Pick<MuiIconButtonProps, 'disabled' | 'onClick' |
|
|
|
53
53
|
*/
|
|
54
54
|
shape?: 'default' | 'square';
|
|
55
55
|
};
|
|
56
|
-
declare const IconButton: React.ForwardRefExoticComponent<Pick<MuiIconButtonProps, "
|
|
56
|
+
declare const IconButton: React.ForwardRefExoticComponent<Pick<MuiIconButtonProps, "className" | "sx" | "id" | "onClick" | "onMouseDown" | "disabled"> & {
|
|
57
57
|
/**
|
|
58
58
|
* The identifier of the icon to display.
|
|
59
59
|
*/
|
|
@@ -17,7 +17,7 @@ export type IconToggleButtonProps = Pick<MuiToggleButtonProps, 'disabled' | 'onC
|
|
|
17
17
|
*/
|
|
18
18
|
value?: string;
|
|
19
19
|
};
|
|
20
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<MuiToggleButtonProps, "sx" | "
|
|
20
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<MuiToggleButtonProps, "sx" | "onClick" | "disabled" | "selected"> & {
|
|
21
21
|
variant?: IconToggleButtonVariant;
|
|
22
22
|
/**
|
|
23
23
|
* The identifier of the icon to display at the start of the button.
|
|
@@ -29,7 +29,7 @@ export type MenuButtonProps = Omit<ButtonProps, 'children' | 'component'> & Pick
|
|
|
29
29
|
* A component that displays a Button with a menu.
|
|
30
30
|
* An invisible overlay is displayed on top of the page to close menu if clicked outside.
|
|
31
31
|
*/
|
|
32
|
-
declare const MenuButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "component"> & Pick<PopoverProps, "
|
|
32
|
+
declare const MenuButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "component"> & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
|
|
33
33
|
/**
|
|
34
34
|
* The list of menu items to display.
|
|
35
35
|
*/
|
|
@@ -37,13 +37,13 @@ export type MenuIconButtonProps = IconButtonProps & Pick<PopoverProps, 'anchorHo
|
|
|
37
37
|
* A component that displays an IconButton with a menu.
|
|
38
38
|
* An invisible overlay is displayed on top of the page to close menu if clicked outside.
|
|
39
39
|
*/
|
|
40
|
-
declare const MenuIconButton: React.ForwardRefExoticComponent<Pick<import("@mui/material").IconButtonProps, "
|
|
40
|
+
declare const MenuIconButton: React.ForwardRefExoticComponent<Pick<import("@mui/material").IconButtonProps, "className" | "sx" | "id" | "onClick" | "onMouseDown" | "disabled"> & {
|
|
41
41
|
iconId: import("..").IconId;
|
|
42
|
-
size?: "
|
|
42
|
+
size?: "M" | "L" | "S" | "XS" | "XL" | "XXS" | "ML";
|
|
43
43
|
'data-test'?: string;
|
|
44
44
|
variant?: "contained" | "default" | "primary" | "outlined";
|
|
45
45
|
shape?: "default" | "square";
|
|
46
|
-
} & Pick<PopoverProps, "
|
|
46
|
+
} & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
|
|
47
47
|
/**
|
|
48
48
|
* The list of menu items to display.
|
|
49
49
|
*/
|
|
@@ -1,11 +1,22 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
4
|
-
export {
|
|
5
|
-
export { default as
|
|
6
|
-
export {
|
|
7
|
-
export { default as
|
|
8
|
-
export {
|
|
9
|
-
export { default as
|
|
10
|
-
export {
|
|
11
|
-
export { default as
|
|
1
|
+
export { default as MenuIconButton } from './MenuIconButton';
|
|
2
|
+
export type { MenuIconButtonProps } from './MenuIconButton';
|
|
3
|
+
export { default as ToggleButtonGroup } from './ToggleButtonGroup';
|
|
4
|
+
export type { ToggleButtonGroupProps } from './ToggleButtonGroup';
|
|
5
|
+
export { default as BadgeToggleButton } from './BadgeToggleButton';
|
|
6
|
+
export type { BadgeToggleButtonProps } from './BadgeToggleButton';
|
|
7
|
+
export { default as IconToggleButton } from './IconToggleButton';
|
|
8
|
+
export type { IconToggleButtonProps } from './IconToggleButton';
|
|
9
|
+
export { default as ButtonWithActions } from './ButtonWithActions';
|
|
10
|
+
export type { ButtonWithActionsProps } from './ButtonWithActions';
|
|
11
|
+
export { default as Button } from './Button';
|
|
12
|
+
export { default as MenuButton } from './MenuButton';
|
|
13
|
+
export { default as IconButton } from './IconButton';
|
|
14
|
+
export { default as UploadButton } from './UploadButton';
|
|
15
|
+
export { default as ToggleButton } from './ToggleButton';
|
|
16
|
+
export { default as ButtonGroup } from './ButtonGroup';
|
|
17
|
+
export type { ButtonProps } from './Button';
|
|
18
|
+
export type { MenuButtonProps } from './MenuButton';
|
|
19
|
+
export type { IconButtonProps } from './IconButton';
|
|
20
|
+
export type { UploadButtonProps } from './UploadButton';
|
|
21
|
+
export type { ToggleButtonProps } from './ToggleButton';
|
|
22
|
+
export type { ButtonGroupProps } from './ButtonGroup';
|
|
@@ -1,14 +1,28 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
4
|
-
export {
|
|
5
|
-
export { default as
|
|
6
|
-
export {
|
|
7
|
-
export { default as
|
|
8
|
-
export {
|
|
9
|
-
export { default as
|
|
10
|
-
export {
|
|
11
|
-
export {
|
|
12
|
-
export {
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
1
|
+
export { default as CardDescription } from './CardDescription';
|
|
2
|
+
export type { CardDescriptionProps } from './CardDescription';
|
|
3
|
+
export { default as CardTitleWithIcon } from './CardTitleWithIcon';
|
|
4
|
+
export type { CardTitleWithIconProps } from './CardTitleWithIcon';
|
|
5
|
+
export { default as EnhancedCardImage } from './EnhancedCardImage';
|
|
6
|
+
export type { EnhancedCardImageProps } from './EnhancedCardImage';
|
|
7
|
+
export { default as EnhancedCardTitle } from './EnhancedCardTitle';
|
|
8
|
+
export type { EnhancedCardTitleProps } from './EnhancedCardTitle';
|
|
9
|
+
export { default as EnhancedCardSubtitle } from './EnhancedCardSubtitle';
|
|
10
|
+
export type { EnhancedCardSubtitleProps } from './EnhancedCardSubtitle';
|
|
11
|
+
export { default as EnhancedCardRow } from './EnhancedCardRow';
|
|
12
|
+
export type { EnhancedCardRowProps } from './EnhancedCardRow';
|
|
13
|
+
export { default as Card } from './Card';
|
|
14
|
+
export { default as CardActions } from './CardActions';
|
|
15
|
+
export { default as CardChips } from './CardChips';
|
|
16
|
+
export { default as CardImage } from './CardImage';
|
|
17
|
+
export { default as CardStatus } from './CardStatus';
|
|
18
|
+
export { default as CardTable } from './CardTable';
|
|
19
|
+
export { default as CardTitle } from './CardTitle';
|
|
20
|
+
export { default as EnhancedCard } from './EnhancedCard';
|
|
21
|
+
export type { CardProps } from './Card';
|
|
22
|
+
export type { CardActionsProps } from './CardActions';
|
|
23
|
+
export type { CardChipsProps } from './CardChips';
|
|
24
|
+
export type { CardImageProps } from './CardImage';
|
|
25
|
+
export type { CardStatusProps } from './CardStatus';
|
|
26
|
+
export type { CardTableProps } from './CardTable';
|
|
27
|
+
export type { CardTitleProps } from './CardTitle';
|
|
28
|
+
export type { EnhancedCardProps } from './EnhancedCard';
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
4
|
-
export { default as
|
|
5
|
-
export { default as
|
|
6
|
-
export { default as
|
|
7
|
-
export { default as
|
|
8
|
-
export { default as
|
|
1
|
+
export { default as IncrementLabel } from './IncrementLabel';
|
|
2
|
+
export type { IncrementLabelProps } from './IncrementLabel';
|
|
3
|
+
export { default as BarChart } from './BarChart';
|
|
4
|
+
export { default as LineChart } from './LineChart';
|
|
5
|
+
export { default as RankingChart } from './RankingChart';
|
|
6
|
+
export { default as DonutChart } from './DonutChart';
|
|
7
|
+
export { default as FunnelChart } from './FunnelChart';
|
|
8
|
+
export { default as WeekChart } from './WeekChart';
|
|
9
|
+
export { default as MicroPieChart } from './MicroPieChart';
|
|
10
|
+
export type { BarChartProps } from './BarChart';
|
|
11
|
+
export type { LineChartProps } from './LineChart';
|
|
12
|
+
export type { RankingChartProps } from './RankingChart';
|
|
13
|
+
export type { DonutChartProps } from './DonutChart';
|
|
14
|
+
export type { FunnelChartProps } from './FunnelChart';
|
|
15
|
+
export type { WeekChartProps } from './WeekChart';
|
|
16
|
+
export type { MicroPieChartProps } from './MicroPieChart';
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
export { default as ChatMessage
|
|
2
|
-
export { default as Chat
|
|
1
|
+
export { default as ChatMessage } from '../chat/ChatMessage';
|
|
2
|
+
export { default as Chat } from '../chat/Chat';
|
|
3
|
+
export type { ChatMessageProps } from '../chat/ChatMessage';
|
|
4
|
+
export type { ChatProps } from '../chat/Chat';
|
|
@@ -976,7 +976,7 @@ export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | '
|
|
|
976
976
|
* A component that displays a chip containing simple text.
|
|
977
977
|
* If chips doesn't fit in the available space, they will be truncated with ellipsis.
|
|
978
978
|
*/
|
|
979
|
-
declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "
|
|
979
|
+
declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "sx" | "label" | "id" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onDelete"> & {
|
|
980
980
|
/**
|
|
981
981
|
* The icon to display
|
|
982
982
|
*/
|
|
@@ -29,7 +29,7 @@ export type MenuChipProps = Omit<ChipProps, 'children' | 'component'> & Pick<Pop
|
|
|
29
29
|
* A component that displays a Chip with a menu.
|
|
30
30
|
* An invisible overlay is displayed on top of the page to close menu if clicked outside.
|
|
31
31
|
*/
|
|
32
|
-
declare const MenuChip: React.ForwardRefExoticComponent<Omit<ChipProps, "children" | "component"> & Pick<PopoverProps, "
|
|
32
|
+
declare const MenuChip: React.ForwardRefExoticComponent<Omit<ChipProps, "children" | "component"> & Pick<PopoverProps, "anchorHorizontalOrigin" | "horizontalAlign"> & {
|
|
33
33
|
/**
|
|
34
34
|
* The list of menu items to display.
|
|
35
35
|
*/
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export { default as Chip
|
|
2
|
-
export { default as ChipList
|
|
3
|
-
export { default as MenuChip
|
|
1
|
+
export { default as Chip } from './Chip';
|
|
2
|
+
export { default as ChipList } from './ChipList';
|
|
3
|
+
export { default as MenuChip } from './MenuChip';
|
|
4
|
+
export type { ChipProps } from './Chip';
|
|
5
|
+
export type { ChipListProps } from './ChipList';
|
|
6
|
+
export type { MenuChipProps } from './MenuChip';
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export {
|
|
1
|
+
export { default as ConfirmationDialog } from './ConfirmationDialog';
|
|
2
|
+
export type { ConfirmationDialogProps } from './ConfirmationDialog';
|
|
3
|
+
export { default as Dialog } from './Dialog';
|
|
4
|
+
export type { DialogProps } from './Dialog';
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as Divider
|
|
1
|
+
export { default as Divider } from './Divider';
|
|
2
|
+
export type { DividerProps } from './Divider';
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
export { default as Drawer
|
|
2
|
-
export { default as InputDrawer
|
|
1
|
+
export { default as Drawer } from './Drawer';
|
|
2
|
+
export { default as InputDrawer } from './InputDrawer';
|
|
3
|
+
export type { DrawerProps } from './Drawer';
|
|
4
|
+
export type { InputDrawerProps } from './InputDrawer';
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
export { default as CompactNumberFormatter
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
4
|
-
export {
|
|
5
|
-
export { default as
|
|
1
|
+
export { default as CompactNumberFormatter } from './CompactNumberFormatter';
|
|
2
|
+
export type { CompactNumberFormatterProps } from './CompactNumberFormatter';
|
|
3
|
+
export { default as CurrencyFormatter } from './CurrencyFormatter';
|
|
4
|
+
export type { CurrencyFormatterProps } from './CurrencyFormatter';
|
|
5
|
+
export { default as NumberFormatter } from './NumberFormatter';
|
|
6
|
+
export type { NumberFormatterProps } from './NumberFormatter';
|
|
7
|
+
export { default as PercentageFormatter } from './PercentageFormatter';
|
|
8
|
+
export type { PercentageFormatterProps } from './PercentageFormatter';
|
|
9
|
+
export { default as DateFormatter } from './DateFormatter';
|
|
10
|
+
export type { DateFormatterProps } from './DateFormatter';
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export { default as Header
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
1
|
+
export { default as Header } from './Header';
|
|
2
|
+
export type { HeaderProps } from './Header';
|
|
3
|
+
export { default as HeaderTitle } from './HeaderTitle';
|
|
4
|
+
export type { HeaderTitleProps } from './HeaderTitle';
|
|
5
|
+
export { default as HeaderSubtitle } from './HeaderSubtitle';
|
|
6
|
+
export type { HeaderSubtitleProps } from './HeaderSubtitle';
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as Icon,
|
|
1
|
+
export { default as Icon, iconSizes } from './Icon';
|
|
2
|
+
export type { IconProps, IconId } from './Icon';
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as ImageEditor
|
|
1
|
+
export { default as ImageEditor } from '../image/ImageEditor';
|
|
2
|
+
export type { ImageEditorProps } from '../image/ImageEditor';
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as InfoBox
|
|
1
|
+
export { default as InfoBox } from './InfoBox';
|
|
2
|
+
export type { InfoBoxProps } from './InfoBox';
|
|
@@ -30,7 +30,7 @@ export type DatePickerProps = Omit<TextFieldProps, 'value' | 'onChange' | 'type'
|
|
|
30
30
|
* An input component which uses a vitamined TextField with a popover to allow user
|
|
31
31
|
* to pick a Date (without time component)
|
|
32
32
|
*/
|
|
33
|
-
declare const DatePicker: React.ForwardRefExoticComponent<Omit<TextFieldProps, "
|
|
33
|
+
declare const DatePicker: React.ForwardRefExoticComponent<Omit<TextFieldProps, "onBlur" | "onChange" | "onKeyDown" | "onScroll" | "type" | "value" | "maxLength"> & {
|
|
34
34
|
/**
|
|
35
35
|
* The value handled by this DatePicker
|
|
36
36
|
*/
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SxProps } from '@mui/material';
|
|
3
|
+
import { TooltipProps } from '../tooltip/Tooltip';
|
|
3
4
|
export type InputLabelProps = React.PropsWithChildren<{
|
|
4
5
|
/**
|
|
5
6
|
* The `for` native attribute. Set here the `id` of the related
|
|
@@ -17,7 +18,7 @@ export type InputLabelProps = React.PropsWithChildren<{
|
|
|
17
18
|
/**
|
|
18
19
|
* Show an info icon with the text as tooltip
|
|
19
20
|
*/
|
|
20
|
-
infoText?:
|
|
21
|
+
infoText?: TooltipProps['title'];
|
|
21
22
|
}>;
|
|
22
23
|
/**
|
|
23
24
|
* A label text to be shown along with form fields, like Select or TextFields, usually
|
|
@@ -40,7 +41,7 @@ declare const InputLabel: React.ForwardRefExoticComponent<{
|
|
|
40
41
|
/**
|
|
41
42
|
* Show an info icon with the text as tooltip
|
|
42
43
|
*/
|
|
43
|
-
infoText?:
|
|
44
|
+
infoText?: TooltipProps["title"];
|
|
44
45
|
} & {
|
|
45
46
|
children?: React.ReactNode | undefined;
|
|
46
47
|
} & React.RefAttributes<HTMLLabelElement>>;
|
|
@@ -56,7 +56,7 @@ export type NumberFieldProps = Omit<TextFieldProps, 'value' | 'onChange' | 'mult
|
|
|
56
56
|
* The exposed `ref` property is the refference to the native <input> element,
|
|
57
57
|
* typed as React.Ref<HTMLInputElement>
|
|
58
58
|
*/
|
|
59
|
-
declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "
|
|
59
|
+
declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "defaultValue" | "onChange" | "onScroll" | "multiline" | "type" | "value"> & {
|
|
60
60
|
/**
|
|
61
61
|
* The numeric value of this input.
|
|
62
62
|
*/
|
|
@@ -25,7 +25,7 @@ export type PhoneFieldProps = Omit<TextFieldProps, 'multiline' | 'onChange' | 'r
|
|
|
25
25
|
* The exposed `ref` property is the refference to the native <input> element,
|
|
26
26
|
* typed as React.Ref<HTMLInputElement>
|
|
27
27
|
*/
|
|
28
|
-
declare const PhoneField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "
|
|
28
|
+
declare const PhoneField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "defaultValue" | "onChange" | "onScroll" | "multiline" | "type" | "rows"> & {
|
|
29
29
|
/**
|
|
30
30
|
* Called when the value changes
|
|
31
31
|
*/
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SxProps } from '@mui/material';
|
|
3
|
+
import { InputLabelProps } from './InputLabel';
|
|
3
4
|
import { IconId } from '../icon';
|
|
4
5
|
export type TextFieldProps = {
|
|
5
6
|
/**
|
|
@@ -60,7 +61,7 @@ export type TextFieldProps = {
|
|
|
60
61
|
/**
|
|
61
62
|
* If supplied some text, an icon with tooltip will be shown just after the label.
|
|
62
63
|
*/
|
|
63
|
-
labelInfoText?:
|
|
64
|
+
labelInfoText?: InputLabelProps['infoText'];
|
|
64
65
|
/**
|
|
65
66
|
* If supplied some text, an InputHelperText component will be shown just after the input.
|
|
66
67
|
*/
|
|
@@ -1,26 +1,52 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
4
|
-
export {
|
|
5
|
-
export { default as
|
|
6
|
-
export {
|
|
7
|
-
export { default as
|
|
8
|
-
export {
|
|
9
|
-
export { default as
|
|
10
|
-
export {
|
|
11
|
-
export { default as
|
|
12
|
-
export {
|
|
13
|
-
export { default as
|
|
14
|
-
export {
|
|
15
|
-
export { default as
|
|
16
|
-
export {
|
|
17
|
-
export { default as
|
|
18
|
-
export {
|
|
19
|
-
export { default as
|
|
20
|
-
export {
|
|
21
|
-
export { default as
|
|
22
|
-
export {
|
|
23
|
-
export { default as
|
|
24
|
-
export { default as
|
|
25
|
-
export { default as
|
|
26
|
-
export { default as
|
|
1
|
+
export { default as TextFieldContainer } from './TextFieldContainer';
|
|
2
|
+
export type { TextFieldContainerProps } from './TextFieldContainer';
|
|
3
|
+
export { default as DebouncedTextField } from './DebouncedTextField';
|
|
4
|
+
export type { DebouncedTextFieldProps } from './DebouncedTextField';
|
|
5
|
+
export { default as InputHelperText } from './InputHelperText';
|
|
6
|
+
export type { InputHelperTextProps } from './InputHelperText';
|
|
7
|
+
export { default as DateIntervalPicker } from './DateIntervalPicker';
|
|
8
|
+
export type { DateIntervalPickerProps, DateIntervalValues } from './DateIntervalPicker';
|
|
9
|
+
export { default as SelectPopoverItem } from './SelectPopoverItem';
|
|
10
|
+
export type { SelectPopoverItemProps } from './SelectPopoverItem';
|
|
11
|
+
export { default as TimezoneSelector } from './TimezoneSelector';
|
|
12
|
+
export type { TimezoneSelectorProps } from './TimezoneSelector';
|
|
13
|
+
export { default as DaysOfWeekPicker } from './DaysOfWeekPicker';
|
|
14
|
+
export type { DaysOfWeekPickerProps, DaysOfWeek } from './DaysOfWeekPicker';
|
|
15
|
+
export { default as ColorPicker, colorPickerDefaultColors, isValidColor } from './ColorPicker';
|
|
16
|
+
export type { ColorPickerProps } from './ColorPicker';
|
|
17
|
+
export { default as UploadClickableArea } from './UploadClickableArea';
|
|
18
|
+
export type { UploadClickableAreaProps } from './UploadClickableArea';
|
|
19
|
+
export { default as CategorizedPicker } from './CategorizedPicker';
|
|
20
|
+
export type { CategorizedPickerProps } from './CategorizedPicker';
|
|
21
|
+
export { default as ItemSelector } from './ItemSelector';
|
|
22
|
+
export type { ItemSelectorProps, ItemSelectorItem } from './ItemSelector';
|
|
23
|
+
export { default as Autocomplete } from './Autocomplete';
|
|
24
|
+
export { default as Select } from './Select';
|
|
25
|
+
export { default as Switch } from './Switch';
|
|
26
|
+
export { default as TextField } from './TextField';
|
|
27
|
+
export { default as TextEditor } from './TextEditor';
|
|
28
|
+
export { default as CodeEditor } from './CodeEditor';
|
|
29
|
+
export { default as TimeField } from './TimeField';
|
|
30
|
+
export { default as PhoneField } from './PhoneField';
|
|
31
|
+
export { default as NumberField } from './NumberField';
|
|
32
|
+
export { default as DatePicker } from './DatePicker';
|
|
33
|
+
export { default as InputLabel } from './InputLabel';
|
|
34
|
+
export { default as SelectPopover } from './SelectPopover';
|
|
35
|
+
export { default as Checkbox } from './Checkbox';
|
|
36
|
+
export { default as Radio } from './Radio';
|
|
37
|
+
export { default as PageSelector } from './PageSelector';
|
|
38
|
+
export type { AutocompleteProps } from './Autocomplete';
|
|
39
|
+
export type { SelectProps } from './Select';
|
|
40
|
+
export type { SwitchProps } from './Switch';
|
|
41
|
+
export type { TextFieldProps } from './TextField';
|
|
42
|
+
export type { TextEditorProps } from './TextEditor';
|
|
43
|
+
export type { CodeEditorProps } from './CodeEditor';
|
|
44
|
+
export type { TimeFieldProps } from './TimeField';
|
|
45
|
+
export type { PhoneFieldProps } from './PhoneField';
|
|
46
|
+
export type { NumberFieldProps } from './NumberField';
|
|
47
|
+
export type { DatePickerProps } from './DatePicker';
|
|
48
|
+
export type { InputLabelProps } from './InputLabel';
|
|
49
|
+
export type { SelectPopoverProps } from './SelectPopover';
|
|
50
|
+
export type { CheckboxProps } from './Checkbox';
|
|
51
|
+
export type { RadioProps } from './Radio';
|
|
52
|
+
export type { PageSelectorProps } from './PageSelector';
|
|
@@ -1,17 +1,29 @@
|
|
|
1
1
|
export { default as Box } from './Box';
|
|
2
|
-
export { default as CollapsiblePanel
|
|
3
|
-
export {
|
|
4
|
-
export { default as
|
|
2
|
+
export { default as CollapsiblePanel } from './CollapsiblePanel';
|
|
3
|
+
export type { CollapsiblePanelProps } from './CollapsiblePanel';
|
|
4
|
+
export { default as CollapsiblePanelSwitcher } from './CollapsiblePanelSwitcher';
|
|
5
|
+
export type { CollapsiblePanelSwitcherProps } from './CollapsiblePanelSwitcher';
|
|
5
6
|
export { default as Container } from './Container';
|
|
6
|
-
export { default as PageWithHeader
|
|
7
|
-
export {
|
|
8
|
-
export { default as
|
|
9
|
-
export {
|
|
10
|
-
export { default as
|
|
11
|
-
export {
|
|
7
|
+
export { default as PageWithHeader } from './PageWithHeader';
|
|
8
|
+
export type { PageWithHeaderProps } from './PageWithHeader';
|
|
9
|
+
export { default as PageWithToolbar } from './PageWithToolbar';
|
|
10
|
+
export type { PageWithToolbarProps } from './PageWithToolbar';
|
|
11
|
+
export { default as PageWithSidePanel } from './PageWithSidePanel';
|
|
12
|
+
export type { PageWithSidePanelProps as PageWithSidebarProps } from './PageWithSidePanel';
|
|
13
|
+
export { default as PageWithToolBox } from './PageWithToolBox';
|
|
14
|
+
export type { PageWithToolBoxProps } from './PageWithToolBox';
|
|
15
|
+
export { default as PageWithNavbar } from './PageWithNavbar';
|
|
16
|
+
export type { PageWithNavbarProps } from './PageWithNavbar';
|
|
12
17
|
export { default as Stack } from './Stack';
|
|
13
|
-
export { default as Paper, PaperProps } from './Paper';
|
|
14
18
|
export { default as LazyLoad } from './LazyLoad';
|
|
15
19
|
export { default as Collapse } from './Collapse';
|
|
16
|
-
export { default as
|
|
17
|
-
export { default as
|
|
20
|
+
export { default as Grid } from './Grid';
|
|
21
|
+
export { default as SidePanel } from './SidePanel';
|
|
22
|
+
export { default as Paper } from './Paper';
|
|
23
|
+
export { default as ToolBox } from './ToolBox';
|
|
24
|
+
export { default as Stepper } from './Stepper';
|
|
25
|
+
export type { GridProps } from './Grid';
|
|
26
|
+
export type { SidePanelProps } from './SidePanel';
|
|
27
|
+
export type { PaperProps } from './Paper';
|
|
28
|
+
export type { ToolBoxProps } from './ToolBox';
|
|
29
|
+
export type { StepperProps } from './Stepper';
|
|
@@ -20,7 +20,7 @@ export type ListItemButtonProps = Pick<MuiListItemButtonProps, 'onClick' | 'tabI
|
|
|
20
20
|
'data-test'?: string;
|
|
21
21
|
buttonDataTest?: string;
|
|
22
22
|
} & BaseListItemProps;
|
|
23
|
-
declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "className" | "
|
|
23
|
+
declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "className" | "tabIndex" | "role" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
|
|
24
24
|
/**
|
|
25
25
|
* If `true`, the onClick callback will also be triggered on aux click. Default is `false`.
|
|
26
26
|
*/
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export { default as ListItemButton
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
1
|
+
export { default as ListItemButton } from './ListItemButton';
|
|
2
|
+
export type { ListItemButtonProps } from './ListItemButton';
|
|
3
|
+
export { default as ListItem } from './ListItem';
|
|
4
|
+
export { default as List } from './List';
|
|
5
|
+
export type { ListItemProps } from './ListItem';
|
|
6
|
+
export type { ListProps } from './List';
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
export { default as Navbar
|
|
2
|
-
export { default as NavbarButton
|
|
3
|
-
export { default as NavbarHeader
|
|
4
|
-
export { default as NavbarLogo
|
|
1
|
+
export { default as Navbar } from './Navbar';
|
|
2
|
+
export { default as NavbarButton } from './NavbarButton';
|
|
3
|
+
export { default as NavbarHeader } from './NavbarHeader';
|
|
4
|
+
export { default as NavbarLogo } from './NavbarLogo';
|
|
5
|
+
export type { NavbarProps } from './Navbar';
|
|
6
|
+
export type { NavbarButtonProps } from './NavbarButton';
|
|
7
|
+
export type { NavbarHeaderProps } from './NavbarHeader';
|
|
8
|
+
export type { NavbarLogoProps } from './NavbarLogo';
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as DonutFocusOverlay
|
|
1
|
+
export { default as DonutFocusOverlay } from './DonutFocusOverlay';
|
|
2
|
+
export type { DonutFocusOverlayProps } from './DonutFocusOverlay';
|