@commercetools-uikit/search-select-field 19.22.4 → 19.22.6
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
|
@@ -112,8 +112,8 @@ export default Example;
|
|
|
112
112
|
| `menuPortalZIndex` | `number` | | | z-index value for the menu portal
<br>
Use in conjunction with `menuPortalTarget` |
|
|
113
113
|
| `menuShouldBlockScroll` | `boolean` | | | whether the menu should block scroll while open |
|
|
114
114
|
| `showOptionGroupDivider` | `boolean` | | | Determines if option groups will be separated by a divider |
|
|
115
|
-
| `onBlur` | `Function`<br/>[See signature.](#signature-
|
|
116
|
-
| `onChange` | `Function`<br/>[See signature.](#signature-
|
|
115
|
+
| `onBlur` | `Function`<br/>[See signature.](#signature-onblur) | | | Handle blur events on the control |
|
|
116
|
+
| `onChange` | `Function`<br/>[See signature.](#signature-onchange) | | | Called with a fake event when value changes.
<br />
The event's `target.name` will be the `name` supplied in props. The event's `target.value` will hold the value. The value will be the selected option, or an array of options in case `isMulti` is `true`. |
|
|
117
117
|
| `onFocus` | `AsyncProps['onFocus']` | | | Handle focus events on the control
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
118
118
|
| `onInputChange` | `AsyncProps['onInputChange']` | | | Handle change events on the input
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
119
119
|
| `tabSelectsValue` | `AsyncProps['tabSelectsValue']` | | | Select the currently focused option when the user presses tab
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
@@ -123,15 +123,15 @@ export default Example;
|
|
|
123
123
|
| `filterOption` | `AsyncProps['filterOption']` | | | Custom method to filter whether an option should be displayed in the menu
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
124
124
|
| `optionType` | `union`<br/>Possible values:<br/>`'single-property' , 'double-property' , 'multiple-properties'` | | | The style of the an option in the dropdown menu. It could be single lined option or an option with more and custom info |
|
|
125
125
|
| `errors` | `Record` | | | A map of errors. Error messages for known errors are rendered automatically.
<br />
Unknown errors will be forwarded to `renderError` |
|
|
126
|
-
| `renderError` | `Function`<br/>[See signature.](#signature-
|
|
126
|
+
| `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. |
|
|
127
127
|
| `warnings` | `Record` | | | A map of warnings. Warning messages for known warnings are rendered automatically.
<br/>
Unknown warnings will be forwarded to renderWarning. |
|
|
128
|
-
| `renderWarning` | `Function`<br/>[See signature.](#signature-
|
|
128
|
+
| `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. |
|
|
129
129
|
| `isRequired` | `boolean` | | | Indicates if the value is required. Shows an the "required asterisk" if so. |
|
|
130
130
|
| `touched` | `union`<br/>Possible values:<br/>`boolean[] , boolean` | | | Indicates whether the field was touched. Errors will only be shown when the field was touched. |
|
|
131
131
|
| `title` | `ReactNode` | ✅ | | Title of the label |
|
|
132
132
|
| `hint` | `ReactNode` | | | Hint for the label. Provides a supplementary but important information regarding the behaviour of the input (e.g warn about uniqueness of a field, when it can only be set once), whereas `description` can describe it in more depth. Can also receive a `hintIcon`. |
|
|
133
133
|
| `description` | `ReactNode` | | | Provides a description for the title. |
|
|
134
|
-
| `onInfoButtonClick` | `Function`<br/>[See signature.](#signature-
|
|
134
|
+
| `onInfoButtonClick` | `Function`<br/>[See signature.](#signature-oninfobuttonclick) | | | Function called when info button is pressed.
<br />
Info button will only be visible when this prop is passed. |
|
|
135
135
|
| `hintIcon` | `ReactElement` | | | Icon to be displayed beside the hint text.
<br />
Will only get rendered when `hint` is passed as well. |
|
|
136
136
|
| `badge` | `ReactNode` | | | Badge to be displayed beside the label.
<br />
Might be used to display additional information about the content of the field (E.g verified email) |
|
|
137
137
|
| `iconLeft` | `ReactNode` | | | Icon to display on the left of the placeholder text and selected value. Has no effect when `isMulti` is enabled. |
|
|
@@ -190,7 +190,7 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
190
190
|
var SearchSelectField$1 = SearchSelectField;
|
|
191
191
|
|
|
192
192
|
// NOTE: This string will be replaced on build time with the package version.
|
|
193
|
-
var version = "19.22.
|
|
193
|
+
var version = "19.22.6";
|
|
194
194
|
|
|
195
195
|
exports["default"] = SearchSelectField$1;
|
|
196
196
|
exports.version = version;
|
|
@@ -155,7 +155,7 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
155
155
|
var SearchSelectField$1 = SearchSelectField;
|
|
156
156
|
|
|
157
157
|
// NOTE: This string will be replaced on build time with the package version.
|
|
158
|
-
var version = "19.22.
|
|
158
|
+
var version = "19.22.6";
|
|
159
159
|
|
|
160
160
|
exports["default"] = SearchSelectField$1;
|
|
161
161
|
exports.version = version;
|
|
@@ -165,6 +165,6 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
165
165
|
var SearchSelectField$1 = SearchSelectField;
|
|
166
166
|
|
|
167
167
|
// NOTE: This string will be replaced on build time with the package version.
|
|
168
|
-
var version = "19.22.
|
|
168
|
+
var version = "19.22.6";
|
|
169
169
|
|
|
170
170
|
export { SearchSelectField$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/search-select-field",
|
|
3
3
|
"description": "A search select field built on top of search select input, allowing users to asynchronously search for options",
|
|
4
|
-
"version": "19.22.
|
|
4
|
+
"version": "19.22.6",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,15 +21,15 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "19.22.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.22.
|
|
26
|
-
"@commercetools-uikit/field-errors": "19.22.
|
|
27
|
-
"@commercetools-uikit/field-label": "19.22.
|
|
28
|
-
"@commercetools-uikit/field-warnings": "19.22.
|
|
29
|
-
"@commercetools-uikit/hooks": "19.22.
|
|
30
|
-
"@commercetools-uikit/search-select-input": "19.22.
|
|
31
|
-
"@commercetools-uikit/spacings": "19.22.
|
|
32
|
-
"@commercetools-uikit/utils": "19.22.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.22.6",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.22.6",
|
|
26
|
+
"@commercetools-uikit/field-errors": "19.22.6",
|
|
27
|
+
"@commercetools-uikit/field-label": "19.22.6",
|
|
28
|
+
"@commercetools-uikit/field-warnings": "19.22.6",
|
|
29
|
+
"@commercetools-uikit/hooks": "19.22.6",
|
|
30
|
+
"@commercetools-uikit/search-select-input": "19.22.6",
|
|
31
|
+
"@commercetools-uikit/spacings": "19.22.6",
|
|
32
|
+
"@commercetools-uikit/utils": "19.22.6",
|
|
33
33
|
"@emotion/react": "^11.10.5",
|
|
34
34
|
"@emotion/styled": "^11.10.5",
|
|
35
35
|
"prop-types": "15.8.1",
|