@instructure/ui-tree-browser 11.7.4-snapshot-11 → 11.7.4-snapshot-49

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.4-snapshot-11](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-11) (2026-05-19)
+## [11.7.4-snapshot-49](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-49) (2026-06-17)
 
 
 ### Features

package/LICENSE.md

@@ -2,6 +2,7 @@
 title: The MIT License (MIT)
 category: Getting Started
 order: 9
+isWIP: true
 ---
 
 # The MIT License (MIT)

package/es/TreeBrowser/v1/TreeButton/index.js

@@ -27,10 +27,13 @@ import { Component } from 'react';
 import { Img } from '@instructure/ui-img/v11_6';
 import { callRenderProp } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import generateStyles from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
-import TreeBrowserContext from "../TreeBrowserContext.js"; // Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
+import generateStyles from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
+import TreeBrowserContext from '../TreeBrowserContext.js';
+
+// Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
+
 /**
 ---
 parent: TreeBrowser
@@ -39,7 +42,7 @@ id: TreeBrowser.Button
 **/
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 let TreeButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(_class = class TreeButton extends Component {
-  static displayName = "TreeButton";
+  static displayName = 'TreeButton';
   static componentId = 'TreeBrowser.Button';
   static allowedProps = allowedProps;
   static contextType = TreeBrowserContext;

package/es/TreeBrowser/v1/TreeCollection/index.js

@@ -26,11 +26,11 @@ var _dec, _class;
 import { Component } from 'react';
 import { withStyle } from '@instructure/emotion';
 import { safeCloneElement } from '@instructure/ui-react-utils';
-import { TreeButton } from "../TreeButton/index.js";
-import generateStyles from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
-import TreeBrowserContext from "../TreeBrowserContext.js";
+import { TreeButton } from '../TreeButton/index.js';
+import generateStyles from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
+import TreeBrowserContext from '../TreeBrowserContext.js';
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 /**
@@ -40,7 +40,7 @@ id: TreeBrowser.Collection
 ---
 **/
 let TreeCollection = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(_class = class TreeCollection extends Component {
-  static displayName = "TreeCollection";
+  static displayName = 'TreeCollection';
   static componentId = 'TreeBrowser.Collection';
   static allowedProps = allowedProps;
   static contextType = TreeBrowserContext;

package/es/TreeBrowser/v1/TreeNode/index.js

@@ -27,10 +27,13 @@ import { Component } from 'react';
 import { Img } from '@instructure/ui-img/v11_6';
 import { callRenderProp } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import generateStyles from "../TreeButton/styles.js";
-import generateComponentTheme from "../TreeButton/theme.js";
-import { allowedProps } from "./props.js";
-import TreeBrowserContext from "../TreeBrowserContext.js"; // Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
+import generateStyles from '../TreeButton/styles.js';
+import generateComponentTheme from '../TreeButton/theme.js';
+import { allowedProps } from './props.js';
+import TreeBrowserContext from '../TreeBrowserContext.js';
+
+// Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
+
 /**
 ---
 parent: TreeBrowser
@@ -41,7 +44,7 @@ in the TreeBrowser.
 **/
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 let TreeNode = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(_class = class TreeNode extends Component {
-  static displayName = "TreeNode";
+  static displayName = 'TreeNode';
   static componentId = 'TreeBrowser.Node';
   static allowedProps = allowedProps;
   static contextType = TreeBrowserContext;

package/es/TreeBrowser/v1/index.js

@@ -28,13 +28,14 @@ import keycode from 'keycode';
 import { IconFolderLine, IconDocumentLine } from '@instructure/ui-icons';
 import { omitProps, pickProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import { TreeCollection } from "./TreeCollection/index.js";
-import { TreeButton } from "./TreeButton/index.js";
-import { TreeNode } from "./TreeNode/index.js";
-import generateStyles from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
-import TreeBrowserContext from "./TreeBrowserContext.js";
+import { TreeCollection } from './TreeCollection/index.js';
+import { TreeButton } from './TreeButton/index.js';
+import { TreeNode } from './TreeNode/index.js';
+import generateStyles from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
+import TreeBrowserContext from './TreeBrowserContext.js';
+
 /**
 ---
 category: components
@@ -42,7 +43,7 @@ category: components
 **/
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 let TreeBrowser = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(_class = class TreeBrowser extends Component {
-  static displayName = "TreeBrowser";
+  static displayName = 'TreeBrowser';
   static componentId = 'TreeBrowser';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/TreeBrowser/v2/TreeButton/index.js

@@ -27,9 +27,12 @@ import { Component } from 'react';
 import { Img } from '@instructure/ui-img/latest';
 import { withStyleNew } from '@instructure/emotion';
 import { renderIconWithProps } from '@instructure/ui-icons';
-import generateStyles from "./styles.js";
-import { allowedProps } from "./props.js";
-import TreeBrowserContext from "../TreeBrowserContext.js"; // Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
+import generateStyles from './styles.js';
+import { allowedProps } from './props.js';
+import TreeBrowserContext from '../TreeBrowserContext.js';
+
+// Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
+
 // Map TreeBrowser size tokens to icon size tokens
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const treeBrowserSizeToIconSize = {
@@ -45,7 +48,7 @@ id: TreeBrowser.Button
 ---
 **/
 let TreeButton = (_dec = withStyleNew(generateStyles, 'TreeBrowserTreeButton'), _dec(_class = class TreeButton extends Component {
-  static displayName = "TreeButton";
+  static displayName = 'TreeButton';
   static componentId = 'TreeBrowser.Button';
   static allowedProps = allowedProps;
   static contextType = TreeBrowserContext;

package/es/TreeBrowser/v2/TreeCollection/index.js

@@ -26,10 +26,10 @@ var _dec, _class;
 import { Component } from 'react';
 import { withStyleNew } from '@instructure/emotion';
 import { safeCloneElement } from '@instructure/ui-react-utils';
-import { TreeButton } from "../TreeButton/index.js";
-import generateStyles from "./styles.js";
-import { allowedProps } from "./props.js";
-import TreeBrowserContext from "../TreeBrowserContext.js";
+import { TreeButton } from '../TreeButton/index.js';
+import generateStyles from './styles.js';
+import { allowedProps } from './props.js';
+import TreeBrowserContext from '../TreeBrowserContext.js';
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 /**
@@ -39,7 +39,7 @@ id: TreeBrowser.Collection
 ---
 **/
 let TreeCollection = (_dec = withStyleNew(generateStyles, 'TreeBrowserTreeCollection'), _dec(_class = class TreeCollection extends Component {
-  static displayName = "TreeCollection";
+  static displayName = 'TreeCollection';
   static componentId = 'TreeBrowser.Collection';
   static allowedProps = allowedProps;
   static contextType = TreeBrowserContext;

package/es/TreeBrowser/v2/TreeNode/index.js

@@ -27,9 +27,11 @@ import { Component } from 'react';
 import { Img } from '@instructure/ui-img/latest';
 import { withStyleNew } from '@instructure/emotion';
 import { renderIconWithProps } from '@instructure/ui-icons';
-import generateStyles from "../TreeButton/styles.js";
-import { allowedProps } from "./props.js";
-import TreeBrowserContext from "../TreeBrowserContext.js"; // Map TreeBrowser size tokens to icon size tokens
+import generateStyles from '../TreeButton/styles.js';
+import { allowedProps } from './props.js';
+import TreeBrowserContext from '../TreeBrowserContext.js';
+
+// Map TreeBrowser size tokens to icon size tokens
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const treeBrowserSizeToIconSize = {
   small: 'md',
@@ -48,7 +50,7 @@ A helper class used to render the :renderBeforeItems and :renderAfterItems
 in the TreeBrowser.
 **/
 let TreeNode = (_dec = withStyleNew(generateStyles, 'TreeBrowserTreeButton'), _dec(_class = class TreeNode extends Component {
-  static displayName = "TreeNode";
+  static displayName = 'TreeNode';
   static componentId = 'TreeBrowser.Node';
   static allowedProps = allowedProps;
   static contextType = TreeBrowserContext;

package/es/TreeBrowser/v2/index.js

@@ -28,12 +28,13 @@ import keycode from 'keycode';
 import { FolderClosedInstUIIcon, FileTextInstUIIcon } from '@instructure/ui-icons';
 import { omitProps, pickProps } from '@instructure/ui-react-utils';
 import { withStyleNew } from '@instructure/emotion';
-import { TreeCollection } from "./TreeCollection/index.js";
-import { TreeButton } from "./TreeButton/index.js";
-import { TreeNode } from "./TreeNode/index.js";
-import generateStyles from "./styles.js";
-import { allowedProps } from "./props.js";
-import TreeBrowserContext from "./TreeBrowserContext.js";
+import { TreeCollection } from './TreeCollection/index.js';
+import { TreeButton } from './TreeButton/index.js';
+import { TreeNode } from './TreeNode/index.js';
+import generateStyles from './styles.js';
+import { allowedProps } from './props.js';
+import TreeBrowserContext from './TreeBrowserContext.js';
+
 /**
 ---
 category: components
@@ -41,7 +42,7 @@ category: components
 **/
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 let TreeBrowser = (_dec = withStyleNew(generateStyles), _dec(_class = class TreeBrowser extends Component {
-  static displayName = "TreeBrowser";
+  static displayName = 'TreeBrowser';
   static componentId = 'TreeBrowser';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/exports/a.js

@@ -21,7 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { TreeBrowser } from "../TreeBrowser/v1/index.js";
-export { TreeButton } from "../TreeBrowser/v1/TreeButton/index.js";
-export { TreeCollection } from "../TreeBrowser/v1/TreeCollection/index.js";
-export { TreeNode } from "../TreeBrowser/v1/TreeNode/index.js";
+
+export { TreeBrowser } from '../TreeBrowser/v1/index.js';
+export { TreeButton } from '../TreeBrowser/v1/TreeButton/index.js';
+export { TreeCollection } from '../TreeBrowser/v1/TreeCollection/index.js';
+export { TreeNode } from '../TreeBrowser/v1/TreeNode/index.js';

package/es/exports/b.js

@@ -21,7 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { TreeBrowser } from "../TreeBrowser/v2/index.js";
-export { TreeButton } from "../TreeBrowser/v2/TreeButton/index.js";
-export { TreeCollection } from "../TreeBrowser/v2/TreeCollection/index.js";
-export { TreeNode } from "../TreeBrowser/v2/TreeNode/index.js";
+
+export { TreeBrowser } from '../TreeBrowser/v2/index.js';
+export { TreeButton } from '../TreeBrowser/v2/TreeButton/index.js';
+export { TreeCollection } from '../TreeBrowser/v2/TreeCollection/index.js';
+export { TreeNode } from '../TreeBrowser/v2/TreeNode/index.js';

package/lib/TreeBrowser/v1/TreeButton/index.js

@@ -9,10 +9,10 @@ var _react = require("react");
 var _v11_ = require("@instructure/ui-img/v11_6");
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext"));
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
+var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -46,7 +46,7 @@ id: TreeBrowser.Button
 ---
 **/
 let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeButton extends _react.Component {
-  static displayName = "TreeButton";
+  static displayName = 'TreeButton';
   static componentId = 'TreeBrowser.Button';
   static allowedProps = _props.allowedProps;
   static contextType = _TreeBrowserContext.default;

package/lib/TreeBrowser/v1/TreeCollection/index.js

@@ -8,11 +8,11 @@ exports.default = exports.TreeCollection = void 0;
 var _react = require("react");
 var _emotion = require("@instructure/emotion");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _TreeButton = require("../TreeButton");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext"));
+var _index = require("../TreeButton/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
+var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _react2 = require("@emotion/react");
 var _dec, _class;
@@ -46,7 +46,7 @@ id: TreeBrowser.Collection
 ---
 **/
 let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeCollection extends _react.Component {
-  static displayName = "TreeCollection";
+  static displayName = 'TreeCollection';
   static componentId = 'TreeBrowser.Collection';
   static allowedProps = _props.allowedProps;
   static contextType = _TreeBrowserContext.default;
@@ -298,7 +298,7 @@ let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyle)(_s
       onFocus: e => this.handleFocus(e, itemHash),
       onBlur: e => this.handleBlur(e, itemHash),
       ...ariaSelected,
-      children: (0, _jsxRuntime.jsx)(_TreeButton.TreeButton, {
+      children: (0, _jsxRuntime.jsx)(_index.TreeButton, {
         ...itemProps
       })
     }, `i${position}`);
@@ -368,7 +368,7 @@ let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyle)(_s
       }),
       ...ariaSelected,
       "data-cid": "TreeCollection",
-      children: [(0, _jsxRuntime.jsx)(_TreeButton.TreeButton, {
+      children: [(0, _jsxRuntime.jsx)(_index.TreeButton, {
         ...collectionProps
       }), expanded && this.childCount > 0 && (0, _jsxRuntime.jsx)("ul", {
         "aria-label": name,

package/lib/TreeBrowser/v1/TreeNode/index.js

@@ -9,10 +9,10 @@ var _react = require("react");
 var _v11_ = require("@instructure/ui-img/v11_6");
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("../TreeButton/styles"));
-var _theme = _interopRequireDefault(require("../TreeButton/theme"));
-var _props = require("./props");
-var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext"));
+var _styles = _interopRequireDefault(require("../TreeButton/styles.js"));
+var _theme = _interopRequireDefault(require("../TreeButton/theme.js"));
+var _props = require("./props.js");
+var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -48,7 +48,7 @@ A helper class used to render the :renderBeforeItems and :renderAfterItems
 in the TreeBrowser.
 **/
 let TreeNode = exports.TreeNode = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeNode extends _react.Component {
-  static displayName = "TreeNode";
+  static displayName = 'TreeNode';
   static componentId = 'TreeBrowser.Node';
   static allowedProps = _props.allowedProps;
   static contextType = _TreeBrowserContext.default;

package/lib/TreeBrowser/v1/index.js

@@ -12,13 +12,13 @@ var _IconDocumentLine = require("@instructure/ui-icons/lib/generated/IconDocumen
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
 var _emotion = require("@instructure/emotion");
-var _TreeCollection = require("./TreeCollection");
-var _TreeButton = require("./TreeButton");
-var _TreeNode = require("./TreeNode");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _TreeBrowserContext = _interopRequireDefault(require("./TreeBrowserContext"));
+var _index = require("./TreeCollection/index.js");
+var _index2 = require("./TreeButton/index.js");
+var _index3 = require("./TreeNode/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
+var _TreeBrowserContext = _interopRequireDefault(require("./TreeBrowserContext.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -50,7 +50,7 @@ category: components
 ---
 **/
 let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeBrowser extends _react.Component {
-  static displayName = "TreeBrowser";
+  static displayName = 'TreeBrowser';
   static componentId = 'TreeBrowser';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -69,9 +69,9 @@ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.
     },
     animation: true
   };
-  static Node = _TreeNode.TreeNode;
-  static Collection = _TreeCollection.TreeCollection;
-  static Button = _TreeButton.TreeButton;
+  static Node = _index3.TreeNode;
+  static Collection = _index.TreeCollection;
+  static Button = _index2.TreeButton;
   ref = null;
   constructor(props) {
     super(props);
@@ -289,8 +289,8 @@ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.
     return expanded.findIndex(expanded => String(expanded) === String(id));
   }
   renderRoot() {
-    return this.collections.sort(this.props.sortOrder).map((collection, i) => (0, _jsxRuntime.jsx)(_TreeCollection.TreeCollection, {
-      ...(0, _pickProps.pickProps)((0, _omitProps.omitProps)(this.props), _TreeCollection.TreeCollection.allowedProps),
+    return this.collections.sort(this.props.sortOrder).map((collection, i) => (0, _jsxRuntime.jsx)(_index.TreeCollection, {
+      ...(0, _pickProps.pickProps)((0, _omitProps.omitProps)(this.props), _index.TreeCollection.allowedProps),
       ...this.getCollectionProps(collection),
       selection: this.state.selection,
       onItemClick: this.handleItemClick,

package/lib/TreeBrowser/v2/TreeButton/index.js

@@ -9,9 +9,9 @@ var _react = require("react");
 var _latest = require("@instructure/ui-img/latest");
 var _emotion = require("@instructure/emotion");
 var _renderIconWithProps = require("@instructure/ui-icons/lib/IconPropsProvider/renderIconWithProps.js");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
-var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext"));
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
+var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -52,7 +52,7 @@ id: TreeBrowser.Button
 ---
 **/
 let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'TreeBrowserTreeButton'), _dec(_class = class TreeButton extends _react.Component {
-  static displayName = "TreeButton";
+  static displayName = 'TreeButton';
   static componentId = 'TreeBrowser.Button';
   static allowedProps = _props.allowedProps;
   static contextType = _TreeBrowserContext.default;

package/lib/TreeBrowser/v2/TreeCollection/index.js

@@ -8,10 +8,10 @@ exports.default = exports.TreeCollection = void 0;
 var _react = require("react");
 var _emotion = require("@instructure/emotion");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _TreeButton = require("../TreeButton");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
-var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext"));
+var _index = require("../TreeButton/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
+var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _react2 = require("@emotion/react");
 var _dec, _class;
@@ -45,7 +45,7 @@ id: TreeBrowser.Collection
 ---
 **/
 let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'TreeBrowserTreeCollection'), _dec(_class = class TreeCollection extends _react.Component {
-  static displayName = "TreeCollection";
+  static displayName = 'TreeCollection';
   static componentId = 'TreeBrowser.Collection';
   static allowedProps = _props.allowedProps;
   static contextType = _TreeBrowserContext.default;
@@ -299,7 +299,7 @@ let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyleNew)
       onFocus: e => this.handleFocus(e, itemHash),
       onBlur: e => this.handleBlur(e, itemHash),
       ...ariaSelected,
-      children: (0, _jsxRuntime.jsx)(_TreeButton.TreeButton, {
+      children: (0, _jsxRuntime.jsx)(_index.TreeButton, {
         ...itemProps
       })
     }, `i${position}`);
@@ -369,7 +369,7 @@ let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyleNew)
       }),
       ...ariaSelected,
       "data-cid": "TreeCollection",
-      children: [(0, _jsxRuntime.jsx)(_TreeButton.TreeButton, {
+      children: [(0, _jsxRuntime.jsx)(_index.TreeButton, {
         ...collectionProps
       }), expanded && this.childCount > 0 && (0, _jsxRuntime.jsx)("ul", {
         "aria-label": name,

package/lib/TreeBrowser/v2/TreeNode/index.js

@@ -9,9 +9,9 @@ var _react = require("react");
 var _latest = require("@instructure/ui-img/latest");
 var _emotion = require("@instructure/emotion");
 var _renderIconWithProps = require("@instructure/ui-icons/lib/IconPropsProvider/renderIconWithProps.js");
-var _styles = _interopRequireDefault(require("../TreeButton/styles"));
-var _props = require("./props");
-var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext"));
+var _styles = _interopRequireDefault(require("../TreeButton/styles.js"));
+var _props = require("./props.js");
+var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -55,7 +55,7 @@ A helper class used to render the :renderBeforeItems and :renderAfterItems
 in the TreeBrowser.
 **/
 let TreeNode = exports.TreeNode = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'TreeBrowserTreeButton'), _dec(_class = class TreeNode extends _react.Component {
-  static displayName = "TreeNode";
+  static displayName = 'TreeNode';
   static componentId = 'TreeBrowser.Node';
   static allowedProps = _props.allowedProps;
   static contextType = _TreeBrowserContext.default;

package/lib/TreeBrowser/v2/index.js

@@ -11,12 +11,12 @@ var _uiIcons = require("@instructure/ui-icons");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
 var _emotion = require("@instructure/emotion");
-var _TreeCollection = require("./TreeCollection");
-var _TreeButton = require("./TreeButton");
-var _TreeNode = require("./TreeNode");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
-var _TreeBrowserContext = _interopRequireDefault(require("./TreeBrowserContext"));
+var _index = require("./TreeCollection/index.js");
+var _index2 = require("./TreeButton/index.js");
+var _index3 = require("./TreeNode/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
+var _TreeBrowserContext = _interopRequireDefault(require("./TreeBrowserContext.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -48,7 +48,7 @@ category: components
 ---
 **/
 let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class TreeBrowser extends _react.Component {
-  static displayName = "TreeBrowser";
+  static displayName = 'TreeBrowser';
   static componentId = 'TreeBrowser';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -67,9 +67,9 @@ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyleNew)(_styl
     },
     animation: true
   };
-  static Node = _TreeNode.TreeNode;
-  static Collection = _TreeCollection.TreeCollection;
-  static Button = _TreeButton.TreeButton;
+  static Node = _index3.TreeNode;
+  static Collection = _index.TreeCollection;
+  static Button = _index2.TreeButton;
   ref = null;
   constructor(props) {
     super(props);
@@ -322,8 +322,8 @@ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyleNew)(_styl
     return expanded.findIndex(expanded => String(expanded) === String(id));
   }
   renderRoot() {
-    return this.collections.sort(this.props.sortOrder).map((collection, i) => (0, _jsxRuntime.jsx)(_TreeCollection.TreeCollection, {
-      ...(0, _pickProps.pickProps)((0, _omitProps.omitProps)(this.props), _TreeCollection.TreeCollection.allowedProps),
+    return this.collections.sort(this.props.sortOrder).map((collection, i) => (0, _jsxRuntime.jsx)(_index.TreeCollection, {
+      ...(0, _pickProps.pickProps)((0, _omitProps.omitProps)(this.props), _index.TreeCollection.allowedProps),
       ...this.getCollectionProps(collection),
       selection: this.selection,
       onItemClick: this.handleItemClick,

package/lib/exports/a.js

@@ -6,28 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "TreeBrowser", {
   enumerable: true,
   get: function () {
-    return _v.TreeBrowser;
+    return _index.TreeBrowser;
   }
 });
 Object.defineProperty(exports, "TreeButton", {
   enumerable: true,
   get: function () {
-    return _TreeButton.TreeButton;
+    return _index2.TreeButton;
   }
 });
 Object.defineProperty(exports, "TreeCollection", {
   enumerable: true,
   get: function () {
-    return _TreeCollection.TreeCollection;
+    return _index3.TreeCollection;
   }
 });
 Object.defineProperty(exports, "TreeNode", {
   enumerable: true,
   get: function () {
-    return _TreeNode.TreeNode;
+    return _index4.TreeNode;
   }
 });
-var _v = require("../TreeBrowser/v1");
-var _TreeButton = require("../TreeBrowser/v1/TreeButton");
-var _TreeCollection = require("../TreeBrowser/v1/TreeCollection");
-var _TreeNode = require("../TreeBrowser/v1/TreeNode");
+var _index = require("../TreeBrowser/v1/index.js");
+var _index2 = require("../TreeBrowser/v1/TreeButton/index.js");
+var _index3 = require("../TreeBrowser/v1/TreeCollection/index.js");
+var _index4 = require("../TreeBrowser/v1/TreeNode/index.js");

package/lib/exports/b.js

@@ -6,28 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "TreeBrowser", {
   enumerable: true,
   get: function () {
-    return _v.TreeBrowser;
+    return _index.TreeBrowser;
   }
 });
 Object.defineProperty(exports, "TreeButton", {
   enumerable: true,
   get: function () {
-    return _TreeButton.TreeButton;
+    return _index2.TreeButton;
   }
 });
 Object.defineProperty(exports, "TreeCollection", {
   enumerable: true,
   get: function () {
-    return _TreeCollection.TreeCollection;
+    return _index3.TreeCollection;
   }
 });
 Object.defineProperty(exports, "TreeNode", {
   enumerable: true,
   get: function () {
-    return _TreeNode.TreeNode;
+    return _index4.TreeNode;
   }
 });
-var _v = require("../TreeBrowser/v2");
-var _TreeButton = require("../TreeBrowser/v2/TreeButton");
-var _TreeCollection = require("../TreeBrowser/v2/TreeCollection");
-var _TreeNode = require("../TreeBrowser/v2/TreeNode");
+var _index = require("../TreeBrowser/v2/index.js");
+var _index2 = require("../TreeBrowser/v2/TreeButton/index.js");
+var _index3 = require("../TreeBrowser/v2/TreeCollection/index.js");
+var _index4 = require("../TreeBrowser/v2/TreeNode/index.js");