@commercetools-uikit/localized-multiline-text-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
|
# LocalizedMultilineTextField
|
|
5
5
|
|
|
@@ -10,7 +10,7 @@ A controlled text input component for localized multi-line strings with validati
|
|
|
10
10
|
## Installation
|
|
11
11
|
|
|
12
12
|
```
|
|
13
|
-
|
|
13
|
+
pnpm add @commercetools-uikit/localized-multiline-text-field
|
|
14
14
|
```
|
|
15
15
|
|
|
16
16
|
```
|
|
@@ -20,7 +20,7 @@ npm --save install @commercetools-uikit/localized-multiline-text-field
|
|
|
20
20
|
Additionally install the peer dependencies (if not present)
|
|
21
21
|
|
|
22
22
|
```
|
|
23
|
-
|
|
23
|
+
pnpm add react
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
```
|
|
@@ -57,7 +57,7 @@ export default Example;
|
|
|
57
57
|
| `renderError` | `Function`<br/>[See signature.](#signature-rendererror) | | | Called with custom errors. This function can return a message which will be wrapped in an ErrorMessage. It can also return null to show no error. |
|
|
58
58
|
| `warnings` | `Record` | | | A map of warnings. Warning messages for known warnings are rendered automatically.
<br/>
Unknown warnings will be forwarded to renderWarning. |
|
|
59
59
|
| `renderWarning` | `Function`<br/>[See signature.](#signature-renderwarning) | | | Called with custom warnings, as renderWarning(key, warning). This function can return a message which will be wrapped in a WarningMessage.
<br />
It can also return null to show no warning. |
|
|
60
|
-
| `additionalInfo` | `
|
|
60
|
+
| `additionalInfo` | `TLocalizedMultilineTextInputProps['additionalInfo']` | | | An object mapping locales to additional messages to be rendered below each input element.
Example:
{
en: 'Some value',
es: 'Algún valor',
} |
|
|
61
61
|
| `isRequired` | `boolean` | | | Indicates if the value is required. Shows an the "required asterisk" if so. |
|
|
62
62
|
| `touched` | `boolean` | | | Indicates whether the field was touched. Errors will only be shown when the field was touched. |
|
|
63
63
|
| `autoComplete` | `string` | | | Used as HTML `autocomplete` property |
|
|
@@ -89,8 +89,8 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
89
89
|
}
|
|
90
90
|
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
91
91
|
const hasWarning = this.props.touched && hasWarnings(this.props.warnings);
|
|
92
|
-
const errorsContainerId =
|
|
93
|
-
const warningsContainerId =
|
|
92
|
+
const errorsContainerId = `${this.state.id}-errors`;
|
|
93
|
+
const warningsContainerId = `${this.state.id}-warnings`;
|
|
94
94
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
95
95
|
max: this.props.horizontalConstraint,
|
|
96
96
|
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
@@ -169,7 +169,7 @@ LocalizedMultilineTextField.getDerivedStateFromProps = (props, state) => ({
|
|
|
169
169
|
var LocalizedMultilineTextField$1 = LocalizedMultilineTextField;
|
|
170
170
|
|
|
171
171
|
// NOTE: This string will be replaced on build time with the package version.
|
|
172
|
-
var version = "20.
|
|
172
|
+
var version = "20.6.1";
|
|
173
173
|
|
|
174
174
|
exports["default"] = LocalizedMultilineTextField$1;
|
|
175
175
|
exports.version = version;
|
|
@@ -85,8 +85,8 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
85
85
|
if (this.props.hintIcon) ;
|
|
86
86
|
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
87
87
|
const hasWarning = this.props.touched && hasWarnings(this.props.warnings);
|
|
88
|
-
const errorsContainerId =
|
|
89
|
-
const warningsContainerId =
|
|
88
|
+
const errorsContainerId = `${this.state.id}-errors`;
|
|
89
|
+
const warningsContainerId = `${this.state.id}-warnings`;
|
|
90
90
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
91
91
|
max: this.props.horizontalConstraint,
|
|
92
92
|
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
@@ -165,7 +165,7 @@ LocalizedMultilineTextField.getDerivedStateFromProps = (props, state) => ({
|
|
|
165
165
|
var LocalizedMultilineTextField$1 = LocalizedMultilineTextField;
|
|
166
166
|
|
|
167
167
|
// NOTE: This string will be replaced on build time with the package version.
|
|
168
|
-
var version = "20.
|
|
168
|
+
var version = "20.6.1";
|
|
169
169
|
|
|
170
170
|
exports["default"] = LocalizedMultilineTextField$1;
|
|
171
171
|
exports.version = version;
|
|
@@ -65,8 +65,8 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
|
|
|
65
65
|
}
|
|
66
66
|
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
67
67
|
const hasWarning = this.props.touched && hasWarnings(this.props.warnings);
|
|
68
|
-
const errorsContainerId =
|
|
69
|
-
const warningsContainerId =
|
|
68
|
+
const errorsContainerId = `${this.state.id}-errors`;
|
|
69
|
+
const warningsContainerId = `${this.state.id}-warnings`;
|
|
70
70
|
return jsx(Constraints.Horizontal, {
|
|
71
71
|
max: this.props.horizontalConstraint,
|
|
72
72
|
children: jsxs(Spacings.Stack, {
|
|
@@ -145,6 +145,6 @@ LocalizedMultilineTextField.getDerivedStateFromProps = (props, state) => ({
|
|
|
145
145
|
var LocalizedMultilineTextField$1 = LocalizedMultilineTextField;
|
|
146
146
|
|
|
147
147
|
// NOTE: This string will be replaced on build time with the package version.
|
|
148
|
-
var version = "20.
|
|
148
|
+
var version = "20.6.1";
|
|
149
149
|
|
|
150
150
|
export { LocalizedMultilineTextField$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/localized-multiline-text-field",
|
|
3
3
|
"description": "A controlled text input component for localized multi-line strings 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/localized-multiline-text-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,26 +23,29 @@
|
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"main": "dist/commercetools-uikit-localized-multiline-text-field.cjs.js",
|
|
19
25
|
"module": "dist/commercetools-uikit-localized-multiline-text-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/localized-multiline-text-input": "20.5.0",
|
|
30
|
-
"@commercetools-uikit/spacings": "20.5.0",
|
|
31
|
-
"@commercetools-uikit/utils": "20.5.0",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
|
-
"react-intl": "^7.1.4"
|
|
34
|
+
"react-intl": "^7.1.4",
|
|
35
|
+
"@commercetools-uikit/constraints": "^20.6.1",
|
|
36
|
+
"@commercetools-uikit/design-system": "^20.6.1",
|
|
37
|
+
"@commercetools-uikit/field-errors": "^20.6.1",
|
|
38
|
+
"@commercetools-uikit/field-label": "^20.6.1",
|
|
39
|
+
"@commercetools-uikit/field-warnings": "^20.6.1",
|
|
40
|
+
"@commercetools-uikit/localized-multiline-text-input": "^20.6.1",
|
|
41
|
+
"@commercetools-uikit/spacings": "^20.6.1",
|
|
42
|
+
"@commercetools-uikit/utils": "^20.6.1"
|
|
35
43
|
},
|
|
36
44
|
"devDependencies": {
|
|
37
|
-
"
|
|
45
|
+
"prop-types": "^15.8.1",
|
|
46
|
+
"react": "19.2.6"
|
|
38
47
|
},
|
|
39
48
|
"peerDependencies": {
|
|
40
49
|
"react": "19.x"
|
|
41
50
|
}
|
|
42
|
-
}
|
|
51
|
+
}
|