@commercetools-uikit/password-input 19.8.0 → 19.10.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.
|
@@ -94,7 +94,7 @@ PasswordInput.isEmpty = value => !value || _trimInstanceProperty__default["defau
|
|
|
94
94
|
var PasswordInput$1 = PasswordInput;
|
|
95
95
|
|
|
96
96
|
// NOTE: This string will be replaced on build time with the package version.
|
|
97
|
-
var version = "19.
|
|
97
|
+
var version = "19.10.0";
|
|
98
98
|
|
|
99
99
|
exports["default"] = PasswordInput$1;
|
|
100
100
|
exports.version = version;
|
|
@@ -73,7 +73,7 @@ PasswordInput.isEmpty = value => !value || _trimInstanceProperty__default["defau
|
|
|
73
73
|
var PasswordInput$1 = PasswordInput;
|
|
74
74
|
|
|
75
75
|
// NOTE: This string will be replaced on build time with the package version.
|
|
76
|
-
var version = "19.
|
|
76
|
+
var version = "19.10.0";
|
|
77
77
|
|
|
78
78
|
exports["default"] = PasswordInput$1;
|
|
79
79
|
exports.version = version;
|
|
@@ -76,6 +76,6 @@ PasswordInput.isEmpty = value => !value || _trimInstanceProperty(value).call(val
|
|
|
76
76
|
var PasswordInput$1 = PasswordInput;
|
|
77
77
|
|
|
78
78
|
// NOTE: This string will be replaced on build time with the package version.
|
|
79
|
-
var version = "19.
|
|
79
|
+
var version = "19.10.0";
|
|
80
80
|
|
|
81
81
|
export { PasswordInput$1 as default, version };
|
|
@@ -1,21 +1,73 @@
|
|
|
1
1
|
import type { ChangeEventHandler, FocusEventHandler } from 'react';
|
|
2
2
|
export type TPasswordInputProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Used as HTML id property. An id is auto-generated when it is not specified.
|
|
5
|
+
*/
|
|
3
6
|
id?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Used as HTML name of the input component. property
|
|
9
|
+
*/
|
|
4
10
|
name?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Indicate if the value entered in the input is invalid.
|
|
13
|
+
*/
|
|
5
14
|
'aria-invalid'?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* HTML ID of an element containing an error message related to the input.
|
|
17
|
+
*/
|
|
6
18
|
'aria-errormessage'?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Value of the input component.
|
|
21
|
+
*/
|
|
7
22
|
value: string;
|
|
23
|
+
/**
|
|
24
|
+
* Placeholder text for the input
|
|
25
|
+
*/
|
|
8
26
|
placeholder?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value.
|
|
29
|
+
*/
|
|
9
30
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
31
|
+
/**
|
|
32
|
+
* Called when input is blurred.
|
|
33
|
+
*/
|
|
10
34
|
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
35
|
+
/**
|
|
36
|
+
*
|
|
37
|
+
* Called when input is focused.
|
|
38
|
+
*/
|
|
11
39
|
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
40
|
+
/**
|
|
41
|
+
* Focus the input on initial render.
|
|
42
|
+
*/
|
|
12
43
|
isAutofocussed?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).
|
|
46
|
+
*/
|
|
13
47
|
isDisabled?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Indicates that the field is displaying read-only content
|
|
50
|
+
*/
|
|
14
51
|
isReadOnly?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Indicates that the input has an error
|
|
54
|
+
*/
|
|
15
55
|
hasError?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Indicates that the input has a warning due to e.g invalid values
|
|
58
|
+
*/
|
|
16
59
|
hasWarning?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Indicates whether we show the password or not
|
|
62
|
+
*/
|
|
17
63
|
isPasswordVisible?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Horizontal size limit of the input fields.
|
|
66
|
+
*/
|
|
18
67
|
horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
68
|
+
/**
|
|
69
|
+
* Password autocomplete mode
|
|
70
|
+
*/
|
|
19
71
|
autoComplete?: 'on' | 'off' | 'current-password' | 'new-password';
|
|
20
72
|
};
|
|
21
73
|
declare const PasswordInput: {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/password-input",
|
|
3
3
|
"description": "A controlled password input component.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.10.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/input-utils": "19.
|
|
27
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.10.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.10.0",
|
|
26
|
+
"@commercetools-uikit/input-utils": "19.10.0",
|
|
27
|
+
"@commercetools-uikit/utils": "19.10.0",
|
|
28
28
|
"@emotion/react": "^11.10.5",
|
|
29
29
|
"@emotion/styled": "^11.10.5",
|
|
30
30
|
"prop-types": "15.8.1"
|