@commercetools-uikit/search-select-field 16.7.5 → 16.9.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/README.md +1 -0
- package/dist/commercetools-uikit-search-select-field.cjs.dev.js +5 -3
- package/dist/commercetools-uikit-search-select-field.cjs.prod.js +3 -2
- package/dist/commercetools-uikit-search-select-field.esm.js +5 -3
- package/dist/declarations/src/search-select-field.d.ts +1 -0
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -131,6 +131,7 @@ export default Example;
|
|
|
131
131
|
| `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. |
|
|
132
132
|
| `hintIcon` | `ReactElement` | | | Icon to be displayed beside the hint text.
<br />
Will only get rendered when `hint` is passed as well. |
|
|
133
133
|
| `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) |
|
|
134
|
+
| `iconLeft` | `ReactNode` | | | Icon to display on the left of the placeholder text and selected value. Has no effect when `isMulti` is enabled. |
|
|
134
135
|
|
|
135
136
|
## Signatures
|
|
136
137
|
|
|
@@ -122,7 +122,8 @@ const SearchSelectField = props => {
|
|
|
122
122
|
cacheOptions: props.cacheOptions,
|
|
123
123
|
showOptionGroupDivider: props.showOptionGroupDivider,
|
|
124
124
|
optionType: props.optionType,
|
|
125
|
-
controlShouldRenderValue: props.controlShouldRenderValue
|
|
125
|
+
controlShouldRenderValue: props.controlShouldRenderValue,
|
|
126
|
+
iconLeft: props.iconLeft
|
|
126
127
|
})), jsxRuntime.jsx(FieldErrors__default["default"], {
|
|
127
128
|
id: sequentialErrorsId,
|
|
128
129
|
errors: props.errors,
|
|
@@ -156,7 +157,8 @@ SearchSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
156
157
|
description: _pt__default["default"].node,
|
|
157
158
|
onInfoButtonClick: _pt__default["default"].func,
|
|
158
159
|
hintIcon: _pt__default["default"].element,
|
|
159
|
-
badge: _pt__default["default"].node
|
|
160
|
+
badge: _pt__default["default"].node,
|
|
161
|
+
iconLeft: _pt__default["default"].node
|
|
160
162
|
} : {};
|
|
161
163
|
SearchSelectField.defaultProps = defaultProps;
|
|
162
164
|
SearchSelectField.displayName = 'SearchSelectField';
|
|
@@ -171,7 +173,7 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
171
173
|
var SearchSelectField$1 = SearchSelectField;
|
|
172
174
|
|
|
173
175
|
// NOTE: This string will be replaced on build time with the package version.
|
|
174
|
-
var version = "16.
|
|
176
|
+
var version = "16.9.0";
|
|
175
177
|
|
|
176
178
|
exports["default"] = SearchSelectField$1;
|
|
177
179
|
exports.version = version;
|
|
@@ -113,7 +113,8 @@ const SearchSelectField = props => {
|
|
|
113
113
|
cacheOptions: props.cacheOptions,
|
|
114
114
|
showOptionGroupDivider: props.showOptionGroupDivider,
|
|
115
115
|
optionType: props.optionType,
|
|
116
|
-
controlShouldRenderValue: props.controlShouldRenderValue
|
|
116
|
+
controlShouldRenderValue: props.controlShouldRenderValue,
|
|
117
|
+
iconLeft: props.iconLeft
|
|
117
118
|
})), jsxRuntime.jsx(FieldErrors__default["default"], {
|
|
118
119
|
id: sequentialErrorsId,
|
|
119
120
|
errors: props.errors,
|
|
@@ -137,7 +138,7 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
137
138
|
var SearchSelectField$1 = SearchSelectField;
|
|
138
139
|
|
|
139
140
|
// NOTE: This string will be replaced on build time with the package version.
|
|
140
|
-
var version = "16.
|
|
141
|
+
var version = "16.9.0";
|
|
141
142
|
|
|
142
143
|
exports["default"] = SearchSelectField$1;
|
|
143
144
|
exports.version = version;
|
|
@@ -98,7 +98,8 @@ const SearchSelectField = props => {
|
|
|
98
98
|
cacheOptions: props.cacheOptions,
|
|
99
99
|
showOptionGroupDivider: props.showOptionGroupDivider,
|
|
100
100
|
optionType: props.optionType,
|
|
101
|
-
controlShouldRenderValue: props.controlShouldRenderValue
|
|
101
|
+
controlShouldRenderValue: props.controlShouldRenderValue,
|
|
102
|
+
iconLeft: props.iconLeft
|
|
102
103
|
})), jsx(FieldErrors, {
|
|
103
104
|
id: sequentialErrorsId,
|
|
104
105
|
errors: props.errors,
|
|
@@ -132,7 +133,8 @@ SearchSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
132
133
|
description: _pt.node,
|
|
133
134
|
onInfoButtonClick: _pt.func,
|
|
134
135
|
hintIcon: _pt.element,
|
|
135
|
-
badge: _pt.node
|
|
136
|
+
badge: _pt.node,
|
|
137
|
+
iconLeft: _pt.node
|
|
136
138
|
} : {};
|
|
137
139
|
SearchSelectField.defaultProps = defaultProps;
|
|
138
140
|
SearchSelectField.displayName = 'SearchSelectField';
|
|
@@ -147,6 +149,6 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
147
149
|
var SearchSelectField$1 = SearchSelectField;
|
|
148
150
|
|
|
149
151
|
// NOTE: This string will be replaced on build time with the package version.
|
|
150
|
-
var version = "16.
|
|
152
|
+
var version = "16.9.0";
|
|
151
153
|
|
|
152
154
|
export { SearchSelectField$1 as default, version };
|
|
@@ -62,6 +62,7 @@ export type TSearchSelectFieldProps = {
|
|
|
62
62
|
onInfoButtonClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
63
63
|
hintIcon?: ReactElement;
|
|
64
64
|
badge?: ReactNode;
|
|
65
|
+
iconLeft?: ReactNode;
|
|
65
66
|
};
|
|
66
67
|
declare const SearchSelectField: {
|
|
67
68
|
(props: TSearchSelectFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
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": "16.
|
|
4
|
+
"version": "16.9.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "16.
|
|
25
|
-
"@commercetools-uikit/design-system": "16.
|
|
26
|
-
"@commercetools-uikit/field-errors": "16.
|
|
27
|
-
"@commercetools-uikit/field-label": "16.
|
|
28
|
-
"@commercetools-uikit/hooks": "16.
|
|
29
|
-
"@commercetools-uikit/search-select-input": "16.
|
|
30
|
-
"@commercetools-uikit/spacings": "16.
|
|
31
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/constraints": "16.9.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.9.0",
|
|
26
|
+
"@commercetools-uikit/field-errors": "16.9.0",
|
|
27
|
+
"@commercetools-uikit/field-label": "16.9.0",
|
|
28
|
+
"@commercetools-uikit/hooks": "16.9.0",
|
|
29
|
+
"@commercetools-uikit/search-select-input": "16.9.0",
|
|
30
|
+
"@commercetools-uikit/spacings": "16.9.0",
|
|
31
|
+
"@commercetools-uikit/utils": "16.9.0",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"prop-types": "15.8.1",
|