@commercetools-uikit/async-select-input 15.14.2 → 15.15.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 -1
- package/dist/commercetools-uikit-async-select-input.cjs.dev.js +6 -1
- package/dist/commercetools-uikit-async-select-input.cjs.prod.js +6 -1
- package/dist/commercetools-uikit-async-select-input.esm.js +7 -2
- package/dist/declarations/src/async-select-input.d.ts +2 -2
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -82,7 +82,7 @@ export default Example;
|
|
|
82
82
|
| `isSearchable` | `AsyncProps['isSearchable']` | | `true` | Whether to enable search functionality
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
83
83
|
| `maxMenuHeight` | `AsyncProps['maxMenuHeight']` | | | Maximum height of the menu before scrolling
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
84
84
|
| `menuPortalTarget` | `AsyncProps['menuPortalTarget']` | | | Dom element to portal the select menu to
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
85
|
-
| `menuPortalZIndex` | `number` | | `1` | z-index value for the menu portal
|
|
85
|
+
| `menuPortalZIndex` | `number` | | `1` | z-index value for the menu portal
<br>
Use in conjunction with `menuPortalTarget` |
|
|
86
86
|
| `menuShouldBlockScroll` | `AsyncProps['menuShouldBlockScroll']` | | | whether the menu should block scroll while open
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
87
87
|
| `closeMenuOnSelect` | `AsyncProps['closeMenuOnSelect']` | | | Whether the menu should close after a value is selected. Defaults to `true`.
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
88
88
|
| `name` | `AsyncProps['name']` | | | Name of the HTML Input (optional - without this, no input will be rendered)
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
@@ -74,6 +74,11 @@ var AsyncSelectInput = function AsyncSelectInput(props) {
|
|
|
74
74
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'AsyncSelectInput: `onChange` is required when input is not read only.') : void 0;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
+
selectUtils.warnIfMenuPortalPropsAreMissing({
|
|
78
|
+
menuPortalZIndex: props.menuPortalZIndex,
|
|
79
|
+
menuPortalTarget: props.menuPortalTarget,
|
|
80
|
+
componentName: 'AsyncSelectInput'
|
|
81
|
+
});
|
|
77
82
|
var placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
|
|
78
83
|
|
|
79
84
|
var loadingMessage = function loadingMessage() {
|
|
@@ -257,7 +262,7 @@ AsyncSelectInput.ValueContainer = reactSelect.components.ValueContainer;
|
|
|
257
262
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
258
263
|
|
|
259
264
|
// NOTE: This string will be replaced on build time with the package version.
|
|
260
|
-
var version = "15.
|
|
265
|
+
var version = "15.15.0";
|
|
261
266
|
|
|
262
267
|
exports["default"] = AsyncSelectInput$1;
|
|
263
268
|
exports.version = version;
|
|
@@ -71,6 +71,11 @@ var AsyncSelectInput = function AsyncSelectInput(props) {
|
|
|
71
71
|
|
|
72
72
|
if (!props.isReadOnly) ;
|
|
73
73
|
|
|
74
|
+
selectUtils.warnIfMenuPortalPropsAreMissing({
|
|
75
|
+
menuPortalZIndex: props.menuPortalZIndex,
|
|
76
|
+
menuPortalTarget: props.menuPortalTarget,
|
|
77
|
+
componentName: 'AsyncSelectInput'
|
|
78
|
+
});
|
|
74
79
|
var placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
|
|
75
80
|
|
|
76
81
|
var loadingMessage = function loadingMessage() {
|
|
@@ -241,7 +246,7 @@ AsyncSelectInput.ValueContainer = reactSelect.components.ValueContainer;
|
|
|
241
246
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
242
247
|
|
|
243
248
|
// NOTE: This string will be replaced on build time with the package version.
|
|
244
|
-
var version = "15.
|
|
249
|
+
var version = "15.15.0";
|
|
245
250
|
|
|
246
251
|
exports["default"] = AsyncSelectInput$1;
|
|
247
252
|
exports.version = version;
|
|
@@ -15,7 +15,7 @@ import AsyncSelect from 'react-select/async';
|
|
|
15
15
|
import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
|
|
16
16
|
import Constraints from '@commercetools-uikit/constraints';
|
|
17
17
|
import LoadingSpinner from '@commercetools-uikit/loading-spinner';
|
|
18
|
-
import { messages, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
|
|
18
|
+
import { warnIfMenuPortalPropsAreMissing, messages, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
|
|
19
19
|
import { useTheme } from '@commercetools-uikit/design-system';
|
|
20
20
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
21
21
|
|
|
@@ -54,6 +54,11 @@ var AsyncSelectInput = function AsyncSelectInput(props) {
|
|
|
54
54
|
process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'AsyncSelectInput: `onChange` is required when input is not read only.') : void 0;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
warnIfMenuPortalPropsAreMissing({
|
|
58
|
+
menuPortalZIndex: props.menuPortalZIndex,
|
|
59
|
+
menuPortalTarget: props.menuPortalTarget,
|
|
60
|
+
componentName: 'AsyncSelectInput'
|
|
61
|
+
});
|
|
57
62
|
var placeholder = props.placeholder || intl.formatMessage(messages.placeholder);
|
|
58
63
|
|
|
59
64
|
var loadingMessage = function loadingMessage() {
|
|
@@ -237,6 +242,6 @@ AsyncSelectInput.ValueContainer = components.ValueContainer;
|
|
|
237
242
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
238
243
|
|
|
239
244
|
// NOTE: This string will be replaced on build time with the package version.
|
|
240
|
-
var version = "15.
|
|
245
|
+
var version = "15.15.0";
|
|
241
246
|
|
|
242
247
|
export { AsyncSelectInput$1 as default, version };
|
|
@@ -59,7 +59,7 @@ declare const AsyncSelectInput: {
|
|
|
59
59
|
defaultProps: Pick<TAsyncSelectInputProps, "value" | "isSearchable" | "menuPortalZIndex">;
|
|
60
60
|
isTouched(touched: unknown): boolean;
|
|
61
61
|
ClearIndicator: {
|
|
62
|
-
(props: import("@commercetools-uikit/select-utils
|
|
62
|
+
(props: import("@commercetools-uikit/select-utils").TClearIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
63
63
|
displayName: string;
|
|
64
64
|
};
|
|
65
65
|
Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import("react-select").ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
|
|
@@ -91,7 +91,7 @@ declare const AsyncSelectInput: {
|
|
|
91
91
|
MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
|
|
92
92
|
MultiValueLabel: <Option_15_1, IsMulti_15_1 extends boolean, Group_15_1 extends GroupBase<Option_15_1>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15_1, IsMulti_15_1, Group_15_1>) => import("@emotion/react").jsx.JSX.Element;
|
|
93
93
|
MultiValueRemove: {
|
|
94
|
-
(props: import("@commercetools-uikit/select-utils
|
|
94
|
+
(props: import("@commercetools-uikit/select-utils").TTagRemoveProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
95
95
|
displayName: string;
|
|
96
96
|
};
|
|
97
97
|
NoOptionsMessage: {
|
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": "15.
|
|
4
|
+
"version": "15.15.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": "15.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/icons": "15.
|
|
27
|
-
"@commercetools-uikit/loading-spinner": "15.
|
|
28
|
-
"@commercetools-uikit/select-utils": "15.
|
|
29
|
-
"@commercetools-uikit/spacings": "15.
|
|
30
|
-
"@commercetools-uikit/text": "15.
|
|
31
|
-
"@commercetools-uikit/utils": "15.
|
|
24
|
+
"@commercetools-uikit/constraints": "15.15.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "15.15.0",
|
|
26
|
+
"@commercetools-uikit/icons": "15.15.0",
|
|
27
|
+
"@commercetools-uikit/loading-spinner": "15.15.0",
|
|
28
|
+
"@commercetools-uikit/select-utils": "15.15.0",
|
|
29
|
+
"@commercetools-uikit/spacings": "15.15.0",
|
|
30
|
+
"@commercetools-uikit/text": "15.15.0",
|
|
31
|
+
"@commercetools-uikit/utils": "15.15.0",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"lodash": "4.17.21",
|