@commercetools-uikit/creatable-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.
@@ -14,7 +14,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _pt = require('prop-types');
15
15
  var reactIntl = require('react-intl');
16
16
  var isEmpty = require('lodash/isEmpty');
17
- var react = require('@emotion/react');
18
17
  var reactSelect = require('react-select');
19
18
  var CreatableSelect = require('react-select/creatable');
20
19
  var Constraints = require('@commercetools-uikit/constraints');
@@ -61,7 +60,6 @@ var defaultProps = {
61
60
 
62
61
  var CreatableSelectInput = function CreatableSelectInput(props) {
63
62
  var intl = reactIntl.useIntl();
64
- var theme = react.useTheme();
65
63
 
66
64
  if (!props.isReadOnly) {
67
65
  process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'CreatableSelectInput: `onChange` is required when input is not read only.') : void 0;
@@ -96,7 +94,7 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
96
94
  iconLeft: props.iconLeft,
97
95
  isMulti: props.isMulti,
98
96
  hasValue: !isEmpty__default["default"](props.value)
99
- }, theme),
97
+ }),
100
98
  filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
101
99
  // but we use "id" (for the input) and "containerId" (for the container)
102
100
  // instead.
@@ -251,7 +249,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
251
249
  var CreatableSelectInput$1 = CreatableSelectInput;
252
250
 
253
251
  // NOTE: This string will be replaced on build time with the package version.
254
- var version = "15.2.4";
252
+ var version = "15.4.0";
255
253
 
256
254
  exports["default"] = CreatableSelectInput$1;
257
255
  exports.version = version;
@@ -14,7 +14,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  require('prop-types');
15
15
  var reactIntl = require('react-intl');
16
16
  var isEmpty = require('lodash/isEmpty');
17
- var react = require('@emotion/react');
18
17
  var reactSelect = require('react-select');
19
18
  var CreatableSelect = require('react-select/creatable');
20
19
  var Constraints = require('@commercetools-uikit/constraints');
@@ -60,7 +59,6 @@ var defaultProps = {
60
59
 
61
60
  var CreatableSelectInput = function CreatableSelectInput(props) {
62
61
  var intl = reactIntl.useIntl();
63
- var theme = react.useTheme();
64
62
 
65
63
  if (!props.isReadOnly) ;
66
64
 
@@ -93,7 +91,7 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
93
91
  iconLeft: props.iconLeft,
94
92
  isMulti: props.isMulti,
95
93
  hasValue: !isEmpty__default["default"](props.value)
96
- }, theme),
94
+ }),
97
95
  filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
98
96
  // but we use "id" (for the input) and "containerId" (for the container)
99
97
  // instead.
@@ -228,7 +226,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
228
226
  var CreatableSelectInput$1 = CreatableSelectInput;
229
227
 
230
228
  // NOTE: This string will be replaced on build time with the package version.
231
- var version = "15.2.4";
229
+ var version = "15.4.0";
232
230
 
233
231
  exports["default"] = CreatableSelectInput$1;
234
232
  exports.version = version;
@@ -10,7 +10,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import _pt from 'prop-types';
11
11
  import { useIntl } from 'react-intl';
12
12
  import isEmpty from 'lodash/isEmpty';
13
- import { useTheme } from '@emotion/react';
14
13
  import { components } from 'react-select';
15
14
  import CreatableSelect from 'react-select/creatable';
16
15
  import Constraints from '@commercetools-uikit/constraints';
@@ -42,7 +41,6 @@ var defaultProps = {
42
41
 
43
42
  var CreatableSelectInput = function CreatableSelectInput(props) {
44
43
  var intl = useIntl();
45
- var theme = useTheme();
46
44
 
47
45
  if (!props.isReadOnly) {
48
46
  process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'CreatableSelectInput: `onChange` is required when input is not read only.') : void 0;
@@ -77,7 +75,7 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
77
75
  iconLeft: props.iconLeft,
78
76
  isMulti: props.isMulti,
79
77
  hasValue: !isEmpty(props.value)
80
- }, theme),
78
+ }),
81
79
  filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
82
80
  // but we use "id" (for the input) and "containerId" (for the container)
83
81
  // instead.
@@ -232,6 +230,6 @@ CreatableSelectInput.ValueContainer = components.ValueContainer;
232
230
  var CreatableSelectInput$1 = CreatableSelectInput;
233
231
 
234
232
  // NOTE: This string will be replaced on build time with the package version.
235
- var version = "15.2.4";
233
+ var version = "15.4.0";
236
234
 
237
235
  export { CreatableSelectInput$1 as default, version };
@@ -95,17 +95,17 @@ declare const CreatableSelectInput: {
95
95
  };
96
96
  };
97
97
  LoadingMessage: {
98
- <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("react-select").NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
98
+ <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: import("react-select").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
99
99
  defaultProps: {
100
100
  children: string;
101
101
  };
102
102
  };
103
103
  Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: import("react-select").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
104
104
  MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: import("react-select").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
105
- MenuPortal: typeof import("react-select/dist/declarations/src/components/Menu").MenuPortal;
106
- MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: import("react-select").MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
107
- MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
108
- MultiValueLabel: <Option_14_1, IsMulti_14_1 extends boolean, Group_14_1 extends 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;
105
+ MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends 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;
106
+ MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import("react-select").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
107
+ 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;
108
+ 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;
109
109
  MultiValueRemove: {
110
110
  (props: {
111
111
  selectProps: {
@@ -115,15 +115,15 @@ declare const CreatableSelectInput: {
115
115
  displayName: string;
116
116
  };
117
117
  NoOptionsMessage: {
118
- <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: import("react-select").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
118
+ <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: import("react-select").NoticeProps<Option_13, IsMulti_13, Group_13>): import("@emotion/react").jsx.JSX.Element;
119
119
  defaultProps: {
120
120
  children: string;
121
121
  };
122
122
  };
123
- Option: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: import("react-select").OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
124
- Placeholder: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import("react-select").PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
125
- SelectContainer: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import("react-select").ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
126
- SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import("react-select").SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
127
- ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import("react-select").ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
123
+ 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;
124
+ 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;
125
+ 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;
126
+ 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;
127
+ 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;
128
128
  };
129
129
  export default CreatableSelectInput;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/creatable-select-input",
3
3
  "description": "An input component getting a selection from the user, and where options can also be created by 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,18 +21,18 @@
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/spacings": "15.2.4",
29
- "@commercetools-uikit/text": "15.2.4",
30
- "@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/spacings": "15.4.0",
29
+ "@commercetools-uikit/text": "15.4.0",
30
+ "@commercetools-uikit/utils": "15.4.0",
31
31
  "@emotion/react": "^11.4.0",
32
32
  "@emotion/styled": "^11.3.0",
33
33
  "lodash": "4.17.21",
34
34
  "prop-types": "15.8.1",
35
- "react-select": "5.4.0"
35
+ "react-select": "5.5.2"
36
36
  },
37
37
  "devDependencies": {
38
38
  "react": "17.0.2",