@connectif/ui-components 0.0.5 → 0.0.7
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/button/Button.d.ts +1 -1
- package/dist/components/button/ButtonWithActions.d.ts +2 -2
- 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/chip/Chip.d.ts +1 -1
- package/dist/components/chip/MenuChip.d.ts +1 -1
- package/dist/components/input/DatePicker.d.ts +1 -1
- package/dist/components/input/NumberField.d.ts +1 -1
- package/dist/components/input/PhoneField.d.ts +1 -1
- package/dist/components/list/ListItemButton.d.ts +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/typography/Typography.d.ts +1 -1
- package/dist/index.js +3315 -5072
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -2
|
@@ -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, "id" | "className" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "sx" | "disabled" | "type" | "onClick" | "onMouseEnter" | "onMouseLeave"> & {
|
|
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, "id" | "className" | "aria-controls" | "aria-expanded" | "aria-haspopup" | "sx" | "disabled" | "type" | "onClick" | "onMouseEnter" | "onMouseLeave"> & {
|
|
33
33
|
variant?: "contained" | "outlined" | "text";
|
|
34
34
|
color?: "primary" | "inherit" | "white" | "warning";
|
|
35
35
|
size?: "M" | "L" | "XL";
|
|
@@ -43,7 +43,7 @@ declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonP
|
|
|
43
43
|
badgeLeft?: boolean;
|
|
44
44
|
children?: React.ReactElement<"input">;
|
|
45
45
|
link?: React.ElementType;
|
|
46
|
-
} & Pick<PopoverProps, "
|
|
46
|
+
} & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
|
|
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, "id" | "className" | "sx" | "disabled" | "onClick" | "onMouseDown"> & {
|
|
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" | "disabled" | "onClick" | "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, "horizontalAlign" | "anchorHorizontalOrigin"> & {
|
|
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, "id" | "className" | "sx" | "disabled" | "onClick" | "onMouseDown"> & {
|
|
41
41
|
iconId: import("..").IconId;
|
|
42
|
-
size?: "
|
|
42
|
+
size?: "XXS" | "XS" | "S" | "M" | "L" | "XL" | "ML";
|
|
43
43
|
'data-test'?: string;
|
|
44
44
|
variant?: "contained" | "default" | "primary" | "outlined";
|
|
45
45
|
shape?: "default" | "square";
|
|
46
|
-
} & Pick<PopoverProps, "
|
|
46
|
+
} & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
|
|
47
47
|
/**
|
|
48
48
|
* The list of menu items to display.
|
|
49
49
|
*/
|
|
@@ -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, "id" | "sx" | "label" | "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, "horizontalAlign" | "anchorHorizontalOrigin"> & {
|
|
33
33
|
/**
|
|
34
34
|
* The list of menu items to display.
|
|
35
35
|
*/
|
|
@@ -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, "type" | "onBlur" | "onChange" | "onKeyDown" | "onScroll" | "value" | "maxLength"> & {
|
|
34
34
|
/**
|
|
35
35
|
* The value handled by this DatePicker
|
|
36
36
|
*/
|
|
@@ -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, "type" | "onChange" | "onScroll" | "defaultValue" | "value" | "multiline"> & {
|
|
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, "type" | "onChange" | "onScroll" | "defaultValue" | "rows" | "multiline"> & {
|
|
29
29
|
/**
|
|
30
30
|
* Called when the value changes
|
|
31
31
|
*/
|
|
@@ -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" | "role" | "tabIndex" | "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
|
*/
|
|
@@ -55,5 +55,5 @@ export type TooltipProps = Pick<MuiTooltipProps, 'children' | 'disableHoverListe
|
|
|
55
55
|
* - https://mui.com/material-ui/guides/composition/#caveat-with-refs
|
|
56
56
|
* - https://reactjs.org/docs/forwarding-refs.html#forwarding-refs-to-dom-components
|
|
57
57
|
*/
|
|
58
|
-
declare const Tooltip: ({ children, title, placement, interactive, allowDisabled, variant, textVariant, enableArrow, borderRadius, popperClass, zIndex, ...rest }: TooltipProps) =>
|
|
58
|
+
declare const Tooltip: ({ children, title, placement, interactive, allowDisabled, variant, textVariant, enableArrow, borderRadius, popperClass, zIndex, ...rest }: TooltipProps) => React.ReactElement<any, any>;
|
|
59
59
|
export default Tooltip;
|
|
@@ -20,7 +20,7 @@ export type TypographyProps = Pick<MuiTypographyProps, 'noWrap' | 'sx' | 'childr
|
|
|
20
20
|
/**
|
|
21
21
|
* A component that displays text.
|
|
22
22
|
*/
|
|
23
|
-
declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProps, "
|
|
23
|
+
declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProps, "id" | "className" | "children" | "sx" | "onMouseEnter" | "onMouseLeave" | "noWrap"> & {
|
|
24
24
|
variant?: TypographyVariant;
|
|
25
25
|
/**
|
|
26
26
|
* Color of the text.
|