@commercetools-uikit/select-input 19.11.0 → 19.12.1

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 (6) hide show
  1. package/README.md +1 -0
  2. package/dist/commercetools-uikit-select-input.cjs.dev.js +4 -3
  3. package/dist/commercetools-uikit-select-input.cjs.prod.js +4 -3
  4. package/dist/commercetools-uikit-select-input.esm.js +4 -3
  5. package/dist/declarations/src/select-input.d.ts +7 -7
  6. package/package.json +8 -8
package/README.md CHANGED
@@ -76,6 +76,7 @@ export default Example;
76
76
  | `isCondensed` | `boolean` | | | Whether the input and options are rendered with condensed paddings |
77
77
  | `controlShouldRenderValue` | `ReactSelectProps['controlShouldRenderValue']` | | | Control whether the selected values should be rendered in the control&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
78
78
  | `filterOption` | `ReactSelectProps['filterOption']` | | | Custom method to filter whether an option should be displayed in the menu&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
79
+ | `hideSelectedOptions` | `ReactSelectProps['hideSelectedOptions']` | | | Custom method to determine whether selected options should be displayed in the menu&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
79
80
  | `id` | `ReactSelectProps['inputId']` | | | Used as HTML id property. An id is generated automatically when not provided.&#xA;This forwarded as react-select's "inputId"&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
80
81
  | `inputValue` | `ReactSelectProps['inputValue']` | | | The value of the search input&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
81
82
  | `containerId` | `ReactSelectProps['id']` | | | The id to set on the SelectContainer component&#xA;This is forwarded as react-select's "id"&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
package/dist/commercetools-uikit-select-input.cjs.dev.js CHANGED
@@ -128,7 +128,8 @@ const SelectInput = props => {
128
128
  inputValue: props.inputValue,
129
129
  isClearable: props.isReadOnly ? false : props.isClearable,
130
130
  isDisabled: props.isDisabled,
131
- isOptionDisabled: props.isOptionDisabled
131
+ isOptionDisabled: props.isOptionDisabled,
132
+ hideSelectedOptions: props.hideSelectedOptions
132
133
  // @ts-ignore
133
134
  ,
134
135
  isReadOnly: props.isReadOnly,
@@ -156,7 +157,7 @@ const SelectInput = props => {
156
157
  // state as an array instead of a boolean only.
157
158
  // Otherwise the shapes would clash on submission, as
158
159
  // Formik will create an array on submission anyways.
159
- return props.name ? "".concat(props.name, ".0") : undefined;
160
+ return props.name ? `${props.name}.0` : undefined;
160
161
  })()
161
162
  },
162
163
  persist: () => {}
@@ -267,7 +268,7 @@ SelectInput.ValueContainer = Select.components.ValueContainer;
267
268
  var SelectInput$1 = SelectInput;
268
269
 
269
270
  // NOTE: This string will be replaced on build time with the package version.
270
- var version = "19.11.0";
271
+ var version = "19.12.1";
271
272
 
272
273
  exports["default"] = SelectInput$1;
273
274
  exports.version = version;
package/dist/commercetools-uikit-select-input.cjs.prod.js CHANGED
@@ -127,7 +127,8 @@ const SelectInput = props => {
127
127
  inputValue: props.inputValue,
128
128
  isClearable: props.isReadOnly ? false : props.isClearable,
129
129
  isDisabled: props.isDisabled,
130
- isOptionDisabled: props.isOptionDisabled
130
+ isOptionDisabled: props.isOptionDisabled,
131
+ hideSelectedOptions: props.hideSelectedOptions
131
132
  // @ts-ignore
132
133
  ,
133
134
  isReadOnly: props.isReadOnly,
@@ -155,7 +156,7 @@ const SelectInput = props => {
155
156
  // state as an array instead of a boolean only.
156
157
  // Otherwise the shapes would clash on submission, as
157
158
  // Formik will create an array on submission anyways.
158
- return props.name ? "".concat(props.name, ".0") : undefined;
159
+ return props.name ? `${props.name}.0` : undefined;
159
160
  })()
160
161
  },
161
162
  persist: () => {}
@@ -242,7 +243,7 @@ SelectInput.ValueContainer = Select.components.ValueContainer;
242
243
  var SelectInput$1 = SelectInput;
243
244
 
244
245
  // NOTE: This string will be replaced on build time with the package version.
245
- var version = "19.11.0";
246
+ var version = "19.12.1";
246
247
 
247
248
  exports["default"] = SelectInput$1;
248
249
  exports.version = version;
package/dist/commercetools-uikit-select-input.esm.js CHANGED
@@ -105,7 +105,8 @@ const SelectInput = props => {
105
105
  inputValue: props.inputValue,
106
106
  isClearable: props.isReadOnly ? false : props.isClearable,
107
107
  isDisabled: props.isDisabled,
108
- isOptionDisabled: props.isOptionDisabled
108
+ isOptionDisabled: props.isOptionDisabled,
109
+ hideSelectedOptions: props.hideSelectedOptions
109
110
  // @ts-ignore
110
111
  ,
111
112
  isReadOnly: props.isReadOnly,
@@ -133,7 +134,7 @@ const SelectInput = props => {
133
134
  // state as an array instead of a boolean only.
134
135
  // Otherwise the shapes would clash on submission, as
135
136
  // Formik will create an array on submission anyways.
136
- return props.name ? "".concat(props.name, ".0") : undefined;
137
+ return props.name ? `${props.name}.0` : undefined;
137
138
  })()
138
139
  },
139
140
  persist: () => {}
@@ -244,6 +245,6 @@ SelectInput.ValueContainer = components.ValueContainer;
244
245
  var SelectInput$1 = SelectInput;
245
246
 
246
247
  // NOTE: This string will be replaced on build time with the package version.
247
- var version = "19.11.0";
248
+ var version = "19.12.1";
248
249
 
249
250
  export { SelectInput$1 as default, version };
package/dist/declarations/src/select-input.d.ts CHANGED
@@ -95,6 +95,12 @@ export type TSelectInputProps = {
95
95
  * [Props from React select was used](https://react-select.com/props)
96
96
  */
97
97
  filterOption?: ReactSelectProps['filterOption'];
98
+ /**
99
+ * Custom method to determine whether selected options should be displayed in the menu
100
+ * <br>
101
+ * [Props from React select was used](https://react-select.com/props)
102
+ */
103
+ hideSelectedOptions?: ReactSelectProps['hideSelectedOptions'];
98
104
  /**
99
105
  * Used as HTML id property. An id is generated automatically when not provided.
100
106
  * This forwarded as react-select's "inputId"
@@ -298,13 +304,7 @@ declare const SelectInput: {
298
304
  };
299
305
  NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends import("react-select").GroupBase<Option_13>>({ children, innerProps, ...restProps }: import("react-select").NoticeProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
300
306
  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;
301
- 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(
302
- /**
303
- * Dom element to portal the select menu to
304
- * <br>
305
- * [Props from React select was used](https://react-select.com/props)
306
- */
307
- "@emotion/react").jsx.JSX.Element;
307
+ 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;
308
308
  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;
309
309
  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;
310
310
  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;
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": "19.11.0",
4
+ "version": "19.12.1",
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.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/constraints": "19.11.0",
25
- "@commercetools-uikit/design-system": "19.11.0",
26
- "@commercetools-uikit/icons": "19.11.0",
27
- "@commercetools-uikit/select-utils": "19.11.0",
28
- "@commercetools-uikit/utils": "19.11.0",
29
- "@emotion/is-prop-valid": "1.2.2",
24
+ "@commercetools-uikit/constraints": "19.12.1",
25
+ "@commercetools-uikit/design-system": "19.12.1",
26
+ "@commercetools-uikit/icons": "19.12.1",
27
+ "@commercetools-uikit/select-utils": "19.12.1",
28
+ "@commercetools-uikit/utils": "19.12.1",
29
+ "@emotion/is-prop-valid": "1.3.1",
30
30
  "@emotion/react": "^11.10.5",
31
31
  "@emotion/styled": "^11.10.5",
32
32
  "lodash": "4.17.21",
33
33
  "prop-types": "15.8.1",
34
- "react-select": "5.8.0"
34
+ "react-select": "5.8.1"
35
35
  },
36
36
  "devDependencies": {
37
37
  "react": "17.0.2",