@instructure/ui-tree-browser 11.7.3 → 11.7.4-pr-snapshot-1781695314229

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

@@ -1,122 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TreeNode = void 0;
-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 _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _class;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2021 - 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.
- */
-// Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
-/**
----
-parent: TreeBrowser
-id: TreeBrowser.Node
----
-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 componentId = 'TreeBrowser.Node';
-  static allowedProps = _props.allowedProps;
-  static contextType = _TreeBrowserContext.default;
-  static defaultProps = {
-    size: 'medium',
-    variant: 'folderTree',
-    selected: false,
-    focused: false
-  };
-  ref = null;
-  componentDidMount() {
-    this.props.makeStyles?.({
-      animation: this.context?.animation
-    });
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.({
-      animation: this.context?.animation
-    });
-  }
-  handleRef = el => {
-    if (el && typeof this.props.containerRef === 'function') {
-      this.props.containerRef(el.parentElement);
-    }
-    this.ref = el;
-  };
-  renderItemImage() {
-    const {
-      thumbnail,
-      itemIcon,
-      styles
-    } = this.props;
-    if (thumbnail) {
-      return (0, _jsxRuntime.jsx)("div", {
-        css: styles?.thumbnail,
-        children: (0, _jsxRuntime.jsx)(_v11_.Img, {
-          src: thumbnail,
-          constrain: "cover",
-          alt: ""
-        })
-      });
-    }
-    if (itemIcon) {
-      return (0, _jsxRuntime.jsx)("div", {
-        css: styles?.icon,
-        children: (0, _callRenderProp.callRenderProp)(itemIcon)
-      });
-    }
-    return undefined;
-  }
-  render() {
-    const {
-      children,
-      styles
-    } = this.props;
-    return (0, _jsxRuntime.jsx)("div", {
-      ref: this.handleRef,
-      tabIndex: -1,
-      css: styles?.treeButton,
-      "data-cid": "TreeNode",
-      children: (0, _jsxRuntime.jsxs)("span", {
-        css: styles?.layout,
-        children: [this.renderItemImage(), (0, _jsxRuntime.jsx)("span", {
-          css: styles?.node,
-          children: children
-        })]
-      })
-    });
-  }
-}) || _class);
-var _default = exports.default = TreeNode;

package/lib/TreeBrowser/v1/index.js

@@ -1,329 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TreeBrowser = void 0;
-require("core-js/modules/es.array.includes.js");
-var _react = require("react");
-var _keycode = _interopRequireDefault(require("keycode"));
-var _IconFolderLine = require("@instructure/ui-icons/lib/generated/IconFolderLine.js");
-var _IconDocumentLine = require("@instructure/ui-icons/lib/generated/IconDocumentLine.js");
-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 _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _class;
-/*
- * 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
----
-**/
-let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeBrowser extends _react.Component {
-  static displayName = "TreeBrowser";
-  static componentId = 'TreeBrowser';
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    size: 'medium',
-    variant: 'folderTree',
-    showRootCollection: true,
-    collectionIcon: _IconFolderLine.IconFolderLine,
-    collectionIconExpanded: _IconFolderLine.IconFolderLine,
-    itemIcon: _IconDocumentLine.IconDocumentLine,
-    getItemProps: props => props,
-    getCollectionProps: props => props,
-    defaultExpanded: [],
-    selectionType: 'none',
-    sortOrder: function () {
-      return 0;
-    },
-    animation: true
-  };
-  static Node = _TreeNode.TreeNode;
-  static Collection = _TreeCollection.TreeCollection;
-  static Button = _TreeButton.TreeButton;
-  ref = null;
-  constructor(props) {
-    super(props);
-    if (typeof this.props.expanded === 'undefined') {
-      this.state = {
-        expanded: this.props.defaultExpanded,
-        selection: ''
-      };
-    } else {
-      this.state = {
-        selection: ''
-      };
-    }
-  }
-  componentDidMount() {
-    this.props.makeStyles?.();
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-  }
-  get _root() {
-    return this.ref;
-  }
-  handleCollectionClick = (e, collection, expand = true) => {
-    e.stopPropagation();
-    const {
-      onCollectionClick
-    } = this.props;
-    if (expand) this.expandOrCollapseNode(collection);
-    onCollectionClick?.(collection.id, collection); // TODO: this should pass the event as the first arg
-    this.handleSelection(collection.id, 'collection');
-  };
-  handleItemClick = (e, item) => {
-    e.stopPropagation();
-    this.props.onItemClick?.(item);
-    this.handleSelection(item.id, 'item');
-  };
-  handleKeyDown = (event, node) => {
-    switch (event.keyCode) {
-      case _keycode.default.codes.down:
-      case _keycode.default.codes.j:
-        event.stopPropagation();
-        this.moveFocus(1);
-        break;
-      case _keycode.default.codes.up:
-      case _keycode.default.codes.k:
-        event.stopPropagation();
-        this.moveFocus(-1);
-        break;
-      case _keycode.default.codes.home:
-      case _keycode.default.codes.end:
-        event.stopPropagation();
-        this.homeOrEnd(event.keyCode);
-        break;
-      case _keycode.default.codes.left:
-      case _keycode.default.codes.right:
-        event.stopPropagation();
-        this.handleLeftOrRightArrow(event.keyCode, node);
-        break;
-      case _keycode.default.codes.enter:
-      case _keycode.default.codes.space:
-        event.stopPropagation();
-        this.handleActivation(event, node);
-        break;
-      default:
-        return;
-    }
-    event.preventDefault();
-  };
-  get collections() {
-    const {
-      collections,
-      rootId
-    } = this.props;
-    if (typeof rootId !== 'undefined') {
-      return [collections[rootId]];
-    } else {
-      return Object.keys(collections).map(id => collections[id]).filter(collection => collection != null);
-    }
-  }
-  get expanded() {
-    return this.getExpanded(this.state, this.props);
-  }
-  getExpanded(state, props) {
-    return typeof props.expanded === 'undefined' ? state.expanded : props.expanded;
-  }
-  expandOrCollapseNode(collection) {
-    this.props.onCollectionToggle?.(collection);
-    if (typeof this.props.expanded === 'undefined') {
-      this.setState((state, props) => {
-        const expanded = [...this.getExpanded(state, props)];
-        const expandedIndex = this.getExpandedIndex(expanded, collection.id);
-        if (collection.expanded && expandedIndex < 0) {
-          expanded.push(collection.id);
-        } else if (expandedIndex >= 0) {
-          expanded.splice(expandedIndex, 1);
-        }
-        return {
-          expanded
-        };
-      });
-    }
-  }
-  handleSelection(id, type) {
-    const {
-      selectionType
-    } = this.props;
-    selectionType === 'single' && this.setState(state => {
-      const selection = `${type}_${id}`;
-      if (state.selection !== selection) {
-        return {
-          selection
-        };
-      } else {
-        return state;
-      }
-    });
-  }
-  getNavigableNodes() {
-    return Array.from(this.ref.querySelectorAll('[role="treeitem"]'));
-  }
-  moveFocus(delta) {
-    const nodes = this.getNavigableNodes();
-    const closest = window.document.activeElement.closest('[role="treeitem"]');
-    const active = nodes.indexOf(closest);
-    let next = active + delta;
-    if (next < 0) {
-      next = 0;
-    } else if (next >= nodes.length) {
-      next = nodes.length - 1;
-    }
-    nodes.forEach(n => {
-      n.setAttribute('tabindex', '-1');
-    });
-    nodes[next].setAttribute('tabindex', '0');
-    nodes[next].focus();
-  }
-  homeOrEnd(keyCode) {
-    const length = this.getNavigableNodes().length;
-    if (keyCode === _keycode.default.codes.home) {
-      this.moveFocus(1 - length);
-    } else {
-      this.moveFocus(length - 1);
-    }
-  }
-  handleLeftOrRightArrow(keyCode, node) {
-    const ltr = !(this.ref.parentElement.dir === 'rtl' || document.dir === 'rtl');
-    if (ltr && keyCode === _keycode.default.codes.left || !ltr && keyCode == _keycode.default.codes.right) {
-      this.handleCloseOrPrevious(node);
-    } else {
-      this.handleOpenOrNext(node);
-    }
-  }
-  handleOpenOrNext(node) {
-    if (node && !this.expanded.includes(node.id) && node.type === 'collection') {
-      this.expandOrCollapseNode(node);
-    } else {
-      this.moveFocus(1);
-    }
-  }
-  handleCloseOrPrevious(node) {
-    if (node && this.expanded.includes(node.id) && node.type === 'collection') {
-      this.expandOrCollapseNode(node);
-    } else {
-      this.moveFocus(-1);
-    }
-  }
-  handleActivation(event, node) {
-    if (node == null) return;
-    if (node.type === 'collection') {
-      this.handleCollectionClick(event, node, this.props.selectionType === 'none');
-    } else {
-      this.handleItemClick(event, node);
-    }
-  }
-  getSubCollections(collection) {
-    const collections = collection.collections ? [...collection.collections] : [];
-    return collections.map(id => this.getCollectionProps(this.props.collections[id])).filter(collection => collection != null).sort(this.props.sortOrder);
-  }
-  getItems(collection) {
-    if (collection.items) {
-      const items = collection.items ? [...collection.items] : [];
-      return items.map(id => {
-        return {
-          ...this.props.items[id]
-        };
-      }).filter(item => item != null).sort(this.props.sortOrder);
-    } else {
-      return [];
-    }
-  }
-  getIsFlattened = collection => {
-    const {
-      rootId,
-      showRootCollection
-    } = this.props;
-    return !showRootCollection && typeof rootId !== 'undefined' && collection.id === rootId;
-  };
-  getCollectionProps(collection) {
-    return {
-      id: collection.id,
-      name: collection.name,
-      collections: this.getSubCollections(collection),
-      items: this.getItems(collection),
-      descriptor: collection.descriptor,
-      containerRef: collection.containerRef,
-      renderBeforeItems: collection.renderBeforeItems,
-      renderAfterItems: collection.renderAfterItems,
-      expanded: this.getExpandedIndex(this.expanded, collection.id) >= 0,
-      isCollectionFlattened: this.getIsFlattened(collection),
-      compareFunc: collection.compareFunc
-    };
-  }
-  getExpandedIndex(expanded, id) {
-    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),
-      ...this.getCollectionProps(collection),
-      selection: this.state.selection,
-      onItemClick: this.handleItemClick,
-      onCollectionClick: this.handleCollectionClick,
-      onKeyDown: this.handleKeyDown,
-      numChildren: this.collections.length,
-      level: 1,
-      position: 1,
-      renderContent: this.props.renderContent
-    }, i));
-  }
-  render() {
-    const {
-      styles
-    } = this.props;
-    return (0, _jsxRuntime.jsx)(_TreeBrowserContext.default.Provider, {
-      value: {
-        animation: this.props.animation
-      },
-      children: (0, _jsxRuntime.jsx)("ul", {
-        css: styles?.treeBrowser,
-        tabIndex: 0,
-        role: "tree",
-        onKeyDown: this.handleKeyDown,
-        ref: el => {
-          this.ref = el;
-        },
-        "aria-label": this.props.treeLabel,
-        "data-cid": "TreeBrowser",
-        children: this.renderRoot()
-      })
-    });
-  }
-}) || _class);
-var _default = exports.default = TreeBrowser;

package/lib/TreeBrowser/v1/props.js

@@ -1,40 +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.
- */
-
-// props shared between TreeBrowser, TreeCollection
-
-// props shared between TreeBrowser, TreeCollection, TreeButton
-
-// For now it doesn't need the OtherHTMLAttributes, because the extra props
-// get passed to TreeCollection and it doesn't handle them
-
-// this is a sum type, so CompareObject is one of CompareCollection OR CompareItem
-
-const allowedProps = exports.allowedProps = ['collections', 'items', 'rootId', 'expanded', 'defaultExpanded', 'selectionType', 'size', 'variant', 'collectionIcon', 'collectionIconExpanded', 'itemIcon', 'getItemProps', 'getCollectionProps', 'showRootCollection', 'onCollectionClick', 'onCollectionToggle', 'onItemClick', 'treeLabel', 'renderContent', 'sortOrder', 'animation'];

package/lib/TreeBrowser/v1/styles.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-
-const generateStyles = componentTheme => {
-  return {
-    treeBrowser: {
-      label: 'treeBrowser',
-      boxSizing: 'border-box',
-      margin: '0',
-      padding: '0',
-      listStyleType: 'none',
-      position: 'relative',
-      outline: 'none',
-      '&::before': {
-        content: '""',
-        pointerEvents: 'none',
-        boxSizing: 'border-box',
-        display: 'block',
-        position: 'absolute',
-        top: '-0.25rem',
-        bottom: '-0.25rem',
-        left: '-0.25rem',
-        right: '-0.25rem',
-        border: `${componentTheme.focusOutlineWidth} ${componentTheme.focusOutlineStyle} ${componentTheme.focusOutlineColor}`,
-        borderRadius: `calc(${componentTheme.borderRadius} * 1.5)`,
-        transition: 'all 0.2s',
-        opacity: 0,
-        transform: 'scale(0.95)'
-      },
-      '&:focus::before': {
-        opacity: 1,
-        transform: 'scale(1)'
-      }
-    }
-  };
-};
-var _default = exports.default = generateStyles;

package/lib/TreeBrowser/v1/theme.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  const {
-    colors,
-    borders
-  } = theme;
-  const componentVariables = {
-    borderRadius: borders?.radiusMedium,
-    focusOutlineWidth: borders?.widthMedium,
-    focusOutlineColor: colors?.contrasts?.blue4570,
-    focusOutlineStyle: borders?.style
-  };
-  return {
-    ...componentVariables
-  };
-};
-var _default = exports.default = generateComponentTheme;

package/lib/TreeBrowser/v2/TreeBrowserContext.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TreeBrowserContext = void 0;
-var _react = require("react");
-/*
- * 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/contexts
- * ---
- * React context created by the `TreeBrowser` component to hold its data which are
- * read by its children.
- *
- * @module
- */
-const TreeBrowserContext = exports.TreeBrowserContext = /*#__PURE__*/(0, _react.createContext)({
-  animation: true
-});
-var _default = exports.default = TreeBrowserContext;