@instructure/ui-selectable 11.7.9-snapshot-0 → 11.7.9-snapshot-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/CHANGELOG.md +1 -1
- package/lib/Selectable/index.js +14 -14
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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
|
-
## [11.7.9-snapshot-
|
|
6
|
+
## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-selectable
|
|
9
9
|
|
package/lib/Selectable/index.js
CHANGED
|
@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.Selectable = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _keycode = _interopRequireDefault(require("keycode"));
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var _uiDomUtils = require("@instructure/ui-dom-utils");
|
|
11
|
+
var _uiUtils = require("@instructure/ui-utils");
|
|
12
12
|
var _console = require("@instructure/console");
|
|
13
13
|
var _props = require("./props.js");
|
|
14
|
-
var
|
|
14
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
15
15
|
var _dec, _class;
|
|
16
16
|
/*
|
|
17
17
|
* The MIT License (MIT)
|
|
@@ -42,7 +42,7 @@ category: components/Util Components
|
|
|
42
42
|
tags: autocomplete, typeahead, combobox, dropdown, search
|
|
43
43
|
---
|
|
44
44
|
**/
|
|
45
|
-
let Selectable = exports.Selectable = (_dec = (0,
|
|
45
|
+
let Selectable = exports.Selectable = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec(_class = class Selectable extends _react.Component {
|
|
46
46
|
static displayName = 'Selectable';
|
|
47
47
|
static allowedProps = _props.allowedProps;
|
|
48
48
|
static defaultProps = {
|
|
@@ -71,7 +71,7 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
|
|
|
71
71
|
if (isShowingOptions) {
|
|
72
72
|
onRequestHideOptions?.(event);
|
|
73
73
|
} else {
|
|
74
|
-
if (!(0,
|
|
74
|
+
if (!(0, _uiDomUtils.isActiveElement)(this._trigger)) {
|
|
75
75
|
;
|
|
76
76
|
this._trigger.focus();
|
|
77
77
|
}
|
|
@@ -172,7 +172,7 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
|
|
|
172
172
|
...rest
|
|
173
173
|
} = {}) => {
|
|
174
174
|
return {
|
|
175
|
-
onMouseDown: (0,
|
|
175
|
+
onMouseDown: (0, _uiUtils.createChainedFunction)(event => {
|
|
176
176
|
// if we call preventDefault, label can't be selected and copied, so we only call it when the options are shown
|
|
177
177
|
if (event.target !== this._trigger && isShowingOptions) {
|
|
178
178
|
event.preventDefault(); // prevent trigger from losing focus
|
|
@@ -196,15 +196,15 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
|
|
|
196
196
|
} = {}) => {
|
|
197
197
|
return {
|
|
198
198
|
id: this._id,
|
|
199
|
-
ref: (0,
|
|
199
|
+
ref: (0, _uiUtils.createChainedFunction)(ref, el => this._trigger = el),
|
|
200
200
|
'aria-haspopup': 'listbox',
|
|
201
201
|
'aria-expanded': isShowingOptions,
|
|
202
202
|
'aria-controls': isShowingOptions ? this._listId : undefined,
|
|
203
203
|
'aria-describedby': this._descriptionId,
|
|
204
204
|
'aria-activedescendant': isShowingOptions ? highlightedOptionId : undefined,
|
|
205
|
-
onKeyDown: (0,
|
|
206
|
-
onKeyUp: (0,
|
|
207
|
-
onClick: (0,
|
|
205
|
+
onKeyDown: (0, _uiUtils.createChainedFunction)(this.handleKeyDown, onKeyDown),
|
|
206
|
+
onKeyUp: (0, _uiUtils.createChainedFunction)(this.handleKeyUp, onKeyUp),
|
|
207
|
+
onClick: (0, _uiUtils.createChainedFunction)(this.handleOpenClose, onClick),
|
|
208
208
|
...rest
|
|
209
209
|
};
|
|
210
210
|
},
|
|
@@ -228,10 +228,10 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
|
|
|
228
228
|
return {
|
|
229
229
|
id: this._listId,
|
|
230
230
|
role: 'listbox',
|
|
231
|
-
onMouseDown: (0,
|
|
231
|
+
onMouseDown: (0, _uiUtils.createChainedFunction)(event => {
|
|
232
232
|
event.preventDefault(); // prevent trigger from losing focus
|
|
233
233
|
}, onMouseDown),
|
|
234
|
-
onClick: (0,
|
|
234
|
+
onClick: (0, _uiUtils.createChainedFunction)(event => {
|
|
235
235
|
// prevent synthetic event from firing on the document
|
|
236
236
|
// this event could inadvertently close a parent dialog
|
|
237
237
|
event.stopPropagation();
|
|
@@ -251,12 +251,12 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
|
|
|
251
251
|
id,
|
|
252
252
|
role: 'option',
|
|
253
253
|
'aria-selected': this.isSelectedOption(id) ? 'true' : 'false',
|
|
254
|
-
onClick: (0,
|
|
254
|
+
onClick: (0, _uiUtils.createChainedFunction)(event => {
|
|
255
255
|
onRequestSelectOption?.(event, {
|
|
256
256
|
id
|
|
257
257
|
});
|
|
258
258
|
}, onClick),
|
|
259
|
-
onMouseOver: (0,
|
|
259
|
+
onMouseOver: (0, _uiUtils.createChainedFunction)(event => {
|
|
260
260
|
onRequestHighlightOption?.(event, {
|
|
261
261
|
id
|
|
262
262
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-selectable",
|
|
3
|
-
"version": "11.7.9-snapshot-
|
|
3
|
+
"version": "11.7.9-snapshot-1",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
18
|
"keycode": "^2",
|
|
19
|
-
"@instructure/console": "11.7.9-snapshot-
|
|
20
|
-
"@instructure/shared-types": "11.7.9-snapshot-
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/ui-utils": "11.7.9-snapshot-
|
|
23
|
-
"@instructure/ui-
|
|
19
|
+
"@instructure/console": "11.7.9-snapshot-1",
|
|
20
|
+
"@instructure/shared-types": "11.7.9-snapshot-1",
|
|
21
|
+
"@instructure/ui-dom-utils": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-1",
|
|
23
|
+
"@instructure/ui-utils": "11.7.9-snapshot-1"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"vitest": "^5.0.0",
|
|
27
|
-
"@instructure/ui-babel-preset": "11.7.9-snapshot-
|
|
27
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-1"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"react": ">=18 <=19"
|