@bitrise/bitkit 13.150.1-alpha.12 → 13.151.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/package.json +1 -1
- package/src/Components/Dropdown/Dropdown.tsx +2 -2
- package/src/Components/Dropdown/DropdownProps.ts +1 -1
- package/src/Components/Form/FormLabel.tsx +5 -5
- package/src/Components/Form/Input/Input.tsx +3 -3
- package/src/Components/Form/TagsInput/TagsInput.tsx +3 -3
- package/src/Components/Form/Textarea/Textarea.tsx +3 -3
- package/src/Components/Select/Select.tsx +3 -3
package/package.json
CHANGED
|
@@ -260,7 +260,7 @@ const Dropdown = forwardRef<Element, DropdownProps<string | null>>(
|
|
|
260
260
|
formLabel: customFormLabel,
|
|
261
261
|
helperText,
|
|
262
262
|
iconName,
|
|
263
|
-
|
|
263
|
+
infoTooltipLabel,
|
|
264
264
|
infoTooltipProps,
|
|
265
265
|
isError,
|
|
266
266
|
isWarning,
|
|
@@ -339,7 +339,7 @@ const Dropdown = forwardRef<Element, DropdownProps<string | null>>(
|
|
|
339
339
|
{name && formValue && <input name={name} type="hidden" value={formValue} />}
|
|
340
340
|
<DropdownProvider context={dropdownCtx} styles={dropdownStyles}>
|
|
341
341
|
<FormControl {...props} isDisabled={disabled} isInvalid={isError} isRequired={required}>
|
|
342
|
-
<FormLabel
|
|
342
|
+
<FormLabel infoTooltipLabel={infoTooltipLabel} infoTooltipProps={infoTooltipProps} htmlFor={buttonId}>
|
|
343
343
|
{label}
|
|
344
344
|
</FormLabel>
|
|
345
345
|
<DropdownButton
|
|
@@ -23,7 +23,7 @@ export interface DropdownProps<T> extends ChakraProps {
|
|
|
23
23
|
helperText?: ReactNode;
|
|
24
24
|
iconName?: TypeIconName;
|
|
25
25
|
id?: string;
|
|
26
|
-
|
|
26
|
+
infoTooltipLabel?: string;
|
|
27
27
|
infoTooltipProps?: TooltipProps;
|
|
28
28
|
isError?: boolean;
|
|
29
29
|
isWarning?: boolean;
|
|
@@ -6,7 +6,7 @@ import Icon from '../Icon/Icon';
|
|
|
6
6
|
|
|
7
7
|
export interface FormLabelProps extends ChakraFormLabelProps {
|
|
8
8
|
children?: string;
|
|
9
|
-
|
|
9
|
+
infoTooltipLabel?: string;
|
|
10
10
|
infoTooltipProps?: TooltipProps;
|
|
11
11
|
maxLength?: number;
|
|
12
12
|
valueLength?: number;
|
|
@@ -14,9 +14,9 @@ export interface FormLabelProps extends ChakraFormLabelProps {
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
const FormLabel = forwardRef<FormLabelProps, 'label'>((props, ref) => {
|
|
17
|
-
const {
|
|
17
|
+
const { infoTooltipLabel, infoTooltipProps, maxLength, valueLength, withCounter, ...rest } = props;
|
|
18
18
|
|
|
19
|
-
const showLabel = rest.children || !!
|
|
19
|
+
const showLabel = rest.children || !!infoTooltipLabel || (withCounter && maxLength);
|
|
20
20
|
|
|
21
21
|
if (!showLabel) {
|
|
22
22
|
return null;
|
|
@@ -35,8 +35,8 @@ const FormLabel = forwardRef<FormLabelProps, 'label'>((props, ref) => {
|
|
|
35
35
|
ref={ref}
|
|
36
36
|
/>
|
|
37
37
|
|
|
38
|
-
{!!
|
|
39
|
-
<Tooltip label={
|
|
38
|
+
{!!infoTooltipLabel && (
|
|
39
|
+
<Tooltip label={infoTooltipLabel} placement="right" {...infoTooltipProps}>
|
|
40
40
|
<Icon color="icon/tertiary" name="Info" size="16" />
|
|
41
41
|
</Tooltip>
|
|
42
42
|
)}
|
|
@@ -43,7 +43,7 @@ type UsedChakraInputProps = Pick<
|
|
|
43
43
|
export interface InputProps extends UsedFormControlProps, UsedChakraInputProps {
|
|
44
44
|
'data-testid'?: string;
|
|
45
45
|
errorText?: ReactNode;
|
|
46
|
-
|
|
46
|
+
infoTooltipLabel?: string;
|
|
47
47
|
infoTooltipProps?: TooltipProps;
|
|
48
48
|
isLoading?: boolean;
|
|
49
49
|
isWarning?: boolean;
|
|
@@ -76,7 +76,7 @@ const Input = forwardRef<InputProps, 'div'>((props, ref) => {
|
|
|
76
76
|
defaultValue,
|
|
77
77
|
errorText,
|
|
78
78
|
helperText,
|
|
79
|
-
|
|
79
|
+
infoTooltipLabel,
|
|
80
80
|
infoTooltipProps,
|
|
81
81
|
inputRef,
|
|
82
82
|
inputStyle,
|
|
@@ -165,7 +165,7 @@ const Input = forwardRef<InputProps, 'div'>((props, ref) => {
|
|
|
165
165
|
return (
|
|
166
166
|
<FormControl {...formControlProps}>
|
|
167
167
|
<FormLabel
|
|
168
|
-
|
|
168
|
+
infoTooltipLabel={infoTooltipLabel}
|
|
169
169
|
infoTooltipProps={infoTooltipProps}
|
|
170
170
|
maxLength={maxLength}
|
|
171
171
|
valueLength={valueLength}
|
|
@@ -27,14 +27,14 @@ export interface TagsInputProps extends UsedFormControlProps {
|
|
|
27
27
|
errorText?: ReactNode;
|
|
28
28
|
helperText?: ReactNode;
|
|
29
29
|
isReadOnly?: boolean;
|
|
30
|
-
|
|
30
|
+
infoTooltipLabel?: string;
|
|
31
31
|
infoTooltipProps?: TooltipProps;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
const TagsInput = ({
|
|
35
35
|
errorText,
|
|
36
36
|
helperText,
|
|
37
|
-
|
|
37
|
+
infoTooltipLabel,
|
|
38
38
|
infoTooltipProps,
|
|
39
39
|
invalidValues = [],
|
|
40
40
|
isReadOnly,
|
|
@@ -83,7 +83,7 @@ const TagsInput = ({
|
|
|
83
83
|
return (
|
|
84
84
|
<FormControl {...rest} isInvalid={isInvalid} isReadOnly={isReadOnly}>
|
|
85
85
|
<Box alignItems="center" display={label || maxCount ? 'flex' : 'none'} gap="4" marginBlockEnd="4">
|
|
86
|
-
<FormLabel
|
|
86
|
+
<FormLabel infoTooltipLabel={infoTooltipLabel} infoTooltipProps={infoTooltipProps} htmlFor={id}>
|
|
87
87
|
{label}
|
|
88
88
|
</FormLabel>
|
|
89
89
|
|
|
@@ -29,7 +29,7 @@ type UsedChakraTextProps = Pick<
|
|
|
29
29
|
export interface TextareaProps extends UsedFormControlProps, UsedChakraTextProps {
|
|
30
30
|
'data-testid'?: string;
|
|
31
31
|
errorText?: string;
|
|
32
|
-
|
|
32
|
+
infoTooltipLabel?: string;
|
|
33
33
|
infoTooltipProps?: TooltipProps;
|
|
34
34
|
isLoading?: boolean;
|
|
35
35
|
helperText?: string;
|
|
@@ -51,7 +51,7 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
|
|
|
51
51
|
'data-testid': dataTestid,
|
|
52
52
|
errorText,
|
|
53
53
|
helperText,
|
|
54
|
-
|
|
54
|
+
infoTooltipLabel,
|
|
55
55
|
infoTooltipProps,
|
|
56
56
|
isDisabled,
|
|
57
57
|
isInvalid,
|
|
@@ -102,7 +102,7 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
|
|
|
102
102
|
return (
|
|
103
103
|
<FormControl {...formControlProps}>
|
|
104
104
|
<FormLabel
|
|
105
|
-
|
|
105
|
+
infoTooltipLabel={infoTooltipLabel}
|
|
106
106
|
infoTooltipProps={infoTooltipProps}
|
|
107
107
|
maxLength={maxLength}
|
|
108
108
|
valueLength={valueLength}
|
|
@@ -18,7 +18,7 @@ export interface SelectProps extends Omit<FormControlProps, 'label' | 'onBlur' |
|
|
|
18
18
|
'data-testid'?: string;
|
|
19
19
|
errorText?: string;
|
|
20
20
|
helperText?: string;
|
|
21
|
-
|
|
21
|
+
infoTooltipLabel?: string;
|
|
22
22
|
infoTooltipProps?: TooltipProps;
|
|
23
23
|
isLoading?: boolean;
|
|
24
24
|
isWarning?: boolean;
|
|
@@ -38,7 +38,7 @@ const Select = forwardRef<SelectProps, 'div'>((props, ref) => {
|
|
|
38
38
|
defaultValue,
|
|
39
39
|
errorText,
|
|
40
40
|
helperText,
|
|
41
|
-
|
|
41
|
+
infoTooltipLabel,
|
|
42
42
|
infoTooltipProps,
|
|
43
43
|
isDisabled,
|
|
44
44
|
isInvalid,
|
|
@@ -87,7 +87,7 @@ const Select = forwardRef<SelectProps, 'div'>((props, ref) => {
|
|
|
87
87
|
|
|
88
88
|
return (
|
|
89
89
|
<FormControl {...formControlProps}>
|
|
90
|
-
<FormLabel
|
|
90
|
+
<FormLabel infoTooltipLabel={infoTooltipLabel} infoTooltipProps={infoTooltipProps}>
|
|
91
91
|
{label}
|
|
92
92
|
</FormLabel>
|
|
93
93
|
<Box sx={style.selectContainer}>
|