@commercetools-uikit/password-field 20.5.0 → 20.6.1
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/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
|
|
2
|
-
<!-- This file is created by the `
|
|
2
|
+
<!-- This file is created by the `pnpm generate-readme` script. -->
|
|
3
3
|
|
|
4
4
|
# PasswordField
|
|
5
5
|
|
|
@@ -10,7 +10,7 @@ A controlled text input component for passwords with validation states.
|
|
|
10
10
|
## Installation
|
|
11
11
|
|
|
12
12
|
```
|
|
13
|
-
|
|
13
|
+
pnpm add @commercetools-uikit/password-field
|
|
14
14
|
```
|
|
15
15
|
|
|
16
16
|
```
|
|
@@ -20,7 +20,7 @@ npm --save install @commercetools-uikit/password-field
|
|
|
20
20
|
Additionally install the peer dependencies (if not present)
|
|
21
21
|
|
|
22
22
|
```
|
|
23
|
-
|
|
23
|
+
pnpm add react react-intl
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
```
|
|
@@ -95,8 +95,8 @@ const PasswordField = _ref => {
|
|
|
95
95
|
isPasswordVisible = _useToggleState2[0],
|
|
96
96
|
togglePasswordVisibility = _useToggleState2[1];
|
|
97
97
|
const id = hooks.useFieldId(props.id, sequentialId);
|
|
98
|
-
const errorsContainerId =
|
|
99
|
-
const warningsContainerId =
|
|
98
|
+
const errorsContainerId = `${id}-errors`;
|
|
99
|
+
const warningsContainerId = `${id}-warnings`;
|
|
100
100
|
const hasError = props.touched && hasErrors(props.errors);
|
|
101
101
|
const hasWarning = props.touched && hasWarnings(props.warnings);
|
|
102
102
|
const canInteract = !props.isDisabled && !props.isReadOnly && renderShowHideButton;
|
|
@@ -177,7 +177,7 @@ PasswordField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
177
177
|
var PasswordField$1 = PasswordField;
|
|
178
178
|
|
|
179
179
|
// NOTE: This string will be replaced on build time with the package version.
|
|
180
|
-
var version = "20.
|
|
180
|
+
var version = "20.6.1";
|
|
181
181
|
|
|
182
182
|
exports["default"] = PasswordField$1;
|
|
183
183
|
exports.version = version;
|
|
@@ -95,8 +95,8 @@ const PasswordField = _ref => {
|
|
|
95
95
|
isPasswordVisible = _useToggleState2[0],
|
|
96
96
|
togglePasswordVisibility = _useToggleState2[1];
|
|
97
97
|
const id = hooks.useFieldId(props.id, sequentialId);
|
|
98
|
-
const errorsContainerId =
|
|
99
|
-
const warningsContainerId =
|
|
98
|
+
const errorsContainerId = `${id}-errors`;
|
|
99
|
+
const warningsContainerId = `${id}-warnings`;
|
|
100
100
|
const hasError = props.touched && hasErrors(props.errors);
|
|
101
101
|
const hasWarning = props.touched && hasWarnings(props.warnings);
|
|
102
102
|
const canInteract = !props.isDisabled && !props.isReadOnly && renderShowHideButton;
|
|
@@ -173,7 +173,7 @@ PasswordField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
173
173
|
var PasswordField$1 = PasswordField;
|
|
174
174
|
|
|
175
175
|
// NOTE: This string will be replaced on build time with the package version.
|
|
176
|
-
var version = "20.
|
|
176
|
+
var version = "20.6.1";
|
|
177
177
|
|
|
178
178
|
exports["default"] = PasswordField$1;
|
|
179
179
|
exports.version = version;
|
|
@@ -70,8 +70,8 @@ const PasswordField = _ref => {
|
|
|
70
70
|
isPasswordVisible = _useToggleState2[0],
|
|
71
71
|
togglePasswordVisibility = _useToggleState2[1];
|
|
72
72
|
const id = useFieldId(props.id, sequentialId);
|
|
73
|
-
const errorsContainerId =
|
|
74
|
-
const warningsContainerId =
|
|
73
|
+
const errorsContainerId = `${id}-errors`;
|
|
74
|
+
const warningsContainerId = `${id}-warnings`;
|
|
75
75
|
const hasError = props.touched && hasErrors(props.errors);
|
|
76
76
|
const hasWarning = props.touched && hasWarnings(props.warnings);
|
|
77
77
|
const canInteract = !props.isDisabled && !props.isReadOnly && renderShowHideButton;
|
|
@@ -152,6 +152,6 @@ PasswordField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
152
152
|
var PasswordField$1 = PasswordField;
|
|
153
153
|
|
|
154
154
|
// NOTE: This string will be replaced on build time with the package version.
|
|
155
|
-
var version = "20.
|
|
155
|
+
var version = "20.6.1";
|
|
156
156
|
|
|
157
157
|
export { PasswordField$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/password-field",
|
|
3
3
|
"description": "A controlled text input component for passwords with validation states.",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.6.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,7 +9,13 @@
|
|
|
9
9
|
"directory": "packages/components/fields/password-field"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"javascript",
|
|
14
|
+
"typescript",
|
|
15
|
+
"design-system",
|
|
16
|
+
"react",
|
|
17
|
+
"uikit"
|
|
18
|
+
],
|
|
13
19
|
"license": "MIT",
|
|
14
20
|
"publishConfig": {
|
|
15
21
|
"access": "public"
|
|
@@ -17,31 +23,34 @@
|
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"main": "dist/commercetools-uikit-password-field.cjs.js",
|
|
19
25
|
"module": "dist/commercetools-uikit-password-field.esm.js",
|
|
20
|
-
"files": [
|
|
26
|
+
"files": [
|
|
27
|
+
"dist"
|
|
28
|
+
],
|
|
21
29
|
"dependencies": {
|
|
22
30
|
"@babel/runtime": "^7.20.13",
|
|
23
31
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "20.5.0",
|
|
25
|
-
"@commercetools-uikit/design-system": "20.5.0",
|
|
26
|
-
"@commercetools-uikit/field-errors": "20.5.0",
|
|
27
|
-
"@commercetools-uikit/field-label": "20.5.0",
|
|
28
|
-
"@commercetools-uikit/field-warnings": "20.5.0",
|
|
29
|
-
"@commercetools-uikit/flat-button": "20.5.0",
|
|
30
|
-
"@commercetools-uikit/hooks": "20.5.0",
|
|
31
|
-
"@commercetools-uikit/icons": "20.5.0",
|
|
32
|
-
"@commercetools-uikit/password-input": "20.5.0",
|
|
33
|
-
"@commercetools-uikit/spacings-inline": "20.5.0",
|
|
34
|
-
"@commercetools-uikit/spacings-stack": "20.5.0",
|
|
35
|
-
"@commercetools-uikit/utils": "20.5.0",
|
|
36
32
|
"@emotion/react": "^11.10.5",
|
|
37
|
-
"@emotion/styled": "^11.10.5"
|
|
33
|
+
"@emotion/styled": "^11.10.5",
|
|
34
|
+
"@commercetools-uikit/constraints": "^20.6.1",
|
|
35
|
+
"@commercetools-uikit/design-system": "^20.6.1",
|
|
36
|
+
"@commercetools-uikit/field-errors": "^20.6.1",
|
|
37
|
+
"@commercetools-uikit/field-label": "^20.6.1",
|
|
38
|
+
"@commercetools-uikit/field-warnings": "^20.6.1",
|
|
39
|
+
"@commercetools-uikit/flat-button": "^20.6.1",
|
|
40
|
+
"@commercetools-uikit/hooks": "^20.6.1",
|
|
41
|
+
"@commercetools-uikit/icons": "^20.6.1",
|
|
42
|
+
"@commercetools-uikit/password-input": "^20.6.1",
|
|
43
|
+
"@commercetools-uikit/spacings-inline": "^20.6.1",
|
|
44
|
+
"@commercetools-uikit/utils": "^20.6.1",
|
|
45
|
+
"@commercetools-uikit/spacings-stack": "^20.6.1"
|
|
38
46
|
},
|
|
39
47
|
"devDependencies": {
|
|
40
|
-
"
|
|
48
|
+
"prop-types": "^15.8.1",
|
|
49
|
+
"react": "19.2.6",
|
|
41
50
|
"react-intl": "^7.1.4"
|
|
42
51
|
},
|
|
43
52
|
"peerDependencies": {
|
|
44
53
|
"react": "19.x",
|
|
45
54
|
"react-intl": "7.x"
|
|
46
55
|
}
|
|
47
|
-
}
|
|
56
|
+
}
|