@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.
- package/dist/commercetools-uikit-creatable-select-input.cjs.dev.js +2 -4
- package/dist/commercetools-uikit-creatable-select-input.cjs.prod.js +2 -4
- package/dist/commercetools-uikit-creatable-select-input.esm.js +2 -4
- package/dist/declarations/src/creatable-select-input.d.ts +11 -11
- package/package.json +9 -9
|
@@ -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
|
-
}
|
|
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.
|
|
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
|
-
}
|
|
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.
|
|
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
|
-
}
|
|
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.
|
|
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
|
-
<
|
|
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:
|
|
106
|
-
MultiValue: <
|
|
107
|
-
MultiValueContainer: <
|
|
108
|
-
MultiValueLabel: <
|
|
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
|
-
<
|
|
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: <
|
|
124
|
-
Placeholder: <
|
|
125
|
-
SelectContainer: <
|
|
126
|
-
SingleValue: <
|
|
127
|
-
ValueContainer: <
|
|
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.
|
|
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.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/icons": "15.
|
|
27
|
-
"@commercetools-uikit/select-utils": "15.
|
|
28
|
-
"@commercetools-uikit/spacings": "15.
|
|
29
|
-
"@commercetools-uikit/text": "15.
|
|
30
|
-
"@commercetools-uikit/utils": "15.
|
|
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.
|
|
35
|
+
"react-select": "5.5.2"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"react": "17.0.2",
|