@instructure/ui-selectable 8.56.0 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-selectable
+
+
+
+
+
+## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
+
+**Note:** Version bump only for package @instructure/ui-selectable
+
+
+
+
+
 # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
 
 **Note:** Version bump only for package @instructure/ui-selectable

package/lib/Selectable/index.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Selectable = void 0;
 var _react = require("react");
 var _keycode = _interopRequireDefault(require("keycode"));
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
 var _props = require("./props");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _dec, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -42,7 +42,7 @@ category: components
 tags: autocomplete, typeahead, combobox, dropdown, search
 ---
 **/
-let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec(_class = (_class2 = class Selectable extends _react.Component {
+let Selectable = exports.Selectable = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec(_class = (_class2 = class Selectable extends _react.Component {
   constructor(...args) {
     super(...args);
     this._id = this.props.id || this.props.deterministicId();
@@ -65,7 +65,7 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
       if (isShowingOptions) {
         onRequestHideOptions === null || onRequestHideOptions === void 0 ? void 0 : onRequestHideOptions(event);
       } else {
-        if (!(0, _isActiveElement.isActiveElement)(this._trigger)) {
+        if (!(0, _uiDomUtils.isActiveElement)(this._trigger)) {
           ;
           this._trigger.focus();
         }
@@ -164,7 +164,7 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
           ...rest
         } = {}) => {
           return {
-            onMouseDown: (0, _createChainedFunction.createChainedFunction)(event => {
+            onMouseDown: (0, _uiUtils.createChainedFunction)(event => {
               // if we call preventDefault, label can't be selected and copied, so we only call it when the options are shown
               if (event.target !== this._trigger && isShowingOptions) {
                 event.preventDefault(); // prevent trigger from losing focus
@@ -188,16 +188,16 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
         } = {}) => {
           return {
             id: this._id,
-            ref: (0, _createChainedFunction.createChainedFunction)(ref, el => this._trigger = el),
+            ref: (0, _uiUtils.createChainedFunction)(ref, el => this._trigger = el),
             'aria-haspopup': 'listbox',
             'aria-expanded': isShowingOptions,
             'aria-owns': isShowingOptions ? this._listId : void 0,
             'aria-controls': isShowingOptions ? this._listId : void 0,
             'aria-describedby': this._descriptionId,
             'aria-activedescendant': isShowingOptions ? highlightedOptionId : void 0,
-            onKeyDown: (0, _createChainedFunction.createChainedFunction)(this.handleKeyDown, onKeyDown),
-            onKeyUp: (0, _createChainedFunction.createChainedFunction)(this.handleKeyUp, onKeyUp),
-            onClick: (0, _createChainedFunction.createChainedFunction)(this.handleOpenClose, onClick),
+            onKeyDown: (0, _uiUtils.createChainedFunction)(this.handleKeyDown, onKeyDown),
+            onKeyUp: (0, _uiUtils.createChainedFunction)(this.handleKeyUp, onKeyUp),
+            onClick: (0, _uiUtils.createChainedFunction)(this.handleOpenClose, onClick),
             ...rest
           };
         },
@@ -221,10 +221,10 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
           return {
             id: this._listId,
             role: 'listbox',
-            onMouseDown: (0, _createChainedFunction.createChainedFunction)(event => {
+            onMouseDown: (0, _uiUtils.createChainedFunction)(event => {
               event.preventDefault(); // prevent trigger from losing focus
             }, onMouseDown),
-            onClick: (0, _createChainedFunction.createChainedFunction)(event => {
+            onClick: (0, _uiUtils.createChainedFunction)(event => {
               // prevent synthetic event from firing on the document
               // this event could inadvertently close a parent dialog
               event.stopPropagation();
@@ -244,12 +244,12 @@ let Selectable = exports.Selectable = (_dec = (0, _withDeterministicId.withDeter
             id,
             role: 'option',
             'aria-selected': this.isSelectedOption(id) ? 'true' : 'false',
-            onClick: (0, _createChainedFunction.createChainedFunction)(event => {
+            onClick: (0, _uiUtils.createChainedFunction)(event => {
               onRequestSelectOption === null || onRequestSelectOption === void 0 ? void 0 : onRequestSelectOption(event, {
                 id
               });
             }, onClick),
-            onMouseOver: (0, _createChainedFunction.createChainedFunction)(event => {
+            onMouseOver: (0, _uiUtils.createChainedFunction)(event => {
               onRequestHighlightOption === null || onRequestHighlightOption === void 0 ? void 0 : onRequestHighlightOption(event, {
                 id
               });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-selectable",
-  "version": "8.56.0",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,17 +23,17 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.0",
-    "@instructure/ui-test-utils": "8.56.0"
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.0",
-    "@instructure/shared-types": "8.56.0",
-    "@instructure/ui-dom-utils": "8.56.0",
-    "@instructure/ui-react-utils": "8.56.0",
-    "@instructure/ui-testable": "8.56.0",
-    "@instructure/ui-utils": "8.56.0",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },