@commercetools-uikit/search-select-input 20.2.2 → 20.3.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.
@@ -18,6 +18,7 @@ var AsyncSelectInput = require('@commercetools-uikit/async-select-input');
18
18
  var utils = require('@commercetools-uikit/utils');
19
19
  var selectUtils = require('@commercetools-uikit/select-utils');
20
20
  var _styled = require('@emotion/styled/base');
21
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
21
22
  var designSystem = require('@commercetools-uikit/design-system');
22
23
  var jsxRuntime = require('@emotion/react/jsx-runtime');
23
24
 
@@ -33,6 +34,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
33
34
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
34
35
  var AsyncSelectInput__default = /*#__PURE__*/_interopDefault(AsyncSelectInput);
35
36
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
37
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
36
38
 
37
39
  var messages = reactIntl.defineMessages({
38
40
  noOptionsMessage: {
@@ -62,20 +64,10 @@ const SearchSelectInputWrapper = /*#__PURE__*/_styled__default["default"]("div",
62
64
  } : {
63
65
  target: "e6cl9390",
64
66
  label: "SearchSelectInputWrapper"
65
- })(props => !props.isDisabled && !props.isReadOnly ? `div[class$='control'] {
66
- &:hover {
67
- cursor: text;
68
- }
69
- div[class$='indicatorContainer' i] {
70
- cursor: pointer;
71
- svg * {
72
- fill: ${designSystem.designTokens.colorNeutral60};
73
- }
74
- :hover svg * {
75
- fill: ${designSystem.designTokens.colorPrimary};
76
- }
77
- }
78
- }` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9DIiwiZmlsZSI6InNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydCAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWFyY2hTZWxlY3RJbnB1dFByb3BzIH0gZnJvbSAnLi9zZWFyY2gtc2VsZWN0LWlucHV0JztcblxuY29uc3QgU2VhcmNoU2VsZWN0SW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgUGljazxUU2VhcmNoU2VsZWN0SW5wdXRQcm9wcywgJ2lzRGlzYWJsZWQnIHwgJ2lzUmVhZE9ubHknIHwgJ2lzQ29uZGVuc2VkJz5cbj5gXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc0Rpc2FibGVkICYmICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGBkaXZbY2xhc3MkPSdjb250cm9sJ10ge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IHRleHQ7XG4gICAgICAgIH1cbiAgICAgICAgZGl2W2NsYXNzJD0naW5kaWNhdG9yQ29udGFpbmVyJyBpXSB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgOmhvdmVyIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9YFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB7IFNlYXJjaFNlbGVjdElucHV0V3JhcHBlciB9O1xuIl19 */"));
67
+ })(props => {
68
+ var _context;
69
+ return !props.isDisabled && !props.isReadOnly ? _concatInstanceProperty__default["default"](_context = "div[class$='control'] {\n &:hover {\n cursor: text;\n }\n div[class$='indicatorContainer' i] {\n cursor: pointer;\n svg * {\n fill: ".concat(designSystem.designTokens.colorNeutral60, ";\n }\n :hover svg * {\n fill: ")).call(_context, designSystem.designTokens.colorPrimary, ";\n }\n }\n }") : '';
70
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9DIiwiZmlsZSI6InNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydCAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWFyY2hTZWxlY3RJbnB1dFByb3BzIH0gZnJvbSAnLi9zZWFyY2gtc2VsZWN0LWlucHV0JztcblxuY29uc3QgU2VhcmNoU2VsZWN0SW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgUGljazxUU2VhcmNoU2VsZWN0SW5wdXRQcm9wcywgJ2lzRGlzYWJsZWQnIHwgJ2lzUmVhZE9ubHknIHwgJ2lzQ29uZGVuc2VkJz5cbj5gXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc0Rpc2FibGVkICYmICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGBkaXZbY2xhc3MkPSdjb250cm9sJ10ge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IHRleHQ7XG4gICAgICAgIH1cbiAgICAgICAgZGl2W2NsYXNzJD0naW5kaWNhdG9yQ29udGFpbmVyJyBpXSB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgOmhvdmVyIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9YFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB7IFNlYXJjaFNlbGVjdElucHV0V3JhcHBlciB9O1xuIl19 */"));
79
71
 
80
72
  const _excluded = ["value", "menuPortalZIndex", "maxMenuHeight", "controlShouldRenderValue", "appearance", "optionStyle"];
81
73
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -143,7 +135,7 @@ SearchSelectInput.displayName = 'SearchSelectInput';
143
135
  var SearchSelectInput$1 = SearchSelectInput;
144
136
 
145
137
  // NOTE: This string will be replaced on build time with the package version.
146
- var version = "20.2.2";
138
+ var version = "20.3.0";
147
139
 
148
140
  exports["default"] = SearchSelectInput$1;
149
141
  exports.version = version;
@@ -18,6 +18,7 @@ var AsyncSelectInput = require('@commercetools-uikit/async-select-input');
18
18
  require('@commercetools-uikit/utils');
19
19
  var selectUtils = require('@commercetools-uikit/select-utils');
20
20
  var _styled = require('@emotion/styled/base');
21
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
21
22
  var designSystem = require('@commercetools-uikit/design-system');
22
23
  var jsxRuntime = require('@emotion/react/jsx-runtime');
23
24
 
@@ -33,6 +34,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
33
34
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
34
35
  var AsyncSelectInput__default = /*#__PURE__*/_interopDefault(AsyncSelectInput);
35
36
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
37
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
36
38
 
37
39
  var messages = reactIntl.defineMessages({
38
40
  noOptionsMessage: {
@@ -59,20 +61,10 @@ var messages = reactIntl.defineMessages({
59
61
 
60
62
  const SearchSelectInputWrapper = /*#__PURE__*/_styled__default["default"]("div", {
61
63
  target: "e6cl9390"
62
- } )(props => !props.isDisabled && !props.isReadOnly ? `div[class$='control'] {
63
- &:hover {
64
- cursor: text;
65
- }
66
- div[class$='indicatorContainer' i] {
67
- cursor: pointer;
68
- svg * {
69
- fill: ${designSystem.designTokens.colorNeutral60};
70
- }
71
- :hover svg * {
72
- fill: ${designSystem.designTokens.colorPrimary};
73
- }
74
- }
75
- }` : '', ";" + ("" ));
64
+ } )(props => {
65
+ var _context;
66
+ return !props.isDisabled && !props.isReadOnly ? _concatInstanceProperty__default["default"](_context = "div[class$='control'] {\n &:hover {\n cursor: text;\n }\n div[class$='indicatorContainer' i] {\n cursor: pointer;\n svg * {\n fill: ".concat(designSystem.designTokens.colorNeutral60, ";\n }\n :hover svg * {\n fill: ")).call(_context, designSystem.designTokens.colorPrimary, ";\n }\n }\n }") : '';
67
+ }, ";" + ("" ));
76
68
 
77
69
  const _excluded = ["value", "menuPortalZIndex", "maxMenuHeight", "controlShouldRenderValue", "appearance", "optionStyle"];
78
70
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -138,7 +130,7 @@ SearchSelectInput.displayName = 'SearchSelectInput';
138
130
  var SearchSelectInput$1 = SearchSelectInput;
139
131
 
140
132
  // NOTE: This string will be replaced on build time with the package version.
141
- var version = "20.2.2";
133
+ var version = "20.3.0";
142
134
 
143
135
  exports["default"] = SearchSelectInput$1;
144
136
  exports.version = version;
@@ -14,6 +14,7 @@ import AsyncSelectInput from '@commercetools-uikit/async-select-input';
14
14
  import { warning } from '@commercetools-uikit/utils';
15
15
  import { warnIfMenuPortalPropsAreMissing, CustomSelectInputOption, optionStyleCheckboxComponents, optionsStyleCheckboxSelectProps, SearchIconDropdownIndicator } from '@commercetools-uikit/select-utils';
16
16
  import _styled from '@emotion/styled/base';
17
+ import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
17
18
  import { designTokens } from '@commercetools-uikit/design-system';
18
19
  import { jsx } from '@emotion/react/jsx-runtime';
19
20
 
@@ -45,20 +46,10 @@ const SearchSelectInputWrapper = /*#__PURE__*/_styled("div", process.env.NODE_EN
45
46
  } : {
46
47
  target: "e6cl9390",
47
48
  label: "SearchSelectInputWrapper"
48
- })(props => !props.isDisabled && !props.isReadOnly ? `div[class$='control'] {
49
- &:hover {
50
- cursor: text;
51
- }
52
- div[class$='indicatorContainer' i] {
53
- cursor: pointer;
54
- svg * {
55
- fill: ${designTokens.colorNeutral60};
56
- }
57
- :hover svg * {
58
- fill: ${designTokens.colorPrimary};
59
- }
60
- }
61
- }` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9DIiwiZmlsZSI6InNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydCAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWFyY2hTZWxlY3RJbnB1dFByb3BzIH0gZnJvbSAnLi9zZWFyY2gtc2VsZWN0LWlucHV0JztcblxuY29uc3QgU2VhcmNoU2VsZWN0SW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgUGljazxUU2VhcmNoU2VsZWN0SW5wdXRQcm9wcywgJ2lzRGlzYWJsZWQnIHwgJ2lzUmVhZE9ubHknIHwgJ2lzQ29uZGVuc2VkJz5cbj5gXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc0Rpc2FibGVkICYmICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGBkaXZbY2xhc3MkPSdjb250cm9sJ10ge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IHRleHQ7XG4gICAgICAgIH1cbiAgICAgICAgZGl2W2NsYXNzJD0naW5kaWNhdG9yQ29udGFpbmVyJyBpXSB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgOmhvdmVyIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9YFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB7IFNlYXJjaFNlbGVjdElucHV0V3JhcHBlciB9O1xuIl19 */"));
49
+ })(props => {
50
+ var _context;
51
+ return !props.isDisabled && !props.isReadOnly ? _concatInstanceProperty(_context = "div[class$='control'] {\n &:hover {\n cursor: text;\n }\n div[class$='indicatorContainer' i] {\n cursor: pointer;\n svg * {\n fill: ".concat(designTokens.colorNeutral60, ";\n }\n :hover svg * {\n fill: ")).call(_context, designTokens.colorPrimary, ";\n }\n }\n }") : '';
52
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9DIiwiZmlsZSI6InNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydCAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWFyY2hTZWxlY3RJbnB1dFByb3BzIH0gZnJvbSAnLi9zZWFyY2gtc2VsZWN0LWlucHV0JztcblxuY29uc3QgU2VhcmNoU2VsZWN0SW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgUGljazxUU2VhcmNoU2VsZWN0SW5wdXRQcm9wcywgJ2lzRGlzYWJsZWQnIHwgJ2lzUmVhZE9ubHknIHwgJ2lzQ29uZGVuc2VkJz5cbj5gXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc0Rpc2FibGVkICYmICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGBkaXZbY2xhc3MkPSdjb250cm9sJ10ge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IHRleHQ7XG4gICAgICAgIH1cbiAgICAgICAgZGl2W2NsYXNzJD0naW5kaWNhdG9yQ29udGFpbmVyJyBpXSB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgOmhvdmVyIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9YFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB7IFNlYXJjaFNlbGVjdElucHV0V3JhcHBlciB9O1xuIl19 */"));
62
53
 
63
54
  const _excluded = ["value", "menuPortalZIndex", "maxMenuHeight", "controlShouldRenderValue", "appearance", "optionStyle"];
64
55
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -126,6 +117,6 @@ SearchSelectInput.displayName = 'SearchSelectInput';
126
117
  var SearchSelectInput$1 = SearchSelectInput;
127
118
 
128
119
  // NOTE: This string will be replaced on build time with the package version.
129
- var version = "20.2.2";
120
+ var version = "20.3.0";
130
121
 
131
122
  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": "20.2.2",
4
+ "version": "20.3.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.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/async-select-input": "20.2.2",
25
- "@commercetools-uikit/design-system": "20.2.2",
26
- "@commercetools-uikit/select-utils": "20.2.2",
27
- "@commercetools-uikit/spacings": "20.2.2",
28
- "@commercetools-uikit/text": "20.2.2",
29
- "@commercetools-uikit/utils": "20.2.2",
24
+ "@commercetools-uikit/async-select-input": "20.3.0",
25
+ "@commercetools-uikit/design-system": "20.3.0",
26
+ "@commercetools-uikit/select-utils": "20.3.0",
27
+ "@commercetools-uikit/spacings": "20.3.0",
28
+ "@commercetools-uikit/text": "20.3.0",
29
+ "@commercetools-uikit/utils": "20.3.0",
30
30
  "@emotion/react": "^11.10.5",
31
31
  "@emotion/styled": "^11.10.5"
32
32
  },
33
33
  "devDependencies": {
34
- "react": "19.1.0",
35
- "react-dom": "19.1.0",
34
+ "react": "19.2.0",
35
+ "react-dom": "19.2.0",
36
36
  "react-intl": "^7.1.4"
37
37
  },
38
38
  "peerDependencies": {