@carbon/react 1.78.0 → 1.78.1

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -13,12 +13,12 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../internal/usePrefix.js');
 require('../Text/index.js');
-var match = require('../../internal/keyboard/match.js');
 var Text = require('../Text/Text.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/RadioTile/RadioTile.js

@@ -14,15 +14,15 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var noopFn = require('../../internal/noopFn.js');
 require('../Text/index.js');
 var index = require('../FeatureFlags/index.js');
-var match = require('../../internal/keyboard/match.js');
 var Text = require('../Text/Text.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -62,8 +62,7 @@ export interface SearchProps extends InputPropsBase {
      */
     placeholder?: string;
     /**
-     * Rendered icon for the Search.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**

package/lib/components/Search/Search.js

@@ -14,7 +14,8 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var index = require('../../internal/focus/index.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var events = require('../../tools/events.js');
@@ -22,8 +23,6 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
 var deprecate = require('../../prop-types/deprecate.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -100,7 +99,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     onChange(clearedEvt);
     onClear();
     setHasContent(false);
-    index.focus(inputRef);
+    inputRef.current?.focus();
   }
   function handleChange(event) {
     setHasContent(event.target.value !== '');
@@ -231,8 +230,7 @@ Search.propTypes = {
    */
   placeholder: PropTypes__default["default"].string,
   /**
-   * Rendered icon for the Search.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   // @ts-expect-error: PropTypes are not expressive enough to cover this case
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),

package/lib/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -355,11 +355,13 @@ declare class Slider extends PureComponent<SliderProps> {
      */
     clamp(val: any, min: any, max: any): number;
     /**
-     * Takes a value and ensures it fits to the steps of the range
-     * @param value
-     * @returns value of the nearest step
+     * Rounds a given value to the nearest step defined by the slider's `step`
+     * prop.
+     *
+     * @param value - The value to adjust to the nearest step. Defaults to `0`.
+     * @returns The value rounded to the precision determined by the step.
      */
-    nearestStepValue(value: any): number;
+    nearestStepValue(value?: number): number;
     /**
      * Sets up "drag" event handlers and calls `this.onDrag` in case dragging
      * started on somewhere other than the thumb without a corresponding "move"
@@ -442,17 +444,16 @@ declare class Slider extends PureComponent<SliderProps> {
     };
     calcDistanceToHandle: (handle: HandlePosition, clientX: any) => number;
     /**
-     * Given the current value, delta and step, calculate the new value.
+     * Calculates a new slider value based on the current value, a change delta,
+     * and a step.
      *
-     * @param {number} currentValue
-     *   Current value user is moving from.
-     * @param {number} delta
-     *   Movement from the current value. Can be positive or negative.
-     * @param {number} step
-     *   A value determining how much the value should increase/decrease by moving
-     *   the thumb by mouse.
-     */
-    calcValueForDelta: (currentValue: any, delta: any, step?: number) => any;
+     * @param currentValue - The starting value from which the slider is moving.
+     * @param delta - The amount to adjust the current value by.
+     * @param step - The step. Defaults to `1`.
+     * @returns The new slider value, rounded to the same number of decimal places
+     *          as the step.
+     */
+    calcValueForDelta: (currentValue: number, delta: number, step?: number) => number;
     /**
      * Sets state relevant to the given handle position.
      *

package/lib/components/Slider/Slider.js

@@ -14,6 +14,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var index = require('../FeatureFlags/index.js');
@@ -23,7 +24,6 @@ require('../Tooltip/DefinitionTooltip.js');
 var Tooltip = require('../Tooltip/Tooltip.js');
 var SliderHandles = require('./SliderHandles.js');
 var throttle = require('../../node_modules/es-toolkit/dist/compat/function/throttle.mjs.js');
-var match = require('../../internal/keyboard/match.js');
 var Text = require('../Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -326,7 +326,7 @@ class Slider extends React.PureComponent {
           value,
           left
         } = this.calcValue({
-          value: this.calcValueForDelta(currentValue, delta, this.props.step)
+          value: this.calcValueForDelta(currentValue ?? this.props.min, delta, this.props.step)
         });
         this.setValueLeftForHandle(this.state.activeHandle, {
           value: this.nearestStepValue(value),
@@ -603,19 +603,21 @@ class Slider extends React.PureComponent {
       return Math.abs(handleX - clientX);
     });
     /**
-     * Given the current value, delta and step, calculate the new value.
+     * Calculates a new slider value based on the current value, a change delta,
+     * and a step.
      *
-     * @param {number} currentValue
-     *   Current value user is moving from.
-     * @param {number} delta
-     *   Movement from the current value. Can be positive or negative.
-     * @param {number} step
-     *   A value determining how much the value should increase/decrease by moving
-     *   the thumb by mouse.
+     * @param currentValue - The starting value from which the slider is moving.
+     * @param delta - The amount to adjust the current value by.
+     * @param step - The step. Defaults to `1`.
+     * @returns The new slider value, rounded to the same number of decimal places
+     *          as the step.
      */
     _rollupPluginBabelHelpers.defineProperty(this, "calcValueForDelta", function (currentValue, delta) {
       let step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-      return (delta > 0 ? Math.floor(currentValue / step) * step : currentValue) + delta;
+      const base = delta > 0 ? Math.floor(currentValue / step) * step : currentValue;
+      const newValue = base + delta;
+      const decimals = (step.toString().split('.')[1] || '').length;
+      return Number(newValue.toFixed(decimals));
     });
     /**
      * Sets state relevant to the given handle position.
@@ -879,18 +881,16 @@ class Slider extends React.PureComponent {
   }
 
   /**
-   * Takes a value and ensures it fits to the steps of the range
-   * @param value
-   * @returns value of the nearest step
+   * Rounds a given value to the nearest step defined by the slider's `step`
+   * prop.
+   *
+   * @param value - The value to adjust to the nearest step. Defaults to `0`.
+   * @returns The value rounded to the precision determined by the step.
    */
-  nearestStepValue(value) {
-    const tempInput = document.createElement('input');
-    tempInput.type = 'range';
-    tempInput.min = `${this.props.min}`;
-    tempInput.max = `${this.props.max}`;
-    tempInput.step = `${this.props.step}`;
-    tempInput.value = `${value}`;
-    return parseFloat(tempInput.value);
+  nearestStepValue() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    const decimals = (this.props.step?.toString().split('.')[1] || '').length;
+    return Number(value.toFixed(decimals));
   }
   getClientXFromEvent(event) {
     let clientX;

package/lib/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -340,12 +340,9 @@ export interface TabProps extends HTMLAttributes<HTMLElement> {
      */
     renderButton?(): ReactNode;
     /**
-     * Optional prop to render an icon next to the label.
-     * Can be a React component class
+     * A component used to render an icon.
      */
-    renderIcon?: ComponentType<{
-        size: number;
-    }>;
+    renderIcon?: React.ElementType;
     /**
      * An optional label to render under the primary tab label.
      * Only useful for contained tabs.

package/lib/components/Tabs/Tabs.js

@@ -31,6 +31,8 @@ var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var usePressable = require('./usePressable.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var useEvent = require('../../internal/useEvent.js');
@@ -38,9 +40,7 @@ var useMatchMedia = require('../../internal/useMatchMedia.js');
 require('../Text/index.js');
 var index = require('../BadgeIndicator/index.js');
 var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js');
-var match = require('../../internal/keyboard/match.js');
 var Text = require('../Text/Text.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1017,22 +1017,21 @@ Tab.propTypes = {
    * Provide a handler that is invoked on the key down event for the control
    */
   onKeyDown: PropTypes__default["default"].func,
-  /*
+  /**
    * An optional parameter to allow overriding the anchor rendering.
    * Useful for using Tab along with react-router or other client
    * side router libraries.
-   **/
+   */
   renderButton: PropTypes__default["default"].func,
   /**
-   * Optional prop to render an icon next to the label.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   // @ts-expect-error: Invalid prop type derivation
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
-  /*
+  /**
    * An optional label to render under the primary tab label.
-  /* This prop is only useful for contained tabs
-   **/
+   * Only useful for contained tabs.
+   */
   secondaryLabel: PropTypes__default["default"].string
 };
 

package/lib/components/Tag/DismissibleTag.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -30,8 +30,7 @@ export interface DismissibleTagBaseProps {
      */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Optional prop to render a custom icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: React.ElementType;
     /**
@@ -86,8 +85,7 @@ declare const DismissibleTag: {
          */
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         /**
-         * Optional prop to render a custom icon.
-         * Can be a React component class
+         * A component used to render an icon.
          */
         renderIcon: PropTypes.Requireable<object>;
         /**

package/lib/components/Tag/DismissibleTag.js

@@ -129,8 +129,7 @@ DismissibleTag.propTypes = {
    */
   onClose: PropTypes__default["default"].func,
   /**
-   * Optional prop to render a custom icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
   /**

package/lib/components/Tag/OperationalTag.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -33,8 +33,7 @@ export interface OperationalTagBaseProps {
      */
     id?: string;
     /**
-     * Optional prop to render a custom icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: React.ElementType;
     onClick?: MouseEventHandler;

package/lib/components/Tag/OperationalTag.js

@@ -111,8 +111,7 @@ OperationalTag.propTypes = {
    */
   id: PropTypes__default["default"].string,
   /**
-   * Optional prop to render a custom icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
   /**

package/lib/components/Tag/SelectableTag.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -22,8 +22,7 @@ export interface SelectableTagBaseProps {
      */
     id?: string;
     /**
-     * Optional prop to render a custom icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: React.ElementType;
     /**
@@ -65,8 +64,7 @@ declare const SelectableTag: {
          */
         id: PropTypes.Requireable<string>;
         /**
-         * Optional prop to render a custom icon.
-         * Can be a React component class
+         * A component used to render an icon.
          */
         renderIcon: PropTypes.Requireable<object>;
         /**

package/lib/components/Tag/SelectableTag.js

@@ -108,8 +108,7 @@ SelectableTag.propTypes = {
    */
   id: PropTypes__default["default"].string,
   /**
-   * Optional prop to render a custom icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
   /**

package/lib/components/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -58,8 +58,7 @@ export interface TagBaseProps {
      */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Optional prop to render a custom icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: React.ElementType;
     /**

package/lib/components/Tag/Tag.js

@@ -186,8 +186,7 @@ Tag.propTypes = {
    */
   onClose: deprecate["default"](PropTypes__default["default"].func, 'The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
-   * Optional prop to render a custom icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
   /**

package/lib/components/Tile/Tile.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent, type ComponentType } from 'react';
+import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent } from 'react';
 export interface TileProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     className?: string;
@@ -53,11 +53,9 @@ export interface ClickableTileProps extends HTMLAttributes<HTMLAnchorElement> {
      */
     href?: string;
     /**
-     * Optional prop to allow overriding the icon rendering.
+     * A component used to render an icon.
      */
-    renderIcon?: ComponentType<{
-        className?: string;
-    }>;
+    renderIcon?: React.ElementType;
     /**
      * Specify the function to run when the ClickableTile is clicked
      */

package/lib/components/Tile/Tile.js

@@ -15,6 +15,8 @@ var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var Link = require('../Link/Link.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var events = require('../../tools/events.js');
 var usePrefix = require('../../internal/usePrefix.js');
@@ -24,9 +26,7 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
 var index = require('../FeatureFlags/index.js');
 var useId = require('../../internal/useId.js');
 require('../Text/index.js');
-var match = require('../../internal/keyboard/match.js');
 var Text = require('../Text/Text.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -211,8 +211,7 @@ ClickableTile.propTypes = {
    */
   rel: PropTypes__default["default"].string,
   /**
-   * Optional prop to allow overriding the icon rendering.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   // @ts-expect-error: Invalid derived prop type, seemingly no real solution.
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
@@ -255,9 +254,12 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     if (normalizedDecorator && decoratorRef.current && decoratorRef.current.contains(evt.target)) {
       return;
     }
-    setIsSelected(!isSelected);
+    setIsSelected(prevSelected => {
+      const newSelected = !prevSelected;
+      onChange(evt, newSelected, id);
+      return newSelected;
+    });
     clickHandler(evt);
-    onChange(evt, isSelected, id);
   }
   function handleKeyDown(evt) {
     evt?.persist?.();

package/lib/components/Toggletip/index.js

@@ -14,11 +14,11 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Popover/index.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useEvent = require('../../internal/useEvent.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Tooltip/DefinitionTooltip.js

@@ -14,11 +14,11 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Popover/index.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/Tooltip/Tooltip.js

@@ -14,13 +14,13 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Popover/index.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useDelayedState = require('../../internal/useDelayedState.js');
 var useId = require('../../internal/useId.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/TreeView/TreeNode.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -62,8 +62,7 @@ export type TreeNodeProps = {
      */
     onTreeSelect?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
     /**
-     * Optional prop to allow each node to have an associated icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**
@@ -137,8 +136,7 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
      */
     onTreeSelect?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
     /**
-     * Optional prop to allow each node to have an associated icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**

package/lib/components/TreeView/TreeNode.js

@@ -14,12 +14,12 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useControllableState = require('../../internal/useControllableState.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var index = require('../FeatureFlags/index.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -410,8 +410,7 @@ TreeNode.propTypes = {
    */
   onTreeSelect: PropTypes__default["default"].func,
   /**
-   * Optional prop to allow each node to have an associated icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   // @ts-ignore
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),

package/lib/components/TreeView/TreeView.js

@@ -13,13 +13,13 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useControllableState = require('../../internal/useControllableState.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var index = require('../FeatureFlags/index.js');
 var TreeNode = require('./TreeNode.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/UIShell/HeaderContainer.js

@@ -12,9 +12,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
-var useEvent = require('../../internal/useEvent.js');
-var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
+var useEvent = require('../../internal/useEvent.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }