@commercetools-uikit/creatable-select-input 19.2.0 → 19.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.
Files changed (6) hide show
  1. package/README.md +1 -0
  2. package/dist/commercetools-uikit-creatable-select-input.cjs.dev.js +6 -3
  3. package/dist/commercetools-uikit-creatable-select-input.cjs.prod.js +4 -2
  4. package/dist/commercetools-uikit-creatable-select-input.esm.js +6 -3
  5. package/dist/declarations/src/creatable-select-input.d.ts +1 -0
  6. package/package.json +8 -8
package/README.md CHANGED
@@ -89,6 +89,7 @@ export default Example;
89
89
  | `options` | `union`<br/>Possible values:<br/>`TValue[] , { options: TValue[] }[]` | | | Array of options that populate the select menu |
90
90
  | `showOptionGroupDivider` | `boolean` | | | Determines if option groups will be separated by a divider |
91
91
  | `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) |
92
+ | `isCondensed` | `boolean` | | | Use this property to reduce the paddings of the component for a ui compact variant |
92
93
  | `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) |
93
94
  | `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) |
94
95
  | `value` | `CreatableProps['value']` | | `null` | 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) |
package/dist/commercetools-uikit-creatable-select-input.cjs.dev.js CHANGED
@@ -83,6 +83,7 @@ const CreatableSelectInput = props => {
83
83
  hasError: props.hasError,
84
84
  showOptionGroupDivider: props.showOptionGroupDivider,
85
85
  menuPortalZIndex: props.menuPortalZIndex,
86
+ isCondensed: props.isCondensed,
86
87
  isDisabled: props.isDisabled,
87
88
  isReadOnly: props.isReadOnly,
88
89
  iconLeft: props.iconLeft,
@@ -169,7 +170,8 @@ const CreatableSelectInput = props => {
169
170
  createOptionPosition: props.createOptionPosition
170
171
  //@ts-ignore
171
172
  ,
172
- iconLeft: props.iconLeft
173
+ iconLeft: props.iconLeft,
174
+ isCondensed: props.isCondensed
173
175
  })
174
176
  }))
175
177
  });
@@ -193,7 +195,8 @@ CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
193
195
  label: _pt__default["default"].node
194
196
  })).isRequired
195
197
  }))]),
196
- showOptionGroupDivider: _pt__default["default"].bool
198
+ showOptionGroupDivider: _pt__default["default"].bool,
199
+ isCondensed: _pt__default["default"].bool
197
200
  } : {};
198
201
  CreatableSelectInput.displayName = 'CreatableSelectInput';
199
202
  CreatableSelectInput.defaultProps = defaultProps;
@@ -241,7 +244,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
241
244
  var CreatableSelectInput$1 = CreatableSelectInput;
242
245
 
243
246
  // NOTE: This string will be replaced on build time with the package version.
244
- var version = "19.2.0";
247
+ var version = "19.3.0";
245
248
 
246
249
  exports["default"] = CreatableSelectInput$1;
247
250
  exports.version = version;
package/dist/commercetools-uikit-creatable-select-input.cjs.prod.js CHANGED
@@ -80,6 +80,7 @@ const CreatableSelectInput = props => {
80
80
  hasError: props.hasError,
81
81
  showOptionGroupDivider: props.showOptionGroupDivider,
82
82
  menuPortalZIndex: props.menuPortalZIndex,
83
+ isCondensed: props.isCondensed,
83
84
  isDisabled: props.isDisabled,
84
85
  isReadOnly: props.isReadOnly,
85
86
  iconLeft: props.iconLeft,
@@ -166,7 +167,8 @@ const CreatableSelectInput = props => {
166
167
  createOptionPosition: props.createOptionPosition
167
168
  //@ts-ignore
168
169
  ,
169
- iconLeft: props.iconLeft
170
+ iconLeft: props.iconLeft,
171
+ isCondensed: props.isCondensed
170
172
  })
171
173
  }))
172
174
  });
@@ -218,7 +220,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
218
220
  var CreatableSelectInput$1 = CreatableSelectInput;
219
221
 
220
222
  // NOTE: This string will be replaced on build time with the package version.
221
- var version = "19.2.0";
223
+ var version = "19.3.0";
222
224
 
223
225
  exports["default"] = CreatableSelectInput$1;
224
226
  exports.version = version;
package/dist/commercetools-uikit-creatable-select-input.esm.js CHANGED
@@ -64,6 +64,7 @@ const CreatableSelectInput = props => {
64
64
  hasError: props.hasError,
65
65
  showOptionGroupDivider: props.showOptionGroupDivider,
66
66
  menuPortalZIndex: props.menuPortalZIndex,
67
+ isCondensed: props.isCondensed,
67
68
  isDisabled: props.isDisabled,
68
69
  isReadOnly: props.isReadOnly,
69
70
  iconLeft: props.iconLeft,
@@ -150,7 +151,8 @@ const CreatableSelectInput = props => {
150
151
  createOptionPosition: props.createOptionPosition
151
152
  //@ts-ignore
152
153
  ,
153
- iconLeft: props.iconLeft
154
+ iconLeft: props.iconLeft,
155
+ isCondensed: props.isCondensed
154
156
  })
155
157
  }))
156
158
  });
@@ -174,7 +176,8 @@ CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
174
176
  label: _pt.node
175
177
  })).isRequired
176
178
  }))]),
177
- showOptionGroupDivider: _pt.bool
179
+ showOptionGroupDivider: _pt.bool,
180
+ isCondensed: _pt.bool
178
181
  } : {};
179
182
  CreatableSelectInput.displayName = 'CreatableSelectInput';
180
183
  CreatableSelectInput.defaultProps = defaultProps;
@@ -222,6 +225,6 @@ CreatableSelectInput.ValueContainer = components.ValueContainer;
222
225
  var CreatableSelectInput$1 = CreatableSelectInput;
223
226
 
224
227
  // NOTE: This string will be replaced on build time with the package version.
225
- var version = "19.2.0";
228
+ var version = "19.3.0";
226
229
 
227
230
  export { CreatableSelectInput$1 as default, version };
package/dist/declarations/src/creatable-select-input.d.ts CHANGED
@@ -53,6 +53,7 @@ export type TCreatableSelectInputProps = {
53
53
  options?: TOptions;
54
54
  showOptionGroupDivider?: boolean;
55
55
  placeholder?: ReactSelectCreatableProps['placeholder'];
56
+ isCondensed?: boolean;
56
57
  tabIndex?: ReactSelectCreatableProps['tabIndex'];
57
58
  tabSelectsValue?: ReactSelectCreatableProps['tabSelectsValue'];
58
59
  value?: ReactSelectCreatableProps['value'];
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": "19.2.0",
4
+ "version": "19.3.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,13 +21,13 @@
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/design-system": "19.2.0",
26
- "@commercetools-uikit/icons": "19.2.0",
27
- "@commercetools-uikit/select-utils": "19.2.0",
28
- "@commercetools-uikit/spacings": "19.2.0",
29
- "@commercetools-uikit/text": "19.2.0",
30
- "@commercetools-uikit/utils": "19.2.0",
24
+ "@commercetools-uikit/constraints": "19.3.0",
25
+ "@commercetools-uikit/design-system": "19.3.0",
26
+ "@commercetools-uikit/icons": "19.3.0",
27
+ "@commercetools-uikit/select-utils": "19.3.0",
28
+ "@commercetools-uikit/spacings": "19.3.0",
29
+ "@commercetools-uikit/text": "19.3.0",
30
+ "@commercetools-uikit/utils": "19.3.0",
31
31
  "@emotion/react": "^11.10.5",
32
32
  "@emotion/styled": "^11.10.5",
33
33
  "lodash": "4.17.21",