@commercetools-uikit/async-select-input 19.12.0 → 19.12.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 +1 -0
- package/dist/commercetools-uikit-async-select-input.cjs.dev.js +3 -2
- package/dist/commercetools-uikit-async-select-input.cjs.prod.js +3 -2
- package/dist/commercetools-uikit-async-select-input.esm.js +3 -2
- package/dist/declarations/src/async-select-input.d.ts +7 -5
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -64,6 +64,7 @@ export default Example;
|
|
|
64
64
|
| `components` | `AsyncProps['components']` | | | Map of components to overwrite the default ones, see [what components you can override](https://react-select.com/components)
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
65
65
|
| `controlShouldRenderValue` | `AsyncProps['controlShouldRenderValue']` | | `true` | Control whether the selected values should be rendered in the control
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
66
66
|
| `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) |
|
|
67
|
+
| `hideSelectedOptions` | `AsyncProps['hideSelectedOptions']` | | | Custom method to determine whether selected options should be displayed in the menu
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
67
68
|
| `id` | `AsyncProps['inputId']` | | | The id of the search input
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
68
69
|
| `inputValue` | `AsyncProps['inputValue']` | | | The value of the search input
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
69
70
|
| `containerId` | `AsyncProps['id']` | | | The id to set on the SelectContainer component
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
@@ -105,7 +105,8 @@ const AsyncSelectInput = props => {
|
|
|
105
105
|
controlShouldRenderValue: props.controlShouldRenderValue,
|
|
106
106
|
horizontalConstraint: props.horizontalConstraint
|
|
107
107
|
}),
|
|
108
|
-
filterOption: props.filterOption
|
|
108
|
+
filterOption: props.filterOption,
|
|
109
|
+
hideSelectedOptions: props.hideSelectedOptions
|
|
109
110
|
// react-select uses "id" (for the container) and "inputId" (for the input),
|
|
110
111
|
// but we use "id" (for the input) and "containerId" (for the container)
|
|
111
112
|
// instead.
|
|
@@ -248,7 +249,7 @@ AsyncSelectInput.ValueContainer = reactSelect.components.ValueContainer;
|
|
|
248
249
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
249
250
|
|
|
250
251
|
// NOTE: This string will be replaced on build time with the package version.
|
|
251
|
-
var version = "19.
|
|
252
|
+
var version = "19.12.1";
|
|
252
253
|
|
|
253
254
|
exports["default"] = AsyncSelectInput$1;
|
|
254
255
|
exports.version = version;
|
|
@@ -102,7 +102,8 @@ const AsyncSelectInput = props => {
|
|
|
102
102
|
controlShouldRenderValue: props.controlShouldRenderValue,
|
|
103
103
|
horizontalConstraint: props.horizontalConstraint
|
|
104
104
|
}),
|
|
105
|
-
filterOption: props.filterOption
|
|
105
|
+
filterOption: props.filterOption,
|
|
106
|
+
hideSelectedOptions: props.hideSelectedOptions
|
|
106
107
|
// react-select uses "id" (for the container) and "inputId" (for the input),
|
|
107
108
|
// but we use "id" (for the input) and "containerId" (for the container)
|
|
108
109
|
// instead.
|
|
@@ -231,7 +232,7 @@ AsyncSelectInput.ValueContainer = reactSelect.components.ValueContainer;
|
|
|
231
232
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
232
233
|
|
|
233
234
|
// NOTE: This string will be replaced on build time with the package version.
|
|
234
|
-
var version = "19.
|
|
235
|
+
var version = "19.12.1";
|
|
235
236
|
|
|
236
237
|
exports["default"] = AsyncSelectInput$1;
|
|
237
238
|
exports.version = version;
|
|
@@ -85,7 +85,8 @@ const AsyncSelectInput = props => {
|
|
|
85
85
|
controlShouldRenderValue: props.controlShouldRenderValue,
|
|
86
86
|
horizontalConstraint: props.horizontalConstraint
|
|
87
87
|
}),
|
|
88
|
-
filterOption: props.filterOption
|
|
88
|
+
filterOption: props.filterOption,
|
|
89
|
+
hideSelectedOptions: props.hideSelectedOptions
|
|
89
90
|
// react-select uses "id" (for the container) and "inputId" (for the input),
|
|
90
91
|
// but we use "id" (for the input) and "containerId" (for the container)
|
|
91
92
|
// instead.
|
|
@@ -228,6 +229,6 @@ AsyncSelectInput.ValueContainer = components.ValueContainer;
|
|
|
228
229
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
229
230
|
|
|
230
231
|
// NOTE: This string will be replaced on build time with the package version.
|
|
231
|
-
var version = "19.
|
|
232
|
+
var version = "19.12.1";
|
|
232
233
|
|
|
233
234
|
export { AsyncSelectInput$1 as default, version };
|
|
@@ -79,6 +79,12 @@ export type TAsyncSelectInputProps = {
|
|
|
79
79
|
* [Props from React select was used](https://react-select.com/props)
|
|
80
80
|
*/
|
|
81
81
|
filterOption?: ReactSelectAsyncProps['filterOption'];
|
|
82
|
+
/**
|
|
83
|
+
* Custom method to determine whether selected options should be displayed in the menu
|
|
84
|
+
* <br>
|
|
85
|
+
* [Props from React select was used](https://react-select.com/props)
|
|
86
|
+
*/
|
|
87
|
+
hideSelectedOptions?: ReactSelectAsyncProps['hideSelectedOptions'];
|
|
82
88
|
/**
|
|
83
89
|
* The id of the search input
|
|
84
90
|
* <br>
|
|
@@ -298,11 +304,7 @@ declare const AsyncSelectInput: {
|
|
|
298
304
|
};
|
|
299
305
|
NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>({ children, innerProps, ...restProps }: import("react-select").NoticeProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
|
|
300
306
|
Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import("react-select").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
|
|
301
|
-
Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import("react-select").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react"
|
|
302
|
-
* Name of the HTML Input (optional - without this, no input will be rendered)
|
|
303
|
-
* <br>
|
|
304
|
-
* [Props from React select was used](https://react-select.com/props)
|
|
305
|
-
*/).jsx.JSX.Element;
|
|
307
|
+
Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import("react-select").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
|
|
306
308
|
SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import("react-select").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
|
|
307
309
|
SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import("react-select").SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
|
|
308
310
|
ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import("react-select").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/async-select-input",
|
|
3
3
|
"description": "An input component getting a selection from an asynchronously loaded list from the user.",
|
|
4
|
-
"version": "19.12.
|
|
4
|
+
"version": "19.12.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,19 +21,19 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "19.12.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.12.
|
|
26
|
-
"@commercetools-uikit/icons": "19.12.
|
|
27
|
-
"@commercetools-uikit/loading-spinner": "19.12.
|
|
28
|
-
"@commercetools-uikit/select-utils": "19.12.
|
|
29
|
-
"@commercetools-uikit/spacings": "19.12.
|
|
30
|
-
"@commercetools-uikit/text": "19.12.
|
|
31
|
-
"@commercetools-uikit/utils": "19.12.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.12.1",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.12.1",
|
|
26
|
+
"@commercetools-uikit/icons": "19.12.1",
|
|
27
|
+
"@commercetools-uikit/loading-spinner": "19.12.1",
|
|
28
|
+
"@commercetools-uikit/select-utils": "19.12.1",
|
|
29
|
+
"@commercetools-uikit/spacings": "19.12.1",
|
|
30
|
+
"@commercetools-uikit/text": "19.12.1",
|
|
31
|
+
"@commercetools-uikit/utils": "19.12.1",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"lodash": "4.17.21",
|
|
35
35
|
"prop-types": "15.8.1",
|
|
36
|
-
"react-select": "5.8.
|
|
36
|
+
"react-select": "5.8.1"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"react": "17.0.2",
|