@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 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-0](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-0) (2026-10-05)
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
 
@@ -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 _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
11
- var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
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 _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
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, _withDeterministicId.withDeterministicId)(), _dec(_class = class Selectable extends _react.Component {
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, _isActiveElement.isActiveElement)(this._trigger)) {
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, _createChainedFunction.createChainedFunction)(event => {
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, _createChainedFunction.createChainedFunction)(ref, el => this._trigger = el),
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, _createChainedFunction.createChainedFunction)(this.handleKeyDown, onKeyDown),
206
- onKeyUp: (0, _createChainedFunction.createChainedFunction)(this.handleKeyUp, onKeyUp),
207
- onClick: (0, _createChainedFunction.createChainedFunction)(this.handleOpenClose, onClick),
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, _createChainedFunction.createChainedFunction)(event => {
231
+ onMouseDown: (0, _uiUtils.createChainedFunction)(event => {
232
232
  event.preventDefault(); // prevent trigger from losing focus
233
233
  }, onMouseDown),
234
- onClick: (0, _createChainedFunction.createChainedFunction)(event => {
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, _createChainedFunction.createChainedFunction)(event => {
254
+ onClick: (0, _uiUtils.createChainedFunction)(event => {
255
255
  onRequestSelectOption?.(event, {
256
256
  id
257
257
  });
258
258
  }, onClick),
259
- onMouseOver: (0, _createChainedFunction.createChainedFunction)(event => {
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-0",
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-0",
20
- "@instructure/shared-types": "11.7.9-snapshot-0",
21
- "@instructure/ui-react-utils": "11.7.9-snapshot-0",
22
- "@instructure/ui-utils": "11.7.9-snapshot-0",
23
- "@instructure/ui-dom-utils": "11.7.9-snapshot-0"
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-0"
27
+ "@instructure/ui-babel-preset": "11.7.9-snapshot-1"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "react": ">=18 <=19"