@commercetools-uikit/search-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.
Files changed (5) hide show
  1. package/README.md +1 -1
  2. package/dist/commercetools-uikit-search-select-input.cjs.dev.js +7 -1
  3. package/dist/commercetools-uikit-search-select-input.cjs.prod.js +7 -1
  4. package/dist/commercetools-uikit-search-select-input.esm.js +8 -2
  5. package/package.json +7 -7
package/README.md CHANGED
@@ -86,7 +86,7 @@ export default Example;
86
86
  | `noOptionsMessage` | `AsyncProps['noOptionsMessage']` | | | Can be used to render a custom value when there are no options (either because of no search results, or all options have been used, or there were none in the first place). Gets called with `{ inputValue: String }`. `inputValue` will be an empty string when no search text is present.&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
87
87
  | `maxMenuHeight` | `AsyncProps['maxMenuHeight']` | | `220` | Maximum height of the menu before scrolling&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
88
88
  | `menuPortalTarget` | `AsyncProps['menuPortalTarget']` | | | Dom element to portal the select menu to&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
89
- | `menuPortalZIndex` | `number` | | `1` | z-index value for the menu portal |
89
+ | `menuPortalZIndex` | `number` | | `1` | z-index value for the menu portal&#xA;<br>&#xA;Use in conjunction with `menuPortalTarget` |
90
90
  | `menuShouldBlockScroll` | `AsyncProps['menuShouldBlockScroll']` | | | whether the menu should block scroll while open&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
91
91
  | `closeMenuOnSelect` | `AsyncProps['closeMenuOnSelect']` | | | Whether the menu should close after a value is selected. Defaults to `true`.&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
92
92
  | `showOptionGroupDivider` | `boolean` | | | Determines if option groups will be separated by a divider |
package/dist/commercetools-uikit-search-select-input.cjs.dev.js CHANGED
@@ -82,6 +82,12 @@ var SearchSelectInput = function SearchSelectInput(props) {
82
82
  process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'SearchSelectInput: `onChange` is required when input is not read only.') : void 0;
83
83
  }
84
84
 
85
+ selectUtils.warnIfMenuPortalPropsAreMissing({
86
+ menuPortalZIndex: props.menuPortalZIndex,
87
+ menuPortalTarget: props.menuPortalTarget,
88
+ componentName: 'SearchSelectInput'
89
+ });
90
+
85
91
  var noOptionsMessage = props.noOptionsMessage || function () {
86
92
  return intl.formatMessage(messages.noOptionsMessage);
87
93
  };
@@ -136,7 +142,7 @@ SearchSelectInput.displayName = 'SearchSelectInput';
136
142
  var SearchSelectInput$1 = SearchSelectInput;
137
143
 
138
144
  // NOTE: This string will be replaced on build time with the package version.
139
- var version = "15.14.2";
145
+ var version = "15.15.0";
140
146
 
141
147
  exports["default"] = SearchSelectInput$1;
142
148
  exports.version = version;
package/dist/commercetools-uikit-search-select-input.cjs.prod.js CHANGED
@@ -76,6 +76,12 @@ var SearchSelectInput = function SearchSelectInput(props) {
76
76
 
77
77
  if (!props.isReadOnly) ;
78
78
 
79
+ selectUtils.warnIfMenuPortalPropsAreMissing({
80
+ menuPortalZIndex: props.menuPortalZIndex,
81
+ menuPortalTarget: props.menuPortalTarget,
82
+ componentName: 'SearchSelectInput'
83
+ });
84
+
79
85
  var noOptionsMessage = props.noOptionsMessage || function () {
80
86
  return intl.formatMessage(messages.noOptionsMessage);
81
87
  };
@@ -116,7 +122,7 @@ SearchSelectInput.displayName = 'SearchSelectInput';
116
122
  var SearchSelectInput$1 = SearchSelectInput;
117
123
 
118
124
  // NOTE: This string will be replaced on build time with the package version.
119
- var version = "15.14.2";
125
+ var version = "15.15.0";
120
126
 
121
127
  exports["default"] = SearchSelectInput$1;
122
128
  exports.version = version;
package/dist/commercetools-uikit-search-select-input.esm.js CHANGED
@@ -12,7 +12,7 @@ import { useMemo } from 'react';
12
12
  import { defineMessages, useIntl } from 'react-intl';
13
13
  import AsyncSelectInput from '@commercetools-uikit/async-select-input';
14
14
  import { warning } from '@commercetools-uikit/utils';
15
- import { CustomSelectInputOption, SearchIconDropdownIndicator } from '@commercetools-uikit/select-utils';
15
+ import { warnIfMenuPortalPropsAreMissing, CustomSelectInputOption, SearchIconDropdownIndicator } from '@commercetools-uikit/select-utils';
16
16
  import _styled from '@emotion/styled/base';
17
17
  import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
18
18
  import { designTokens } from '@commercetools-uikit/design-system';
@@ -63,6 +63,12 @@ var SearchSelectInput = function SearchSelectInput(props) {
63
63
  process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'SearchSelectInput: `onChange` is required when input is not read only.') : void 0;
64
64
  }
65
65
 
66
+ warnIfMenuPortalPropsAreMissing({
67
+ menuPortalZIndex: props.menuPortalZIndex,
68
+ menuPortalTarget: props.menuPortalTarget,
69
+ componentName: 'SearchSelectInput'
70
+ });
71
+
66
72
  var noOptionsMessage = props.noOptionsMessage || function () {
67
73
  return intl.formatMessage(messages.noOptionsMessage);
68
74
  };
@@ -117,6 +123,6 @@ SearchSelectInput.displayName = 'SearchSelectInput';
117
123
  var SearchSelectInput$1 = SearchSelectInput;
118
124
 
119
125
  // NOTE: This string will be replaced on build time with the package version.
120
- var version = "15.14.2";
126
+ var version = "15.15.0";
121
127
 
122
128
  export { SearchSelectInput$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/search-select-input",
3
3
  "description": "A search select input component built on top of `@commercetools-uikit/async-select-input` to asynchronously load results (options) using the keyword that the user has entered.",
4
- "version": "15.14.2",
4
+ "version": "15.15.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,12 +21,12 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/async-select-input": "15.14.2",
25
- "@commercetools-uikit/design-system": "15.14.2",
26
- "@commercetools-uikit/select-utils": "15.14.2",
27
- "@commercetools-uikit/spacings": "15.14.2",
28
- "@commercetools-uikit/text": "15.14.2",
29
- "@commercetools-uikit/utils": "15.14.2",
24
+ "@commercetools-uikit/async-select-input": "15.15.0",
25
+ "@commercetools-uikit/design-system": "15.15.0",
26
+ "@commercetools-uikit/select-utils": "15.15.0",
27
+ "@commercetools-uikit/spacings": "15.15.0",
28
+ "@commercetools-uikit/text": "15.15.0",
29
+ "@commercetools-uikit/utils": "15.15.0",
30
30
  "@emotion/react": "^11.10.5",
31
31
  "@emotion/styled": "^11.10.5",
32
32
  "prop-types": "15.8.1"