@commercetools-uikit/creatable-select-field 19.2.0 → 19.3.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.
package/README.md CHANGED
@@ -85,6 +85,7 @@ export default Example;
85
85
  | `onInputChange` | `CreatableProps['onInputChange']` | | | Handle change events on the input&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
86
86
  | `options` | `union`<br/>Possible values:<br/>`TValue[] , { options: TValue[] }[]` | | | Array of options that populate the select menu |
87
87
  | `placeholder` | `CreatableProps['placeholder']` | | | Placeholder text for the select value&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
88
+ | `isCondensed` | `boolean` | | | Use this property to reduce the paddings of the component for a ui compact variant |
88
89
  | `tabIndex` | `CreatableProps['tabIndex']` | | | Sets the tabIndex attribute on the input&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
89
90
  | `tabSelectsValue` | `CreatableProps['tabSelectsValue']` | | | Select the currently focused option when the user presses tab&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
90
91
  | `value` | `CreatableProps['value']` | | | The value of the select; reflected by the selected option&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
@@ -155,7 +155,8 @@ let CreatableSelectField = /*#__PURE__*/function (_Component) {
155
155
  onCreateOption: this.props.onCreateOption,
156
156
  createOptionPosition: this.props.createOptionPosition,
157
157
  showOptionGroupDivider: this.props.showOptionGroupDivider,
158
- iconLeft: this.props.iconLeft
158
+ iconLeft: this.props.iconLeft,
159
+ isCondensed: this.props.isCondensed
159
160
  }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
160
161
  id: sequentialErrorsId,
161
162
  errors: this.props.errors,
@@ -214,6 +215,7 @@ CreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
214
215
  label: _pt__default["default"].node
215
216
  })).isRequired
216
217
  }))]),
218
+ isCondensed: _pt__default["default"].bool,
217
219
  showOptionGroupDivider: _pt__default["default"].bool,
218
220
  title: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]).isRequired,
219
221
  hint: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]),
@@ -225,7 +227,7 @@ CreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
225
227
  } : {};
226
228
 
227
229
  // NOTE: This string will be replaced on build time with the package version.
228
- var version = "19.2.0";
230
+ var version = "19.3.1";
229
231
 
230
232
  exports["default"] = CreatableSelectField;
231
233
  exports.version = version;
@@ -146,7 +146,8 @@ let CreatableSelectField = /*#__PURE__*/function (_Component) {
146
146
  onCreateOption: this.props.onCreateOption,
147
147
  createOptionPosition: this.props.createOptionPosition,
148
148
  showOptionGroupDivider: this.props.showOptionGroupDivider,
149
- iconLeft: this.props.iconLeft
149
+ iconLeft: this.props.iconLeft,
150
+ isCondensed: this.props.isCondensed
150
151
  }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
151
152
  id: sequentialErrorsId,
152
153
  errors: this.props.errors,
@@ -185,7 +186,7 @@ CreatableSelectField.getDerivedStateFromProps = (props, state) => ({
185
186
  CreatableSelectField.propTypes = {};
186
187
 
187
188
  // NOTE: This string will be replaced on build time with the package version.
188
- var version = "19.2.0";
189
+ var version = "19.3.1";
189
190
 
190
191
  exports["default"] = CreatableSelectField;
191
192
  exports.version = version;
@@ -129,7 +129,8 @@ let CreatableSelectField = /*#__PURE__*/function (_Component) {
129
129
  onCreateOption: this.props.onCreateOption,
130
130
  createOptionPosition: this.props.createOptionPosition,
131
131
  showOptionGroupDivider: this.props.showOptionGroupDivider,
132
- iconLeft: this.props.iconLeft
132
+ iconLeft: this.props.iconLeft,
133
+ isCondensed: this.props.isCondensed
133
134
  }, filterDataAttributes(this.props))), jsx(FieldErrors, {
134
135
  id: sequentialErrorsId,
135
136
  errors: this.props.errors,
@@ -188,6 +189,7 @@ CreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
188
189
  label: _pt.node
189
190
  })).isRequired
190
191
  }))]),
192
+ isCondensed: _pt.bool,
191
193
  showOptionGroupDivider: _pt.bool,
192
194
  title: _pt.oneOfType([_pt.string, _pt.node]).isRequired,
193
195
  hint: _pt.oneOfType([_pt.string, _pt.node]),
@@ -199,6 +201,6 @@ CreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
199
201
  } : {};
200
202
 
201
203
  // NOTE: This string will be replaced on build time with the package version.
202
- var version = "19.2.0";
204
+ var version = "19.3.1";
203
205
 
204
206
  export { CreatableSelectField as default, version };
@@ -58,6 +58,7 @@ export type TCreatableSelectFieldProps = {
58
58
  onInputChange?: ReactSelectCreatableProps['onInputChange'];
59
59
  options?: TOptions;
60
60
  placeholder?: ReactSelectCreatableProps['placeholder'];
61
+ isCondensed?: boolean;
61
62
  tabIndex?: ReactSelectCreatableProps['tabIndex'];
62
63
  tabSelectsValue?: ReactSelectCreatableProps['tabSelectsValue'];
63
64
  value?: ReactSelectCreatableProps['value'];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/creatable-select-field",
3
3
  "description": "A controlled input component with validation states and a label getting a selection from the user, and where options can also be created by the user.",
4
- "version": "19.2.0",
4
+ "version": "19.3.1",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,14 +21,14 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/constraints": "19.2.0",
25
- "@commercetools-uikit/creatable-select-input": "19.2.0",
26
- "@commercetools-uikit/design-system": "19.2.0",
27
- "@commercetools-uikit/field-errors": "19.2.0",
28
- "@commercetools-uikit/field-label": "19.2.0",
29
- "@commercetools-uikit/field-warnings": "19.2.0",
30
- "@commercetools-uikit/spacings": "19.2.0",
31
- "@commercetools-uikit/utils": "19.2.0",
24
+ "@commercetools-uikit/constraints": "19.3.1",
25
+ "@commercetools-uikit/creatable-select-input": "19.3.1",
26
+ "@commercetools-uikit/design-system": "19.3.1",
27
+ "@commercetools-uikit/field-errors": "19.3.1",
28
+ "@commercetools-uikit/field-label": "19.3.1",
29
+ "@commercetools-uikit/field-warnings": "19.3.1",
30
+ "@commercetools-uikit/spacings": "19.3.1",
31
+ "@commercetools-uikit/utils": "19.3.1",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "prop-types": "15.8.1",