@instructure/ui-focusable 11.7.8 → 11.7.9-pr-snapshot-1792147648392

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-pr-snapshot-1792147648392](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-pr-snapshot-1792147648392) (2026-10-16)
+
+### Build System
+
+* **many:** replace babel with swc ([7e36c54](https://github.com/instructure/instructure-ui/commit/7e36c54d240b4fa483801c03ab18e7f860f561e2))
+
+### BREAKING CHANGES
+
+* **many:** `@instructure/ui-babel-preset` and
+  `@instructure/browserslist-config-instui` are removed and will no longer be
+  published. Packages depend on `@swc/helpers` instead of `@babel/runtime`.
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-focusable

package/es/Focusable/index.js

@@ -1,233 +1,181 @@
-/*
- * 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.
- */
-
 import { cloneElement, Component } from 'react';
 import { addInputModeListener, addEventListener, containsActiveElement, findFocusable } from '@instructure/ui-dom-utils';
 import { logWarn as warn } from '@instructure/console';
 import { allowedProps } from './props.js';
 import { createChainedFunction } from '@instructure/ui-utils';
-/**
----
-category: components/Util Components
----
-**/
 class Focusable extends Component {
-  static displayName = 'Focusable';
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    children: null
-  };
-  static inputTypes = {
-    text: true,
-    search: true,
-    url: true,
-    tel: true,
-    email: true,
-    password: true,
-    number: true,
-    date: true,
-    month: true,
-    week: true,
-    time: true,
-    datetime: true,
-    'datetime-local': true
-  };
-  _focusListener = null;
-  _blurListener = null;
-  _inputModeListener = null;
-  state = {
-    focused: false,
-    focusable: undefined
-  };
-  componentDidMount() {
-    const {
-      focusable,
-      focused
-    } = this;
-    this.addFocusableListeners(focused, focusable);
-    this._inputModeListener = addInputModeListener({
-      onInputModeChange: this.handleInputModeChange
-    });
-    this.setState({
-      focusable,
-      focused
-    });
-  }
-  getSnapshotBeforeUpdate(prevProps) {
-    const {
-      render,
-      children
-    } = this.props;
-    // prevent blur from firing when focusable element is replaced
-    if (prevProps.children !== children || prevProps.render !== render) {
-      this.removeFocusableListeners();
-    }
-    return null;
-  }
-  componentDidUpdate() {
-    const focusable = this.focusable;
-    if (!focusable && this.state.focusable) {
-      this.removeFocusableListeners();
-      this.setState({
-        focusable: undefined,
-        focused: false
-      });
-    } else if (focusable !== this.state.focusable) {
-      this.removeFocusableListeners();
-      if (this.state.focused) {
-        ;
-        focusable.focus();
-      }
-      this.addFocusableListeners(this.state.focused, focusable);
-      this.setState({
-        focusable
-      });
-    } else {
-      this.addFocusableListeners(this.state.focused, focusable);
-    }
-  }
-  componentWillUnmount() {
-    if (this._inputModeListener) {
-      this._inputModeListener.remove();
-      this._inputModeListener = null;
-    }
-    this.removeFocusableListeners();
-  }
-  addFocusableListeners(focused, focusable) {
-    if (!focusable) return;
-    if (focused && !this._blurListener) {
-      this._blurListener = addEventListener(focusable, 'blur', this.handleBlur, true);
-    } else if (!this._focusListener) {
-      this._focusListener = addEventListener(focusable, 'focus', this.handleFocus, true);
-    }
-  }
-  removeFocusableListeners() {
-    this.removeFocusListener();
-    this.removeBlurListener();
-  }
-  removeFocusListener() {
-    if (this._focusListener) {
-      this._focusListener.remove();
-      this._focusListener = null;
-    }
-  }
-  removeBlurListener() {
-    if (this._blurListener) {
-      this._blurListener.remove();
-      this._blurListener = null;
-    }
-  }
-  handleInputModeChange = () => {
-    this.forceUpdate();
-  };
-  handleFocus = () => {
-    this.removeFocusListener();
-    this.setState({
-      focused: true
-    });
-  };
-  handleBlur = () => {
-    this.removeBlurListener();
-    this.setState({
-      focused: false
-    });
-  };
-  get focused() {
-    return containsActiveElement(this);
-  }
-  get focusable() {
-    const focusableArr = findFocusable(this, () => true, true) || [];
-    const focusableCount = focusableArr && focusableArr.length || 0;
-    warn(focusableCount === 1, `[Focusable] Exactly one focusable child is required (${focusableCount} found).`);
-    const focusable = focusableArr ? focusableArr[0] : false;
-    if (focusable && typeof focusable.focus === 'function') {
-      return focusable;
-    } else {
-      return undefined;
-    }
-  }
-  get focusVisible() {
-    const {
-      focusable,
-      focused
-    } = this.state;
-    return this.isFocusVisible(focused, focusable);
-  }
-  focus() {
-    const {
-      focusable
-    } = this;
-    if (focusable) {
-      focusable.focus();
-    }
-  }
-  ref = null;
-  attachRef = el => {
-    this.ref = el;
-  };
-  isFocusVisible(focused, focusable) {
-    if (!focusable || !focused) return false;
-
-    // always show focus for keyboard input mode
-    if (this._inputModeListener && this._inputModeListener.isKeyboardMode()) return true;
-    // note: the type property exist on input fields like HtmlInputElement
-    const {
-      tagName,
-      type,
-      isContentEditable
-    } = focusable;
-    if (tagName == 'INPUT' && Focusable.inputTypes[type]) {
-      return true;
-    }
-    if (tagName == 'TEXTAREA') {
-      return true;
-    }
-    return isContentEditable;
-  }
-  render() {
-    const {
-      children,
-      render = children
-    } = this.props;
-    const {
-      focusable,
-      focused
-    } = this.state;
-    if (typeof render === 'function') {
-      const rendered = render({
-        focused,
-        focusable,
-        focusVisible: this.isFocusVisible(focused, focusable),
-        attachRef: this.attachRef
-      });
-      return /*#__PURE__*/cloneElement(rendered, {
-        ref: rendered.ref ? createChainedFunction(rendered.ref, this.attachRef) : this.attachRef
-      });
-    } else {
-      return null;
-    }
-  }
+    static{
+        this.displayName = 'Focusable';
+    }
+    static{
+        this.allowedProps = allowedProps;
+    }
+    static{
+        this.defaultProps = {
+            children: null
+        };
+    }
+    static{
+        this.inputTypes = {
+            text: true,
+            search: true,
+            url: true,
+            tel: true,
+            email: true,
+            password: true,
+            number: true,
+            date: true,
+            month: true,
+            week: true,
+            time: true,
+            datetime: true,
+            'datetime-local': true
+        };
+    }
+    componentDidMount() {
+        const { focusable, focused } = this;
+        this.addFocusableListeners(focused, focusable);
+        this._inputModeListener = addInputModeListener({
+            onInputModeChange: this.handleInputModeChange
+        });
+        this.setState({
+            focusable,
+            focused
+        });
+    }
+    getSnapshotBeforeUpdate(prevProps) {
+        const { render, children } = this.props;
+        if (prevProps.children !== children || prevProps.render !== render) {
+            this.removeFocusableListeners();
+        }
+        return null;
+    }
+    componentDidUpdate() {
+        const focusable = this.focusable;
+        if (!focusable && this.state.focusable) {
+            this.removeFocusableListeners();
+            this.setState({
+                focusable: undefined,
+                focused: false
+            });
+        } else if (focusable !== this.state.focusable) {
+            this.removeFocusableListeners();
+            if (this.state.focused) {
+                ;
+                focusable.focus();
+            }
+            this.addFocusableListeners(this.state.focused, focusable);
+            this.setState({
+                focusable
+            });
+        } else {
+            this.addFocusableListeners(this.state.focused, focusable);
+        }
+    }
+    componentWillUnmount() {
+        if (this._inputModeListener) {
+            this._inputModeListener.remove();
+            this._inputModeListener = null;
+        }
+        this.removeFocusableListeners();
+    }
+    addFocusableListeners(focused, focusable) {
+        if (!focusable) return;
+        if (focused && !this._blurListener) {
+            this._blurListener = addEventListener(focusable, 'blur', this.handleBlur, true);
+        } else if (!this._focusListener) {
+            this._focusListener = addEventListener(focusable, 'focus', this.handleFocus, true);
+        }
+    }
+    removeFocusableListeners() {
+        this.removeFocusListener();
+        this.removeBlurListener();
+    }
+    removeFocusListener() {
+        if (this._focusListener) {
+            this._focusListener.remove();
+            this._focusListener = null;
+        }
+    }
+    removeBlurListener() {
+        if (this._blurListener) {
+            this._blurListener.remove();
+            this._blurListener = null;
+        }
+    }
+    get focused() {
+        return containsActiveElement(this);
+    }
+    get focusable() {
+        const focusableArr = findFocusable(this, ()=>true, true) || [];
+        const focusableCount = focusableArr && focusableArr.length || 0;
+        warn(focusableCount === 1, `[Focusable] Exactly one focusable child is required (${focusableCount} found).`);
+        const focusable = focusableArr ? focusableArr[0] : false;
+        if (focusable && typeof focusable.focus === 'function') {
+            return focusable;
+        } else {
+            return undefined;
+        }
+    }
+    get focusVisible() {
+        const { focusable, focused } = this.state;
+        return this.isFocusVisible(focused, focusable);
+    }
+    focus() {
+        const { focusable } = this;
+        if (focusable) {
+            focusable.focus();
+        }
+    }
+    isFocusVisible(focused, focusable) {
+        if (!focusable || !focused) return false;
+        if (this._inputModeListener && this._inputModeListener.isKeyboardMode()) return true;
+        const { tagName, type, isContentEditable } = focusable;
+        if (tagName == 'INPUT' && Focusable.inputTypes[type]) {
+            return true;
+        }
+        if (tagName == 'TEXTAREA') {
+            return true;
+        }
+        return isContentEditable;
+    }
+    render() {
+        const { children, render = children } = this.props;
+        const { focusable, focused } = this.state;
+        if (typeof render === 'function') {
+            const rendered = render({
+                focused,
+                focusable,
+                focusVisible: this.isFocusVisible(focused, focusable),
+                attachRef: this.attachRef
+            });
+            return /*#__PURE__*/ cloneElement(rendered, {
+                ref: rendered.ref ? createChainedFunction(rendered.ref, this.attachRef) : this.attachRef
+            });
+        } else {
+            return null;
+        }
+    }
+    constructor(...args){
+        super(...args), this._focusListener = null, this._blurListener = null, this._inputModeListener = null, this.state = {
+            focused: false,
+            focusable: undefined
+        }, this.handleInputModeChange = ()=>{
+            this.forceUpdate();
+        }, this.handleFocus = ()=>{
+            this.removeFocusListener();
+            this.setState({
+                focused: true
+            });
+        }, this.handleBlur = ()=>{
+            this.removeBlurListener();
+            this.setState({
+                focused: false
+            });
+        }, this.ref = null, this.attachRef = (el)=>{
+            this.ref = el;
+        };
+    }
 }
 export default Focusable;
-export { Focusable };
+export { Focusable };

package/es/Focusable/props.js

@@ -1,26 +1,5 @@
-/*
- * 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 allowedProps = ['children', 'render'];
-export { allowedProps };
+const allowedProps = [
+    'children',
+    'render'
+];
+export { allowedProps };

package/es/index.js

@@ -1,24 +1 @@
-/*
- * 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.
- */
-export { Focusable } from './Focusable/index.js';
+export { Focusable } from './Focusable/index.js';

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-focusable",
-  "version": "11.7.8",
+  "version": "11.7.9-pr-snapshot-1792147648392",
+  "type": "module",
   "description": "A utility used to identify when an element receives focus.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -14,17 +14,16 @@
   "bugs": "https://github.com/instructure/instructure-ui/issues",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.8",
-    "@instructure/ui-dom-utils": "11.7.8",
-    "@instructure/ui-utils": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8",
-    "@instructure/ui-view": "11.7.8"
+    "@swc/helpers": "^0.5.23",
+    "@instructure/shared-types": "11.7.9-pr-snapshot-1792147648392",
+    "@instructure/console": "11.7.9-pr-snapshot-1792147648392",
+    "@instructure/ui-utils": "11.7.9-pr-snapshot-1792147648392",
+    "@instructure/ui-dom-utils": "11.7.9-pr-snapshot-1792147648392",
+    "@instructure/ui-react-utils": "11.7.9-pr-snapshot-1792147648392",
+    "@instructure/ui-view": "11.7.9-pr-snapshot-1792147648392"
   },
   "devDependencies": {
-    "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.8"
+    "vitest": "^5.0.0"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -38,10 +37,8 @@
       "src": "./src/index.ts",
       "types": "./types/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
       "default": "./es/index.js"
     },
-    "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
@@ -51,7 +48,7 @@
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",
     "clean": "ui-scripts clean",
-    "build": "ui-scripts build --modules es,cjs",
+    "build": "ui-scripts build",
     "build:watch": "pnpm run ts:check -- --watch & ui-scripts build --watch",
     "build:types": "tsc -p tsconfig.build.json",
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"

package/tsconfig.build.json

@@ -7,7 +7,6 @@
   },
   "include": ["src"],
   "references": [
-    { "path": "../ui-babel-preset/tsconfig.build.json" },
     { "path": "../console/tsconfig.build.json" },
     { "path": "../ui-dom-utils/tsconfig.build.json" },
     { "path": "../ui-react-utils/tsconfig.build.json" },

package/lib/Focusable/index.js

@@ -1,242 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Focusable = void 0;
-var _react = require("react");
-var _addInputModeListener = require("@instructure/ui-dom-utils/lib/addInputModeListener.js");
-var _addEventListener = require("@instructure/ui-dom-utils/lib/addEventListener.js");
-var _containsActiveElement = require("@instructure/ui-dom-utils/lib/containsActiveElement.js");
-var _findFocusable = require("@instructure/ui-dom-utils/lib/findFocusable.js");
-var _console = require("@instructure/console");
-var _props = require("./props.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-/*
- * 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.
- */
-
-/**
----
-category: components/Util Components
----
-**/
-class Focusable extends _react.Component {
-  static displayName = 'Focusable';
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    children: null
-  };
-  static inputTypes = {
-    text: true,
-    search: true,
-    url: true,
-    tel: true,
-    email: true,
-    password: true,
-    number: true,
-    date: true,
-    month: true,
-    week: true,
-    time: true,
-    datetime: true,
-    'datetime-local': true
-  };
-  _focusListener = null;
-  _blurListener = null;
-  _inputModeListener = null;
-  state = {
-    focused: false,
-    focusable: undefined
-  };
-  componentDidMount() {
-    const {
-      focusable,
-      focused
-    } = this;
-    this.addFocusableListeners(focused, focusable);
-    this._inputModeListener = (0, _addInputModeListener.addInputModeListener)({
-      onInputModeChange: this.handleInputModeChange
-    });
-    this.setState({
-      focusable,
-      focused
-    });
-  }
-  getSnapshotBeforeUpdate(prevProps) {
-    const {
-      render,
-      children
-    } = this.props;
-    // prevent blur from firing when focusable element is replaced
-    if (prevProps.children !== children || prevProps.render !== render) {
-      this.removeFocusableListeners();
-    }
-    return null;
-  }
-  componentDidUpdate() {
-    const focusable = this.focusable;
-    if (!focusable && this.state.focusable) {
-      this.removeFocusableListeners();
-      this.setState({
-        focusable: undefined,
-        focused: false
-      });
-    } else if (focusable !== this.state.focusable) {
-      this.removeFocusableListeners();
-      if (this.state.focused) {
-        ;
-        focusable.focus();
-      }
-      this.addFocusableListeners(this.state.focused, focusable);
-      this.setState({
-        focusable
-      });
-    } else {
-      this.addFocusableListeners(this.state.focused, focusable);
-    }
-  }
-  componentWillUnmount() {
-    if (this._inputModeListener) {
-      this._inputModeListener.remove();
-      this._inputModeListener = null;
-    }
-    this.removeFocusableListeners();
-  }
-  addFocusableListeners(focused, focusable) {
-    if (!focusable) return;
-    if (focused && !this._blurListener) {
-      this._blurListener = (0, _addEventListener.addEventListener)(focusable, 'blur', this.handleBlur, true);
-    } else if (!this._focusListener) {
-      this._focusListener = (0, _addEventListener.addEventListener)(focusable, 'focus', this.handleFocus, true);
-    }
-  }
-  removeFocusableListeners() {
-    this.removeFocusListener();
-    this.removeBlurListener();
-  }
-  removeFocusListener() {
-    if (this._focusListener) {
-      this._focusListener.remove();
-      this._focusListener = null;
-    }
-  }
-  removeBlurListener() {
-    if (this._blurListener) {
-      this._blurListener.remove();
-      this._blurListener = null;
-    }
-  }
-  handleInputModeChange = () => {
-    this.forceUpdate();
-  };
-  handleFocus = () => {
-    this.removeFocusListener();
-    this.setState({
-      focused: true
-    });
-  };
-  handleBlur = () => {
-    this.removeBlurListener();
-    this.setState({
-      focused: false
-    });
-  };
-  get focused() {
-    return (0, _containsActiveElement.containsActiveElement)(this);
-  }
-  get focusable() {
-    const focusableArr = (0, _findFocusable.findFocusable)(this, () => true, true) || [];
-    const focusableCount = focusableArr && focusableArr.length || 0;
-    (0, _console.logWarn)(focusableCount === 1, `[Focusable] Exactly one focusable child is required (${focusableCount} found).`);
-    const focusable = focusableArr ? focusableArr[0] : false;
-    if (focusable && typeof focusable.focus === 'function') {
-      return focusable;
-    } else {
-      return undefined;
-    }
-  }
-  get focusVisible() {
-    const {
-      focusable,
-      focused
-    } = this.state;
-    return this.isFocusVisible(focused, focusable);
-  }
-  focus() {
-    const {
-      focusable
-    } = this;
-    if (focusable) {
-      focusable.focus();
-    }
-  }
-  ref = null;
-  attachRef = el => {
-    this.ref = el;
-  };
-  isFocusVisible(focused, focusable) {
-    if (!focusable || !focused) return false;
-
-    // always show focus for keyboard input mode
-    if (this._inputModeListener && this._inputModeListener.isKeyboardMode()) return true;
-    // note: the type property exist on input fields like HtmlInputElement
-    const {
-      tagName,
-      type,
-      isContentEditable
-    } = focusable;
-    if (tagName == 'INPUT' && Focusable.inputTypes[type]) {
-      return true;
-    }
-    if (tagName == 'TEXTAREA') {
-      return true;
-    }
-    return isContentEditable;
-  }
-  render() {
-    const {
-      children,
-      render = children
-    } = this.props;
-    const {
-      focusable,
-      focused
-    } = this.state;
-    if (typeof render === 'function') {
-      const rendered = render({
-        focused,
-        focusable,
-        focusVisible: this.isFocusVisible(focused, focusable),
-        attachRef: this.attachRef
-      });
-      return /*#__PURE__*/(0, _react.cloneElement)(rendered, {
-        ref: rendered.ref ? (0, _createChainedFunction.createChainedFunction)(rendered.ref, this.attachRef) : this.attachRef
-      });
-    } else {
-      return null;
-    }
-  }
-}
-exports.Focusable = Focusable;
-var _default = exports.default = Focusable;

package/lib/Focusable/props.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * 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 allowedProps = exports.allowedProps = ['children', 'render'];

package/lib/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Focusable", {
-  enumerable: true,
-  get: function () {
-    return _index.Focusable;
-  }
-});
-var _index = require("./Focusable/index.js");

package/lib/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}