@abgov/react-components 6.5.0-alpha.2 → 6.5.0-alpha.3
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/index.js +24 -6
- package/index.js.map +1 -1
- package/index.mjs +24 -6
- package/index.mjs.map +1 -1
- package/lib/checkbox/checkbox.d.ts +5 -1
- package/lib/date-picker/date-picker.d.ts +5 -3
- package/lib/input/input.d.ts +4 -2
- package/lib/radio-group/radio.d.ts +5 -1
- package/package.json +1 -1
|
@@ -18,6 +18,8 @@ interface WCProps extends Margins {
|
|
|
18
18
|
value?: string | number;
|
|
19
19
|
arialabel?: string;
|
|
20
20
|
description?: string | React.ReactNode;
|
|
21
|
+
reveal?: React.ReactNode;
|
|
22
|
+
revealarialabel?: string;
|
|
21
23
|
maxwidth?: string;
|
|
22
24
|
testid?: string;
|
|
23
25
|
}
|
|
@@ -33,9 +35,11 @@ export interface GoabCheckboxProps extends Margins {
|
|
|
33
35
|
testId?: string;
|
|
34
36
|
ariaLabel?: string;
|
|
35
37
|
description?: string | React.ReactNode;
|
|
38
|
+
reveal?: React.ReactNode;
|
|
39
|
+
revealAriaLabel?: string;
|
|
36
40
|
maxWidth?: string;
|
|
37
41
|
onChange?: (detail: GoabCheckboxOnChangeDetail) => void;
|
|
38
42
|
}
|
|
39
43
|
export type Props = GoabCheckboxProps;
|
|
40
|
-
export declare function GoabCheckbox({ id, name, testId, error, disabled, checked, value, text, description, maxWidth, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoabCheckboxProps): JSX.Element;
|
|
44
|
+
export declare function GoabCheckbox({ id, name, testId, error, disabled, checked, value, text, description, reveal, revealAriaLabel, maxWidth, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoabCheckboxProps): JSX.Element;
|
|
41
45
|
export default GoabCheckbox;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { JSX } from 'react';
|
|
2
|
-
import { GoabDatePickerOnChangeDetail, Margins } from '@abgov/ui-components-common';
|
|
2
|
+
import { GoabDatePickerInputType, GoabDatePickerOnChangeDetail, Margins } from '@abgov/ui-components-common';
|
|
3
3
|
interface WCProps extends Margins {
|
|
4
4
|
ref: React.RefObject<HTMLElement | null>;
|
|
5
5
|
name?: string;
|
|
@@ -7,6 +7,7 @@ interface WCProps extends Margins {
|
|
|
7
7
|
error?: string;
|
|
8
8
|
min?: string;
|
|
9
9
|
max?: string;
|
|
10
|
+
type?: string;
|
|
10
11
|
relative?: string;
|
|
11
12
|
disabled?: string;
|
|
12
13
|
testid?: string;
|
|
@@ -24,13 +25,14 @@ export interface GoabDatePickerProps extends Margins {
|
|
|
24
25
|
error?: boolean;
|
|
25
26
|
min?: Date;
|
|
26
27
|
max?: Date;
|
|
28
|
+
type?: GoabDatePickerInputType;
|
|
27
29
|
testId?: string;
|
|
28
30
|
/***
|
|
29
31
|
* @deprecated This property has no effect and will be removed in a future version
|
|
30
32
|
*/
|
|
31
33
|
relative?: boolean;
|
|
32
34
|
disabled?: boolean;
|
|
33
|
-
onChange
|
|
35
|
+
onChange?: (detail: GoabDatePickerOnChangeDetail) => void;
|
|
34
36
|
}
|
|
35
|
-
export declare function GoabDatePicker({ name, value, error, min, max, testId, disabled, mt, mr, mb, ml, relative, onChange, }: GoabDatePickerProps): JSX.Element;
|
|
37
|
+
export declare function GoabDatePicker({ name, value, error, min, max, testId, disabled, type, mt, mr, mb, ml, relative, onChange, }: GoabDatePickerProps): JSX.Element;
|
|
36
38
|
export default GoabDatePicker;
|
package/lib/input/input.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ interface WCProps extends Margins {
|
|
|
25
25
|
suffix?: string;
|
|
26
26
|
arialabel?: string;
|
|
27
27
|
testid?: string;
|
|
28
|
+
textalign?: string;
|
|
28
29
|
min?: string | number;
|
|
29
30
|
max?: string | number;
|
|
30
31
|
step?: number;
|
|
@@ -61,6 +62,7 @@ interface BaseProps extends Margins {
|
|
|
61
62
|
trailingContent?: React.ReactNode;
|
|
62
63
|
maxLength?: number;
|
|
63
64
|
trailingIconAriaLabel?: string;
|
|
65
|
+
textAlign?: "left" | "right";
|
|
64
66
|
}
|
|
65
67
|
type OnChange<T = string> = (detail: GoabInputOnChangeDetail<T>) => void;
|
|
66
68
|
type OnFocus<T = string> = (detail: GoabInputOnFocusDetail<T>) => void;
|
|
@@ -96,7 +98,7 @@ interface GoabDateInputProps extends BaseProps {
|
|
|
96
98
|
onBlur?: OnBlur<GoabDate>;
|
|
97
99
|
onKeyPress?: OnKeyPress<GoabDate>;
|
|
98
100
|
}
|
|
99
|
-
export declare function GoabInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, trailingIconAriaLabel, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, }: GoabInputProps & {
|
|
101
|
+
export declare function GoabInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, trailingIconAriaLabel, textAlign, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, }: GoabInputProps & {
|
|
100
102
|
type?: GoabInputType;
|
|
101
103
|
}): JSX.Element;
|
|
102
104
|
export declare function GoabInputText(props: GoabInputProps): JSX.Element;
|
|
@@ -110,6 +112,6 @@ export declare function GoabInputUrl(props: GoabInputProps): JSX.Element;
|
|
|
110
112
|
export declare function GoabInputTel(props: GoabInputProps): JSX.Element;
|
|
111
113
|
export declare function GoabInputFile(props: GoabInputProps): JSX.Element;
|
|
112
114
|
export declare function GoabInputMonth(props: GoabInputProps): JSX.Element;
|
|
113
|
-
export declare function GoabInputNumber({ min, max, value, ...props }: GoabNumberInputProps): JSX.Element;
|
|
115
|
+
export declare function GoabInputNumber({ min, max, value, textAlign, ...props }: GoabNumberInputProps): JSX.Element;
|
|
114
116
|
export declare function GoabInputRange(props: GoabInputProps): JSX.Element;
|
|
115
117
|
export default GoabInput;
|
|
@@ -4,6 +4,8 @@ interface WCProps extends Margins {
|
|
|
4
4
|
name?: string;
|
|
5
5
|
value?: string;
|
|
6
6
|
description?: string | React.ReactNode;
|
|
7
|
+
reveal?: React.ReactNode;
|
|
8
|
+
revealarialabel?: string;
|
|
7
9
|
label?: string;
|
|
8
10
|
maxwidth?: string;
|
|
9
11
|
disabled?: string;
|
|
@@ -23,6 +25,8 @@ export interface GoabRadioItemProps extends Margins {
|
|
|
23
25
|
label?: string;
|
|
24
26
|
name?: string;
|
|
25
27
|
description?: string | React.ReactNode;
|
|
28
|
+
reveal?: React.ReactNode;
|
|
29
|
+
revealAriaLabel?: string;
|
|
26
30
|
maxWidth?: string;
|
|
27
31
|
disabled?: boolean;
|
|
28
32
|
checked?: boolean;
|
|
@@ -30,5 +34,5 @@ export interface GoabRadioItemProps extends Margins {
|
|
|
30
34
|
children?: React.ReactNode;
|
|
31
35
|
ariaLabel?: string;
|
|
32
36
|
}
|
|
33
|
-
export declare function GoabRadioItem({ name, label, value, description, maxWidth, disabled, checked, error, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
|
|
37
|
+
export declare function GoabRadioItem({ name, label, value, description, reveal, revealAriaLabel, maxWidth, disabled, checked, error, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
|
|
34
38
|
export default GoabRadioItem;
|