@carbon/react 1.7.0 → 1.9.0-rc.0

package/lib/components/RadioButton/RadioButton.js

@@ -10,94 +10,71 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var warning = require('../../internal/warning.js');
-var uniqueId = require('../../tools/uniqueId.js');
+var cx = require('classnames');
 require('../Text/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var useId = require('../../internal/useId.js');
 var Text = require('../Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "labelText", "labelPosition", "innerRef", "hideLabel"];
-
-var RadioButton = /*#__PURE__*/function (_React$Component) {
-  _rollupPluginBabelHelpers.inherits(RadioButton, _React$Component);
-
-  var _super = _rollupPluginBabelHelpers.createSuper(RadioButton);
-
-  function RadioButton() {
-    var _this;
-
-    _rollupPluginBabelHelpers.classCallCheck(this, RadioButton);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "prefix", _this.context);
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "uid", _this.props.id || uniqueId["default"]());
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleChange", function (evt) {
-      _this.props.onChange(_this.props.value, _this.props.name, evt);
-    });
-
-    return _this;
+var _excluded = ["className", "disabled", "hideLabel", "id", "labelPosition", "labelText", "name", "onChange", "value"];
+var RadioButton = /*#__PURE__*/React__default["default"].forwardRef(function RadioButton(_ref, ref) {
+  var className = _ref.className,
+      disabled = _ref.disabled,
+      hideLabel = _ref.hideLabel,
+      id = _ref.id,
+      _ref$labelPosition = _ref.labelPosition,
+      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
+      _ref$labelText = _ref.labelText,
+      labelText = _ref$labelText === void 0 ? '' : _ref$labelText,
+      name = _ref.name,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var uid = useId.useId('radio-button');
+  var uniqueId = id || uid;
+
+  function handleOnChange(event) {
+    onChange(value, name, event);
   }
 
-  _rollupPluginBabelHelpers.createClass(RadioButton, [{
-    key: "render",
-    value: function render() {
-      var prefix = this.prefix;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          labelText = _this$props.labelText,
-          labelPosition = _this$props.labelPosition,
-          ref = _this$props.innerRef,
-          hideLabel = _this$props.hideLabel,
-          other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
-
-      if (process.env.NODE_ENV !== "production") {
-        process.env.NODE_ENV !== "production" ? warning.warning(labelPosition !== 'top' && labelPosition !== 'bottom', '`top`/`bottom` values for `labelPosition` property in the `RadioButton` component is deprecated ' + 'and being removed in the next release of `carbon-components-react`.') : void 0;
-      }
-
-      var innerLabelClasses = cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-      var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--radio-button-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: wrapperClasses
-      }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
-        type: "radio",
-        className: "".concat(prefix, "--radio-button"),
-        onChange: this.handleChange,
-        id: this.uid,
-        ref: ref
-      })), /*#__PURE__*/React__default["default"].createElement("label", {
-        htmlFor: this.uid,
-        className: "".concat(prefix, "--radio-button__label")
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "".concat(prefix, "--radio-button__appearance")
-      }), labelText && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
-        className: innerLabelClasses
-      }, labelText)));
-    }
-  }]);
-
-  return RadioButton;
-}(React__default["default"].Component);
-
-_rollupPluginBabelHelpers.defineProperty(RadioButton, "propTypes", {
+  var innerLabelClasses = cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
+  var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--radio-button-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: wrapperClasses
+  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    type: "radio",
+    className: "".concat(prefix, "--radio-button"),
+    onChange: handleOnChange,
+    id: uniqueId,
+    ref: ref,
+    disabled: disabled,
+    value: value,
+    name: name
+  })), /*#__PURE__*/React__default["default"].createElement("label", {
+    htmlFor: uniqueId,
+    className: "".concat(prefix, "--radio-button__label")
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--radio-button__appearance")
+  }), labelText && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    className: innerLabelClasses
+  }, labelText)));
+});
+RadioButton.displayName = 'RadioButton';
+RadioButton.propTypes = {
   /**
-   * Specify whether the <RadioButton> is currently checked
+   * Specify whether the `<RadioButton>` is currently checked
    */
   checked: PropTypes__default["default"].bool,
 
@@ -107,7 +84,7 @@ _rollupPluginBabelHelpers.defineProperty(RadioButton, "propTypes", {
   className: PropTypes__default["default"].string,
 
   /**
-   * Specify whether the <RadioButton> should be checked by default
+   * Specify whether the `<RadioButton>` should be checked by default
    */
   defaultChecked: PropTypes__default["default"].bool,
 
@@ -130,7 +107,7 @@ _rollupPluginBabelHelpers.defineProperty(RadioButton, "propTypes", {
    * Provide where label text should be placed
    * NOTE: `top`/`bottom` are deprecated
    */
-  labelPosition: PropTypes__default["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  labelPosition: PropTypes__default["default"].oneOf(['right', 'left']),
 
   /**
    * Provide label text to be read by screen readers when interacting with the
@@ -155,29 +132,10 @@ _rollupPluginBabelHelpers.defineProperty(RadioButton, "propTypes", {
   onClick: PropTypes__default["default"].func,
 
   /**
-   * Specify the value of the <RadioButton>
+   * Specify the value of the `<RadioButton>`
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
-});
+};
+var RadioButton$1 = RadioButton;
 
-_rollupPluginBabelHelpers.defineProperty(RadioButton, "contextType", usePrefix.PrefixContext);
-
-_rollupPluginBabelHelpers.defineProperty(RadioButton, "defaultProps", {
-  labelText: '',
-  labelPosition: 'right',
-  onChange: function onChange() {},
-  value: ''
-});
-var RadioButtonClassic = (function () {
-  var forwardRef = function forwardRef(props, ref) {
-    return /*#__PURE__*/React__default["default"].createElement(RadioButton, _rollupPluginBabelHelpers["extends"]({}, props, {
-      innerRef: ref
-    }));
-  };
-
-  forwardRef.displayName = 'RadioButton';
-  return /*#__PURE__*/React__default["default"].forwardRef(forwardRef);
-})();
-
-exports.RadioButton = RadioButton;
-exports["default"] = RadioButtonClassic;
+exports["default"] = RadioButton$1;

package/lib/components/RadioButton/index.js

@@ -9,31 +9,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FeatureFlags = require('@carbon/feature-flags');
-var RadioButton$2 = require('./next/RadioButton.js');
-var RadioButton$3 = require('./RadioButton.js');
+var RadioButton = require('./RadioButton.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
 
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var RadioButton = FeatureFlags__namespace.enabled('enable-v11-release') ? RadioButton$2["default"] : RadioButton$3["default"];
-var RadioButton$1 = RadioButton;
-
-exports["default"] = RadioButton$1;
+exports["default"] = RadioButton["default"];

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -13,9 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-var warning = require('../../internal/warning.js');
 var index = require('../Text/index.js');
-var index$1 = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,112 +22,80 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var RadioButtonGroup = /*#__PURE__*/function (_React$Component) {
-  _rollupPluginBabelHelpers.inherits(RadioButtonGroup, _React$Component);
-
-  var _super = _rollupPluginBabelHelpers.createSuper(RadioButtonGroup);
-
-  function RadioButtonGroup() {
-    var _this;
-
-    _rollupPluginBabelHelpers.classCallCheck(this, RadioButtonGroup);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+var RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(function RadioButtonGroup(_ref, ref) {
+  var _classNames;
+
+  var children = _ref.children,
+      className = _ref.className,
+      defaultSelected = _ref.defaultSelected,
+      disabled = _ref.disabled,
+      _ref$labelPosition = _ref.labelPosition,
+      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
+      legendText = _ref.legendText,
+      name = _ref.name,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$orientation = _ref.orientation,
+      orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
+      valueSelected = _ref.valueSelected;
+  var prefix = usePrefix.usePrefix();
+
+  var _useState = React.useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var _useState3 = React.useState(valueSelected),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      prevValueSelected = _useState4[0],
+      setPrevValueSelected = _useState4[1];
+  /**
+   * prop + state alignment - getDerivedStateFromProps
+   * only update if selected prop changes
+   */
 
-    _this = _super.call.apply(_super, [this].concat(args));
 
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "state", {
-      selected: typeof _this.props.valueSelected !== 'undefined' ? _this.props.valueSelected : _this.props.defaultSelected
-    });
+  if (valueSelected !== prevValueSelected) {
+    setSelected(valueSelected);
+    setPrevValueSelected(valueSelected);
+  }
 
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "getRadioButtons", function () {
-      var children = React__default["default"].Children.map(_this.props.children, function (radioButton) {
-        var value = radioButton.props.value;
-        /* istanbul ignore if */
-
-        if (typeof radioButton.props.checked !== 'undefined') {
-          process.env.NODE_ENV !== "production" ? warning.warning(false, "Instead of using the checked property on the RadioButton, set\n            the defaultSelected property or valueSelected property on the RadioButtonGroup.") : void 0;
-        }
-
-        return /*#__PURE__*/React__default["default"].cloneElement(radioButton, {
-          name: _this.props.name,
-          key: value,
-          value: value,
-          onChange: _this.handleChange,
-          checked: value === _this.state.selected
-        });
+  function getRadioButtons() {
+    var mappedChildren = React__default["default"].Children.map(children, function (radioButton) {
+      var value = radioButton.props.value;
+      return /*#__PURE__*/React__default["default"].cloneElement(radioButton, {
+        name: name,
+        key: value,
+        value: value,
+        onChange: handleOnChange,
+        checked: value === selected
       });
-      return children;
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleChange", function (newSelection, value, evt) {
-      if (newSelection !== _this.state.selected) {
-        _this.setState({
-          selected: newSelection
-        });
-
-        _this.props.onChange(newSelection, _this.props.name, evt);
-      }
     });
-
-    return _this;
+    return mappedChildren;
   }
 
-  _rollupPluginBabelHelpers.createClass(RadioButtonGroup, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          className = _this$props.className,
-          hideLegend = _this$props.hideLegend,
-          orientation = _this$props.orientation,
-          labelPosition = _this$props.labelPosition,
-          legendText = _this$props.legendText;
-      var scope = this.context;
-      var enabled;
-
-      if (scope.enabled) {
-        enabled = scope.enabled('enable-v11-release');
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, function (prefix) {
-        var _classNames;
-
-        var wrapperClasses = cx__default["default"]("".concat(prefix, "--radio-button-group"), [enabled ? null : className], (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _classNames));
-        var legendClasses = cx__default["default"]("".concat(prefix, "--label"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLegend));
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
-        }, /*#__PURE__*/React__default["default"].createElement("fieldset", {
-          className: wrapperClasses,
-          disabled: disabled
-        }, legendText && /*#__PURE__*/React__default["default"].createElement(index.Legend, {
-          className: legendClasses
-        }, legendText), _this2.getRadioButtons()));
-      });
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, state) {
-      var valueSelected = _ref.valueSelected,
-          defaultSelected = _ref.defaultSelected;
-      var prevValueSelected = state.prevValueSelected;
-      return prevValueSelected === valueSelected ? null : {
-        selected: typeof valueSelected !== 'undefined' ? valueSelected : defaultSelected,
-        prevValueSelected: valueSelected
-      };
+  function handleOnChange(newSelection, value, evt) {
+    if (newSelection !== selected) {
+      setSelected(newSelection);
+      onChange(newSelection, name, evt);
     }
-  }]);
-
-  return RadioButtonGroup;
-}(React__default["default"].Component);
+  }
 
-_rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "propTypes", {
+  var fieldsetClasses = cx__default["default"]("".concat(prefix, "--radio-button-group"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _classNames));
+  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), className);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: wrapperClasses,
+    ref: ref
+  }, /*#__PURE__*/React__default["default"].createElement("fieldset", {
+    className: fieldsetClasses,
+    disabled: disabled
+  }, legendText && /*#__PURE__*/React__default["default"].createElement(index.Legend, {
+    className: "".concat(prefix, "--label")
+  }, legendText), getRadioButtons()));
+});
+RadioButtonGroup.propTypes = {
   /**
-   * Provide a collection of <RadioButton> components to render in the group
+   * Provide a collection of `<RadioButton>` components to render in the group
    */
   children: PropTypes__default["default"].node,
 
@@ -139,7 +105,7 @@ _rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "propTypes", {
   className: PropTypes__default["default"].string,
 
   /**
-   * Specify the <RadioButton> to be selected by default
+   * Specify the `<RadioButton>` to be selected by default
    */
   defaultSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
 
@@ -148,11 +114,6 @@ _rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "propTypes", {
    */
   disabled: PropTypes__default["default"].bool,
 
-  /**
-   * Specify whether the legend should be hidden, or not
-   */
-  hideLegend: PropTypes__default["default"].bool,
-
   /**
    * Provide where label text should be placed
    */
@@ -184,17 +145,7 @@ _rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "propTypes", {
    * Specify the value that is currently selected in the group
    */
   valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
-});
-
-_rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "defaultProps", {
-  orientation: 'horizontal',
-  labelPosition: 'right',
-  hideLegend: false,
-  onChange:
-  /* istanbul ignore next */
-  function onChange() {}
-});
-
-_rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "contextType", index$1.FeatureFlagContext);
+};
+var RadioButtonGroup$1 = RadioButtonGroup;
 
-exports["default"] = RadioButtonGroup;
+exports["default"] = RadioButtonGroup$1;

package/lib/components/RadioButtonGroup/index.js

@@ -9,31 +9,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FeatureFlags = require('@carbon/feature-flags');
-var RadioButtonGroup$2 = require('./next/RadioButtonGroup.js');
-var RadioButtonGroup$3 = require('./RadioButtonGroup.js');
+var RadioButtonGroup = require('./RadioButtonGroup.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
 
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var RadioButtonGroup = FeatureFlags__namespace.enabled('enable-v11-release') ? RadioButtonGroup$2["default"] : RadioButtonGroup$3["default"];
-var RadioButtonGroup$1 = RadioButtonGroup;
-
-exports["default"] = RadioButtonGroup$1;
+exports["default"] = RadioButtonGroup["default"];

package/lib/components/Slider/Slider.js

@@ -487,7 +487,8 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           "aria-valuemax": max,
           "aria-valuemin": min,
           "aria-valuenow": value,
-          style: thumbStyle
+          style: thumbStyle,
+          "aria-labelledby": labelId
         }), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "".concat(prefix, "--slider__track"),
           ref: function ref(node) {

package/lib/components/Switch/Switch.js

@@ -125,7 +125,6 @@ Switch.propTypes = {
 };
 Switch.defaultProps = {
   selected: false,
-  text: 'Provide text',
   onClick: function onClick() {},
   onKeyDown: function onKeyDown() {}
 };

package/lib/components/TreeView/TreeView.js

@@ -98,12 +98,15 @@ function TreeView(_ref) {
           return selectedId !== nodeId;
         }));
       }
+
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, node);
     } else {
       setSelected([nodeId]);
       setActive(nodeId);
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, _rollupPluginBabelHelpers.objectSpread2({
+        activeNodeId: nodeId
+      }, node));
     }
-
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, node);
   }
 
   function handleFocusEvent(event) {
@@ -242,15 +245,20 @@ function TreeView(_ref) {
       }
     });
   }, [prefix]);
-  React.useEffect(function () {
-    if (preselected.length) {
-      setSelected(preselected);
-    }
 
-    if (prespecifiedActive) {
-      setActive(prespecifiedActive);
-    }
-  }, [preselected, prespecifiedActive]);
+  var useActiveAndSelectedOnMount = function useActiveAndSelectedOnMount() {
+    return React.useEffect(function () {
+      if (preselected.length) {
+        setSelected(preselected);
+      }
+
+      if (prespecifiedActive) {
+        setActive(prespecifiedActive);
+      }
+    }, []);
+  };
+
+  useActiveAndSelectedOnMount();
   var labelId = "".concat(treeId, "__label");
 
   var TreeLabel = function TreeLabel() {

package/lib/components/UIShell/HeaderMenu.js

@@ -247,4 +247,5 @@ var HeaderMenuForwardRef = /*#__PURE__*/React__default["default"].forwardRef(fun
 HeaderMenuForwardRef.displayName = 'HeaderMenu';
 var HeaderMenuForwardRef$1 = HeaderMenuForwardRef;
 
+exports.HeaderMenu = HeaderMenu;
 exports["default"] = HeaderMenuForwardRef$1;

package/lib/components/UIShell/HeaderMenuButton.js

@@ -66,6 +66,10 @@ HeaderMenuButton.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPlug
    * button
    */
   className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether the menu button is "active".
+   */
   isActive: PropTypes__default["default"].bool,
 
   /**

package/lib/components/UIShell/SideNavLink.js

@@ -25,15 +25,16 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "children", "renderIcon", "isActive", "large"];
+var _excluded = ["children", "className", "renderIcon", "isActive", "large"];
 var SideNavLink = /*#__PURE__*/React__default["default"].forwardRef(function SideNavLink(_ref, ref) {
   var _cx;
 
-  var customClassName = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      customClassName = _ref.className,
       IconElement = _ref.renderIcon,
       isActive = _ref.isActive,
-      large = _ref.large,
+      _ref$large = _ref.large,
+      large = _ref$large === void 0 ? false : _ref$large,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
@@ -68,11 +69,7 @@ SideNavLink.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBab
    * Provide an icon to render in the side navigation link. Should be a React class.
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
-});
-SideNavLink.defaultProps = {
-  element: 'a',
-  large: false
-}; // eslint-disable-next-line react/display-name
+}); // eslint-disable-next-line react/display-name
 var SideNavLink$1 = SideNavLink;
 
 exports["default"] = SideNavLink$1;