@commercetools-uikit/select-input 15.2.4 → 15.4.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/dist/commercetools-uikit-select-input.cjs.dev.js +2 -4
  2. package/dist/commercetools-uikit-select-input.cjs.prod.js +2 -4
  3. package/dist/commercetools-uikit-select-input.esm.js +2 -4
  4. package/dist/declarations/src/select-input.d.ts +11 -11
  5. package/package.json +7 -7
package/dist/commercetools-uikit-select-input.cjs.dev.js CHANGED
@@ -16,7 +16,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
16
16
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
17
17
  var reactIntl = require('react-intl');
18
18
  var isEmpty = require('lodash/isEmpty');
19
- var react = require('@emotion/react');
20
19
  var has = require('lodash/has');
21
20
  var flatMap = require('lodash/flatMap');
22
21
  var Select = require('react-select');
@@ -61,7 +60,6 @@ var SelectInput = function SelectInput(props) {
61
60
  var _context, _context2;
62
61
 
63
62
  var intl = reactIntl.useIntl();
64
- var theme = react.useTheme();
65
63
  var placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder); // Options can be grouped as
66
64
  // const colourOptions = [{ value: 'green', label: 'Green' }];
67
65
  // const flavourOptions = [{ value: 'vanilla', label: 'Vanilla' }];
@@ -111,7 +109,7 @@ var SelectInput = function SelectInput(props) {
111
109
  iconLeft: props.iconLeft,
112
110
  isMulti: props.isMulti,
113
111
  hasValue: !isEmpty__default["default"](selectedOptions)
114
- }, theme),
112
+ }),
115
113
  filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
116
114
  // but we use "id" (for the input) and "containerId" (for the container)
117
115
  // instead.
@@ -260,7 +258,7 @@ SelectInput.ValueContainer = Select.components.ValueContainer;
260
258
  var SelectInput$1 = SelectInput;
261
259
 
262
260
  // NOTE: This string will be replaced on build time with the package version.
263
- var version = "15.2.4";
261
+ var version = "15.4.0";
264
262
 
265
263
  exports["default"] = SelectInput$1;
266
264
  exports.version = version;
package/dist/commercetools-uikit-select-input.cjs.prod.js CHANGED
@@ -16,7 +16,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
16
16
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
17
17
  var reactIntl = require('react-intl');
18
18
  var isEmpty = require('lodash/isEmpty');
19
- var react = require('@emotion/react');
20
19
  var has = require('lodash/has');
21
20
  var flatMap = require('lodash/flatMap');
22
21
  var Select = require('react-select');
@@ -60,7 +59,6 @@ var SelectInput = function SelectInput(props) {
60
59
  var _context, _context2;
61
60
 
62
61
  var intl = reactIntl.useIntl();
63
- var theme = react.useTheme();
64
62
  var placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder); // Options can be grouped as
65
63
  // const colourOptions = [{ value: 'green', label: 'Green' }];
66
64
  // const flavourOptions = [{ value: 'vanilla', label: 'Vanilla' }];
@@ -110,7 +108,7 @@ var SelectInput = function SelectInput(props) {
110
108
  iconLeft: props.iconLeft,
111
109
  isMulti: props.isMulti,
112
110
  hasValue: !isEmpty__default["default"](selectedOptions)
113
- }, theme),
111
+ }),
114
112
  filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
115
113
  // but we use "id" (for the input) and "containerId" (for the container)
116
114
  // instead.
@@ -239,7 +237,7 @@ SelectInput.ValueContainer = Select.components.ValueContainer;
239
237
  var SelectInput$1 = SelectInput;
240
238
 
241
239
  // NOTE: This string will be replaced on build time with the package version.
242
- var version = "15.2.4";
240
+ var version = "15.4.0";
243
241
 
244
242
  exports["default"] = SelectInput$1;
245
243
  exports.version = version;
package/dist/commercetools-uikit-select-input.esm.js CHANGED
@@ -12,7 +12,6 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
12
12
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
13
13
  import { useIntl } from 'react-intl';
14
14
  import isEmpty from 'lodash/isEmpty';
15
- import { useTheme } from '@emotion/react';
16
15
  import has from 'lodash/has';
17
16
  import flatMap from 'lodash/flatMap';
18
17
  import Select, { components } from 'react-select';
@@ -38,7 +37,6 @@ var SelectInput = function SelectInput(props) {
38
37
  var _context, _context2;
39
38
 
40
39
  var intl = useIntl();
41
- var theme = useTheme();
42
40
  var placeholder = props.placeholder || intl.formatMessage(messages.placeholder); // Options can be grouped as
43
41
  // const colourOptions = [{ value: 'green', label: 'Green' }];
44
42
  // const flavourOptions = [{ value: 'vanilla', label: 'Vanilla' }];
@@ -88,7 +86,7 @@ var SelectInput = function SelectInput(props) {
88
86
  iconLeft: props.iconLeft,
89
87
  isMulti: props.isMulti,
90
88
  hasValue: !isEmpty(selectedOptions)
91
- }, theme),
89
+ }),
92
90
  filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
93
91
  // but we use "id" (for the input) and "containerId" (for the container)
94
92
  // instead.
@@ -237,6 +235,6 @@ SelectInput.ValueContainer = components.ValueContainer;
237
235
  var SelectInput$1 = SelectInput;
238
236
 
239
237
  // NOTE: This string will be replaced on build time with the package version.
240
- var version = "15.2.4";
238
+ var version = "15.4.0";
241
239
 
242
240
  export { SelectInput$1 as default, version };
package/dist/declarations/src/select-input.d.ts CHANGED
@@ -88,17 +88,17 @@ declare const SelectInput: {
88
88
  };
89
89
  };
90
90
  LoadingMessage: {
91
- <Option_11, IsMulti_11 extends boolean, Group_11 extends import("react-select").GroupBase<Option_11>>(props: import("react-select").NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
91
+ <Option_12, IsMulti_12 extends boolean, Group_12 extends import("react-select").GroupBase<Option_12>>(props: import("react-select").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
92
92
  defaultProps: {
93
93
  children: string;
94
94
  };
95
95
  };
96
96
  Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends import("react-select").GroupBase<Option_9>>(props: import("react-select").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
97
97
  MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends import("react-select").GroupBase<Option_10>>(props: import("react-select").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
98
- MenuPortal: typeof import("react-select/dist/declarations/src/components/Menu").MenuPortal;
99
- MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends import("react-select").GroupBase<Option_13>>(props: import("react-select").MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
100
- MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("react-select").GroupBase<Option_14>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
101
- MultiValueLabel: <Option_14_1, IsMulti_14_1 extends boolean, Group_14_1 extends import("react-select").GroupBase<Option_14_1>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_14_1, IsMulti_14_1, Group_14_1>) => import("@emotion/react").jsx.JSX.Element;
98
+ MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends import("react-select").GroupBase<Option_11>>({ appendTo, children, className, controlElement, cx, innerProps, menuPlacement, menuPosition, getStyles, }: import("react-select/dist/declarations/src/components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
99
+ MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("react-select").GroupBase<Option_14>>(props: import("react-select").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
100
+ MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends import("react-select").GroupBase<Option_15>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
101
+ MultiValueLabel: <Option_15_1, IsMulti_15_1 extends boolean, Group_15_1 extends import("react-select").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;
102
102
  MultiValueRemove: {
103
103
  (props: {
104
104
  selectProps: {
@@ -108,15 +108,15 @@ declare const SelectInput: {
108
108
  displayName: string;
109
109
  };
110
110
  NoOptionsMessage: {
111
- <Option_12, IsMulti_12 extends boolean, Group_12 extends import("react-select").GroupBase<Option_12>>(props: import("react-select").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
111
+ <Option_13, IsMulti_13 extends boolean, Group_13 extends import("react-select").GroupBase<Option_13>>(props: import("react-select").NoticeProps<Option_13, IsMulti_13, Group_13>): import("@emotion/react").jsx.JSX.Element;
112
112
  defaultProps: {
113
113
  children: string;
114
114
  };
115
115
  };
116
- Option: <Option_15, IsMulti_15 extends boolean, Group_15 extends import("react-select").GroupBase<Option_15>>(props: import("react-select").OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
117
- Placeholder: <Option_16, IsMulti_16 extends boolean, Group_16 extends import("react-select").GroupBase<Option_16>>(props: import("react-select").PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
118
- SelectContainer: <Option_17, IsMulti_17 extends boolean, Group_17 extends import("react-select").GroupBase<Option_17>>(props: import("react-select").ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
119
- SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends import("react-select").GroupBase<Option_18>>(props: import("react-select").SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
120
- ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends import("react-select").GroupBase<Option_19>>(props: import("react-select").ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
116
+ Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends import("react-select").GroupBase<Option_16>>(props: import("react-select").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
117
+ Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends import("react-select").GroupBase<Option_17>>(props: import("react-select").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
118
+ SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends import("react-select").GroupBase<Option_18>>(props: import("react-select").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
119
+ SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends import("react-select").GroupBase<Option_19>>(props: import("react-select").SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
120
+ ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends import("react-select").GroupBase<Option_20>>(props: import("react-select").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
121
121
  };
122
122
  export default SelectInput;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/select-input",
3
3
  "description": "An input component getting a selection from the user.",
4
- "version": "15.2.4",
4
+ "version": "15.4.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,17 +21,17 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.19.0",
23
23
  "@babel/runtime-corejs3": "^7.19.1",
24
- "@commercetools-uikit/constraints": "15.2.4",
25
- "@commercetools-uikit/design-system": "15.2.4",
26
- "@commercetools-uikit/icons": "15.2.4",
27
- "@commercetools-uikit/select-utils": "15.2.4",
28
- "@commercetools-uikit/utils": "15.2.4",
24
+ "@commercetools-uikit/constraints": "15.4.0",
25
+ "@commercetools-uikit/design-system": "15.4.0",
26
+ "@commercetools-uikit/icons": "15.4.0",
27
+ "@commercetools-uikit/select-utils": "15.4.0",
28
+ "@commercetools-uikit/utils": "15.4.0",
29
29
  "@emotion/is-prop-valid": "1.2.0",
30
30
  "@emotion/react": "^11.4.0",
31
31
  "@emotion/styled": "^11.3.0",
32
32
  "lodash": "4.17.21",
33
33
  "prop-types": "15.8.1",
34
- "react-select": "5.4.0"
34
+ "react-select": "5.5.2"
35
35
  },
36
36
  "devDependencies": {
37
37
  "react": "17.0.2",