@instructure/ui-selectable 8.12.1-snapshot.7 → 8.13.1-snapshot.9

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+**Note:** Version bump only for package @instructure/ui-selectable
+
 # [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
 
 **Note:** Version bump only for package @instructure/ui-selectable

package/es/Selectable/index.js

@@ -1,3 +1,10 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["onMouseDown", "onClick"],
+      _excluded2 = ["ref", "onKeyDown", "onKeyUp"],
+      _excluded3 = ["readOnly"],
+      _excluded4 = ["onMouseDown", "onClick"],
+      _excluded5 = ["id", "onMouseOver", "onClick"];
+
 /*
  * The MIT License (MIT)
  *
@@ -37,8 +44,8 @@ tags: autocomplete, typeahead, combobox, dropdown, search
 **/
 
 class Selectable extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this._id = this.props.id || uid('Selectable');
     this._listId = `${this._id}-list`;
     this._descriptionId = `${this._id}-description`;
@@ -166,6 +173,8 @@ class Selectable extends Component {
   }
 
   render() {
+    var _this = this;
+
     const _this$props3 = this.props,
           isShowingOptions = _this$props3.isShowingOptions,
           highlightedOptionId = _this$props3.highlightedOptionId,
@@ -177,15 +186,16 @@ class Selectable extends Component {
 
     if (typeof render === 'function') {
       return render({
-        getRootProps: ({
-          onMouseDown,
-          onClick,
-          ...rest
-        } = {}) => {
+        getRootProps: function () {
+          let _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              onMouseDown = _ref.onMouseDown,
+              onClick = _ref.onClick,
+              rest = _objectWithoutProperties(_ref, _excluded);
+
           return {
-            onClick: createChainedFunction(this.handleOpenClose, onClick),
+            onClick: createChainedFunction(_this.handleOpenClose, onClick),
             onMouseDown: createChainedFunction(event => {
-              if (event.target !== this._trigger) {
+              if (event.target !== _this._trigger) {
                 event.preventDefault(); // prevent trigger from losing focus
               }
             }, onMouseDown),
@@ -198,30 +208,32 @@ class Selectable extends Component {
             ...props
           };
         },
-        getTriggerProps: ({
-          ref,
-          onKeyDown,
-          onKeyUp,
-          ...rest
-        } = {}) => {
+        getTriggerProps: function () {
+          let _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              ref = _ref2.ref,
+              onKeyDown = _ref2.onKeyDown,
+              onKeyUp = _ref2.onKeyUp,
+              rest = _objectWithoutProperties(_ref2, _excluded2);
+
           return {
-            id: this._id,
-            ref: createChainedFunction(ref, el => this._trigger = el),
+            id: _this._id,
+            ref: createChainedFunction(ref, el => _this._trigger = el),
             'aria-haspopup': 'listbox',
             'aria-expanded': isShowingOptions,
-            'aria-owns': isShowingOptions ? this._listId : null,
-            'aria-controls': isShowingOptions ? this._listId : null,
-            'aria-describedby': this._descriptionId,
+            'aria-owns': isShowingOptions ? _this._listId : null,
+            'aria-controls': isShowingOptions ? _this._listId : null,
+            'aria-describedby': _this._descriptionId,
             'aria-activedescendant': isShowingOptions ? highlightedOptionId : null,
-            onKeyDown: createChainedFunction(this.handleKeyDown, onKeyDown),
-            onKeyUp: createChainedFunction(this.handleKeyUp, onKeyUp),
+            onKeyDown: createChainedFunction(_this.handleKeyDown, onKeyDown),
+            onKeyUp: createChainedFunction(_this.handleKeyUp, onKeyUp),
             ...rest
           };
         },
-        getInputProps: ({
-          readOnly,
-          ...rest
-        } = {}) => {
+        getInputProps: function () {
+          let _ref3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              readOnly = _ref3.readOnly,
+              rest = _objectWithoutProperties(_ref3, _excluded3);
+
           return {
             role: 'combobox',
             'aria-autocomplete': readOnly ? 'none' : 'both',
@@ -230,13 +242,14 @@ class Selectable extends Component {
             ...rest
           };
         },
-        getListProps: ({
-          onMouseDown,
-          onClick,
-          ...rest
-        } = {}) => {
+        getListProps: function () {
+          let _ref4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              onMouseDown = _ref4.onMouseDown,
+              onClick = _ref4.onClick,
+              rest = _objectWithoutProperties(_ref4, _excluded4);
+
           return {
-            id: this._listId,
+            id: _this._listId,
             role: 'listbox',
             onMouseDown: createChainedFunction(event => {
               event.preventDefault(); // prevent trigger from losing focus
@@ -250,17 +263,18 @@ class Selectable extends Component {
             ...rest
           };
         },
-        getOptionProps: ({
-          id,
-          onMouseOver,
-          onClick,
-          ...rest
-        } = {}) => {
+        getOptionProps: function () {
+          let _ref5 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              id = _ref5.id,
+              onMouseOver = _ref5.onMouseOver,
+              onClick = _ref5.onClick,
+              rest = _objectWithoutProperties(_ref5, _excluded5);
+
           error(Boolean(id), `[Selectable] Must provide id for each option via \`getOptionProps\`.`);
           return {
             id,
             role: 'option',
-            'aria-selected': this.isSelectedOption(id) ? 'true' : 'false',
+            'aria-selected': _this.isSelectedOption(id) ? 'true' : 'false',
             onClick: createChainedFunction(event => {
               onRequestSelectOption === null || onRequestSelectOption === void 0 ? void 0 : onRequestSelectOption(event, {
                 id

package/lib/Selectable/index.js

@@ -5,7 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Selectable = exports.default = void 0;
+exports.default = exports.Selectable = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = require("react");
 
@@ -21,29 +23,11 @@ var _uid = require("@instructure/uid");
 
 var _props = require("./props");
 
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
+const _excluded = ["onMouseDown", "onClick"],
+      _excluded2 = ["ref", "onKeyDown", "onKeyUp"],
+      _excluded3 = ["readOnly"],
+      _excluded4 = ["onMouseDown", "onClick"],
+      _excluded5 = ["id", "onMouseOver", "onClick"];
 
 /**
 ---
@@ -53,8 +37,8 @@ tags: autocomplete, typeahead, combobox, dropdown, search
 @tsProps
 **/
 class Selectable extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this._id = this.props.id || (0, _uid.uid)('Selectable');
     this._listId = `${this._id}-list`;
     this._descriptionId = `${this._id}-description`;
@@ -182,6 +166,8 @@ class Selectable extends _react.Component {
   }
 
   render() {
+    var _this = this;
+
     const _this$props3 = this.props,
           isShowingOptions = _this$props3.isShowingOptions,
           highlightedOptionId = _this$props3.highlightedOptionId,
@@ -193,15 +179,16 @@ class Selectable extends _react.Component {
 
     if (typeof render === 'function') {
       return render({
-        getRootProps: ({
-          onMouseDown,
-          onClick,
-          ...rest
-        } = {}) => {
+        getRootProps: function () {
+          let _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              onMouseDown = _ref.onMouseDown,
+              onClick = _ref.onClick,
+              rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
           return {
-            onClick: (0, _createChainedFunction.createChainedFunction)(this.handleOpenClose, onClick),
+            onClick: (0, _createChainedFunction.createChainedFunction)(_this.handleOpenClose, onClick),
             onMouseDown: (0, _createChainedFunction.createChainedFunction)(event => {
-              if (event.target !== this._trigger) {
+              if (event.target !== _this._trigger) {
                 event.preventDefault(); // prevent trigger from losing focus
               }
             }, onMouseDown),
@@ -214,30 +201,32 @@ class Selectable extends _react.Component {
             ...props
           };
         },
-        getTriggerProps: ({
-          ref,
-          onKeyDown,
-          onKeyUp,
-          ...rest
-        } = {}) => {
+        getTriggerProps: function () {
+          let _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              ref = _ref2.ref,
+              onKeyDown = _ref2.onKeyDown,
+              onKeyUp = _ref2.onKeyUp,
+              rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+
           return {
-            id: this._id,
-            ref: (0, _createChainedFunction.createChainedFunction)(ref, el => this._trigger = el),
+            id: _this._id,
+            ref: (0, _createChainedFunction.createChainedFunction)(ref, el => _this._trigger = el),
             'aria-haspopup': 'listbox',
             'aria-expanded': isShowingOptions,
-            'aria-owns': isShowingOptions ? this._listId : null,
-            'aria-controls': isShowingOptions ? this._listId : null,
-            'aria-describedby': this._descriptionId,
+            'aria-owns': isShowingOptions ? _this._listId : null,
+            'aria-controls': isShowingOptions ? _this._listId : null,
+            'aria-describedby': _this._descriptionId,
             'aria-activedescendant': isShowingOptions ? highlightedOptionId : null,
-            onKeyDown: (0, _createChainedFunction.createChainedFunction)(this.handleKeyDown, onKeyDown),
-            onKeyUp: (0, _createChainedFunction.createChainedFunction)(this.handleKeyUp, onKeyUp),
+            onKeyDown: (0, _createChainedFunction.createChainedFunction)(_this.handleKeyDown, onKeyDown),
+            onKeyUp: (0, _createChainedFunction.createChainedFunction)(_this.handleKeyUp, onKeyUp),
             ...rest
           };
         },
-        getInputProps: ({
-          readOnly,
-          ...rest
-        } = {}) => {
+        getInputProps: function () {
+          let _ref3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              readOnly = _ref3.readOnly,
+              rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+
           return {
             role: 'combobox',
             'aria-autocomplete': readOnly ? 'none' : 'both',
@@ -246,13 +235,14 @@ class Selectable extends _react.Component {
             ...rest
           };
         },
-        getListProps: ({
-          onMouseDown,
-          onClick,
-          ...rest
-        } = {}) => {
+        getListProps: function () {
+          let _ref4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              onMouseDown = _ref4.onMouseDown,
+              onClick = _ref4.onClick,
+              rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+
           return {
-            id: this._listId,
+            id: _this._listId,
             role: 'listbox',
             onMouseDown: (0, _createChainedFunction.createChainedFunction)(event => {
               event.preventDefault(); // prevent trigger from losing focus
@@ -266,17 +256,18 @@ class Selectable extends _react.Component {
             ...rest
           };
         },
-        getOptionProps: ({
-          id,
-          onMouseOver,
-          onClick,
-          ...rest
-        } = {}) => {
+        getOptionProps: function () {
+          let _ref5 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+              id = _ref5.id,
+              onMouseOver = _ref5.onMouseOver,
+              onClick = _ref5.onClick,
+              rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
+
           (0, _console.logError)(Boolean(id), `[Selectable] Must provide id for each option via \`getOptionProps\`.`);
           return {
             id,
             role: 'option',
-            'aria-selected': this.isSelectedOption(id) ? 'true' : 'false',
+            'aria-selected': _this.isSelectedOption(id) ? 'true' : 'false',
             onClick: (0, _createChainedFunction.createChainedFunction)(event => {
               onRequestSelectOption === null || onRequestSelectOption === void 0 ? void 0 : onRequestSelectOption(event, {
                 id

package/lib/Selectable/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-selectable",
-  "version": "8.12.1-snapshot.7+1e7ac8219",
+  "version": "8.13.1-snapshot.9+f32ba918e",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,16 +25,16 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/ui-babel-preset": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-test-utils": "8.13.1-snapshot.9+f32ba918e"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-dom-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-testable": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/uid": "8.12.1-snapshot.7+1e7ac8219",
+    "@instructure/console": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-dom-utils": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-testable": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-utils": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/uid": "8.13.1-snapshot.9+f32ba918e",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  "gitHead": "f32ba918e4d3ce76c6ee95c856584d00a9d80958"
 }