@instructure/ui-simple-select 10.20.2-snapshot-10 → 10.20.2-snapshot-9
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/CHANGELOG.md +2 -5
- package/es/SimpleSelect/index.js +1 -3
- package/es/SimpleSelect/props.js +2 -3
- package/lib/SimpleSelect/index.js +1 -3
- package/lib/SimpleSelect/props.js +2 -3
- package/package.json +14 -14
- package/src/SimpleSelect/index.tsx +0 -2
- package/src/SimpleSelect/props.ts +2 -13
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/SimpleSelect/index.d.ts +0 -2
- package/types/SimpleSelect/index.d.ts.map +1 -1
- package/types/SimpleSelect/props.d.ts +1 -8
- package/types/SimpleSelect/props.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
@@ -3,12 +3,9 @@
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
5
5
|
|
6
|
-
## [10.20.2-snapshot-
|
6
|
+
## [10.20.2-snapshot-9](https://github.com/instructure/instructure-ui/compare/v10.20.1...v10.20.2-snapshot-9) (2025-06-24)
|
7
7
|
|
8
|
-
|
9
|
-
### Features
|
10
|
-
|
11
|
-
* **ui-simple-select,ui-select:** add layout prop to Select and SimpleSelect ([94f0a6f](https://github.com/instructure/instructure-ui/commit/94f0a6f99f9e813fe44e6c3111fdb4e5f3708b76))
|
8
|
+
**Note:** Version bump only for package @instructure/ui-simple-select
|
12
9
|
|
13
10
|
|
14
11
|
|
package/es/SimpleSelect/index.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
2
2
|
const _excluded = ["id", "value", "children", "renderBeforeLabel", "renderAfterLabel"],
|
3
3
|
_excluded2 = ["id", "renderLabel", "children"],
|
4
|
-
_excluded3 = ["renderLabel", "value", "defaultValue", "id", "size", "assistiveText", "placeholder", "interaction", "isRequired", "isInline", "width", "optionsMaxWidth", "optionsMaxHeight", "visibleOptionsCount", "messages", "placement", "constrain", "mountNode", "inputRef", "listRef", "renderEmptyOption", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onShowOptions", "onHideOptions", "children"
|
4
|
+
_excluded3 = ["renderLabel", "value", "defaultValue", "id", "size", "assistiveText", "placeholder", "interaction", "isRequired", "isInline", "width", "optionsMaxWidth", "optionsMaxHeight", "visibleOptionsCount", "messages", "placement", "constrain", "mountNode", "inputRef", "listRef", "renderEmptyOption", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onShowOptions", "onHideOptions", "children"];
|
5
5
|
var _dec, _dec2, _class, _SimpleSelect;
|
6
6
|
/*
|
7
7
|
* The MIT License (MIT)
|
@@ -388,7 +388,6 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
|
|
388
388
|
onShowOptions = _this$props.onShowOptions,
|
389
389
|
onHideOptions = _this$props.onHideOptions,
|
390
390
|
children = _this$props.children,
|
391
|
-
layout = _this$props.layout,
|
392
391
|
rest = _objectWithoutProperties(_this$props, _excluded3);
|
393
392
|
return _jsx(Select, {
|
394
393
|
renderLabel: renderLabel,
|
@@ -421,7 +420,6 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
|
|
421
420
|
onRequestHighlightOption: this.handleHighlightOption,
|
422
421
|
onRequestSelectOption: this.handleSelectOption,
|
423
422
|
isOptionContentAppliedToInput: this.props.isOptionContentAppliedToInput,
|
424
|
-
layout: layout,
|
425
423
|
...passthroughProps(rest),
|
426
424
|
children: this.renderChildren()
|
427
425
|
});
|
package/es/SimpleSelect/props.js
CHANGED
@@ -59,8 +59,7 @@ const propTypes = {
|
|
59
59
|
renderBeforeInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
60
60
|
renderAfterInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
61
61
|
children: ChildrenPropTypes.oneOf([Group, Option]),
|
62
|
-
isOptionContentAppliedToInput: PropTypes.bool
|
63
|
-
layout: PropTypes.oneOf(['stacked', 'inline'])
|
62
|
+
isOptionContentAppliedToInput: PropTypes.bool
|
64
63
|
};
|
65
|
-
const allowedProps = ['renderLabel', 'value', 'defaultValue', 'id', 'size', 'assistiveText', 'placeholder', 'interaction', 'isRequired', 'isInline', 'width', 'visibleOptionsCount', 'optionsMaxHeight', 'optionsMaxWidth', 'messages', 'placement', 'constrain', 'mountNode', 'onChange', 'onFocus', 'onBlur', 'onShowOptions', 'onHideOptions', 'inputRef', 'listRef', 'renderEmptyOption', 'renderBeforeInput', 'renderAfterInput', 'children'
|
64
|
+
const allowedProps = ['renderLabel', 'value', 'defaultValue', 'id', 'size', 'assistiveText', 'placeholder', 'interaction', 'isRequired', 'isInline', 'width', 'visibleOptionsCount', 'optionsMaxHeight', 'optionsMaxWidth', 'messages', 'placement', 'constrain', 'mountNode', 'onChange', 'onFocus', 'onBlur', 'onShowOptions', 'onHideOptions', 'inputRef', 'listRef', 'renderEmptyOption', 'renderBeforeInput', 'renderAfterInput', 'children'];
|
66
65
|
export { propTypes, allowedProps };
|
@@ -22,7 +22,7 @@ var _props = require("./props");
|
|
22
22
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
23
23
|
const _excluded = ["id", "value", "children", "renderBeforeLabel", "renderAfterLabel"],
|
24
24
|
_excluded2 = ["id", "renderLabel", "children"],
|
25
|
-
_excluded3 = ["renderLabel", "value", "defaultValue", "id", "size", "assistiveText", "placeholder", "interaction", "isRequired", "isInline", "width", "optionsMaxWidth", "optionsMaxHeight", "visibleOptionsCount", "messages", "placement", "constrain", "mountNode", "inputRef", "listRef", "renderEmptyOption", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onShowOptions", "onHideOptions", "children"
|
25
|
+
_excluded3 = ["renderLabel", "value", "defaultValue", "id", "size", "assistiveText", "placeholder", "interaction", "isRequired", "isInline", "width", "optionsMaxWidth", "optionsMaxHeight", "visibleOptionsCount", "messages", "placement", "constrain", "mountNode", "inputRef", "listRef", "renderEmptyOption", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onShowOptions", "onHideOptions", "children"];
|
26
26
|
var _dec, _dec2, _class, _SimpleSelect;
|
27
27
|
/*
|
28
28
|
* The MIT License (MIT)
|
@@ -399,7 +399,6 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
|
|
399
399
|
onShowOptions = _this$props.onShowOptions,
|
400
400
|
onHideOptions = _this$props.onHideOptions,
|
401
401
|
children = _this$props.children,
|
402
|
-
layout = _this$props.layout,
|
403
402
|
rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded3);
|
404
403
|
return (0, _jsxRuntime.jsx)(_Select.Select, {
|
405
404
|
renderLabel: renderLabel,
|
@@ -432,7 +431,6 @@ let SimpleSelect = exports.SimpleSelect = (_dec = (0, _withDeterministicId.withD
|
|
432
431
|
onRequestHighlightOption: this.handleHighlightOption,
|
433
432
|
onRequestSelectOption: this.handleSelectOption,
|
434
433
|
isOptionContentAppliedToInput: this.props.isOptionContentAppliedToInput,
|
435
|
-
layout: layout,
|
436
434
|
...(0, _passthroughProps.passthroughProps)(rest),
|
437
435
|
children: this.renderChildren()
|
438
436
|
});
|
@@ -66,7 +66,6 @@ const propTypes = exports.propTypes = {
|
|
66
66
|
renderBeforeInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
67
67
|
renderAfterInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
68
68
|
children: _Children.Children.oneOf([_Group.Group, _Option.Option]),
|
69
|
-
isOptionContentAppliedToInput: _propTypes.default.bool
|
70
|
-
layout: _propTypes.default.oneOf(['stacked', 'inline'])
|
69
|
+
isOptionContentAppliedToInput: _propTypes.default.bool
|
71
70
|
};
|
72
|
-
const allowedProps = exports.allowedProps = ['renderLabel', 'value', 'defaultValue', 'id', 'size', 'assistiveText', 'placeholder', 'interaction', 'isRequired', 'isInline', 'width', 'visibleOptionsCount', 'optionsMaxHeight', 'optionsMaxWidth', 'messages', 'placement', 'constrain', 'mountNode', 'onChange', 'onFocus', 'onBlur', 'onShowOptions', 'onHideOptions', 'inputRef', 'listRef', 'renderEmptyOption', 'renderBeforeInput', 'renderAfterInput', 'children'
|
71
|
+
const allowedProps = exports.allowedProps = ['renderLabel', 'value', 'defaultValue', 'id', 'size', 'assistiveText', 'placeholder', 'interaction', 'isRequired', 'isInline', 'width', 'visibleOptionsCount', 'optionsMaxHeight', 'optionsMaxWidth', 'messages', 'placement', 'constrain', 'mountNode', 'onChange', 'onFocus', 'onBlur', 'onShowOptions', 'onHideOptions', 'inputRef', 'listRef', 'renderEmptyOption', 'renderBeforeInput', 'renderAfterInput', 'children'];
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@instructure/ui-simple-select",
|
3
|
-
"version": "10.20.2-snapshot-
|
3
|
+
"version": "10.20.2-snapshot-9",
|
4
4
|
"description": "A component for standard select element behavior.",
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
6
6
|
"module": "./es/index.js",
|
@@ -24,22 +24,22 @@
|
|
24
24
|
"license": "MIT",
|
25
25
|
"dependencies": {
|
26
26
|
"@babel/runtime": "^7.27.6",
|
27
|
-
"@instructure/console": "10.20.2-snapshot-
|
28
|
-
"@instructure/shared-types": "10.20.2-snapshot-
|
29
|
-
"@instructure/ui-form-field": "10.20.2-snapshot-
|
30
|
-
"@instructure/ui-position": "10.20.2-snapshot-
|
31
|
-
"@instructure/ui-prop-types": "10.20.2-snapshot-
|
32
|
-
"@instructure/ui-react-utils": "10.20.2-snapshot-
|
33
|
-
"@instructure/ui-select": "10.20.2-snapshot-
|
34
|
-
"@instructure/ui-testable": "10.20.2-snapshot-
|
27
|
+
"@instructure/console": "10.20.2-snapshot-9",
|
28
|
+
"@instructure/shared-types": "10.20.2-snapshot-9",
|
29
|
+
"@instructure/ui-form-field": "10.20.2-snapshot-9",
|
30
|
+
"@instructure/ui-position": "10.20.2-snapshot-9",
|
31
|
+
"@instructure/ui-prop-types": "10.20.2-snapshot-9",
|
32
|
+
"@instructure/ui-react-utils": "10.20.2-snapshot-9",
|
33
|
+
"@instructure/ui-select": "10.20.2-snapshot-9",
|
34
|
+
"@instructure/ui-testable": "10.20.2-snapshot-9",
|
35
35
|
"prop-types": "^15.8.1"
|
36
36
|
},
|
37
37
|
"devDependencies": {
|
38
|
-
"@instructure/ui-babel-preset": "10.20.2-snapshot-
|
39
|
-
"@instructure/ui-color-utils": "10.20.2-snapshot-
|
40
|
-
"@instructure/ui-icons": "10.20.2-snapshot-
|
41
|
-
"@instructure/ui-test-utils": "10.20.2-snapshot-
|
42
|
-
"@instructure/ui-utils": "10.20.2-snapshot-
|
38
|
+
"@instructure/ui-babel-preset": "10.20.2-snapshot-9",
|
39
|
+
"@instructure/ui-color-utils": "10.20.2-snapshot-9",
|
40
|
+
"@instructure/ui-icons": "10.20.2-snapshot-9",
|
41
|
+
"@instructure/ui-test-utils": "10.20.2-snapshot-9",
|
42
|
+
"@instructure/ui-utils": "10.20.2-snapshot-9",
|
43
43
|
"@testing-library/jest-dom": "^6.6.3",
|
44
44
|
"@testing-library/react": "^16.0.1",
|
45
45
|
"@testing-library/user-event": "^14.6.1",
|
@@ -503,7 +503,6 @@ class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
|
|
503
503
|
onShowOptions,
|
504
504
|
onHideOptions,
|
505
505
|
children,
|
506
|
-
layout,
|
507
506
|
...rest
|
508
507
|
} = this.props
|
509
508
|
|
@@ -539,7 +538,6 @@ class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
|
|
539
538
|
onRequestHighlightOption={this.handleHighlightOption}
|
540
539
|
onRequestSelectOption={this.handleSelectOption}
|
541
540
|
isOptionContentAppliedToInput={this.props.isOptionContentAppliedToInput}
|
542
|
-
layout={layout}
|
543
541
|
{...passthroughProps(rest)}
|
544
542
|
>
|
545
543
|
{this.renderChildren()}
|
@@ -232,14 +232,6 @@ type PropsPassedToSelect = {
|
|
232
232
|
* If the selected `SimpleSelect.Option`'s `renderAfterLabel` value is empty, default arrow icon will be rendered.
|
233
233
|
*/
|
234
234
|
isOptionContentAppliedToInput?: boolean
|
235
|
-
|
236
|
-
/**
|
237
|
-
* In `stacked` mode the input is below the label.
|
238
|
-
*
|
239
|
-
* In `inline` mode the input is to the right/left (depending on text direction) of the label,
|
240
|
-
* and the layout will look like `stacked` for small screens.
|
241
|
-
*/
|
242
|
-
layout?: 'stacked' | 'inline'
|
243
235
|
}
|
244
236
|
|
245
237
|
type PropKeys = keyof SimpleSelectOwnProps
|
@@ -256,7 +248,6 @@ type SimpleSelectProps = PickPropsWithExceptions<
|
|
256
248
|
| 'onRequestSelectOption'
|
257
249
|
| 'inputValue'
|
258
250
|
| 'isShowingOptions'
|
259
|
-
| 'layout'
|
260
251
|
> &
|
261
252
|
SimpleSelectOwnProps &
|
262
253
|
OtherHTMLAttributes<
|
@@ -303,8 +294,7 @@ const propTypes: PropValidators<PropKeys> = {
|
|
303
294
|
renderBeforeInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
304
295
|
renderAfterInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
305
296
|
children: ChildrenPropTypes.oneOf([Group, Option]),
|
306
|
-
isOptionContentAppliedToInput: PropTypes.bool
|
307
|
-
layout: PropTypes.oneOf(['stacked', 'inline'])
|
297
|
+
isOptionContentAppliedToInput: PropTypes.bool
|
308
298
|
}
|
309
299
|
|
310
300
|
const allowedProps: AllowedPropKeys = [
|
@@ -336,8 +326,7 @@ const allowedProps: AllowedPropKeys = [
|
|
336
326
|
'renderEmptyOption',
|
337
327
|
'renderBeforeInput',
|
338
328
|
'renderAfterInput',
|
339
|
-
'children'
|
340
|
-
'layout'
|
329
|
+
'children'
|
341
330
|
]
|
342
331
|
|
343
332
|
export type { SimpleSelectProps, SimpleSelectState }
|