@splunk/react-ui 5.2.0 → 5.4.0

package/types/src/Multiselect/Compact.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { MultiselectChangeHandler, MultiselectFilterChangeHandler, MultiselectScrollBottomHandler } from './Multiselect';
+import { MultiselectChangeHandler, MultiselectFilterChangeHandler, MultiselectScrollBottomHandler } from '@splunk/react-ui/Multiselect';
 import { SelectBaseProps } from '../Select/SelectBase';
 import { ComponentProps } from '../utils/types';
 interface CompactPropsBase {
@@ -9,6 +9,8 @@ interface CompactPropsBase {
      * Allow the user to add arbitrary values.
      */
     allowNewValues?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /**
      * `children` should be `Multiselect.Option`, `Multiselect.Heading`, or
      * `Multiselect.Divider`.
@@ -119,6 +121,8 @@ interface CompactPropsBase {
      * If 'value' is undefined or don't match an item, the Button will display this text.
      */
     placeholder?: string;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /**
      * See `repositionMode` on `Popover` for details.
      */
@@ -151,11 +155,12 @@ interface CompactPropsBase {
     toggle?: SelectBaseProps['toggle'];
 }
 type CompactProps = ComponentProps<CompactPropsBase, 'button'>;
-declare function Compact({ allowNewValues, animateLoading, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onOpen, onScroll, onScrollBottom, placeholder, repositionMode, selectAllAppearance, showSelectedValuesFirst, tabConfirmsNewValue, values, virtualization, ...otherProps }: CompactProps): React.JSX.Element;
+declare function Compact({ allowNewValues, animateLoading, append, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onOpen, onScroll, onScrollBottom, placeholder, prepend, repositionMode, selectAllAppearance, showSelectedValuesFirst, tabConfirmsNewValue, values, virtualization, ...otherProps }: CompactProps): React.JSX.Element;
 declare namespace Compact {
     var propTypes: {
         allowNewValues: PropTypes.Requireable<boolean>;
         animateLoading: PropTypes.Requireable<boolean>;
+        append: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         controlledFilter: PropTypes.Requireable<boolean>;
         defaultPlacement: PropTypes.Requireable<string>;
@@ -182,6 +187,7 @@ declare namespace Compact {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
         repositionMode: PropTypes.Requireable<string>;
         selectAllAppearance: PropTypes.Requireable<string>;
         showSelectedValuesFirst: PropTypes.Requireable<string>;
@@ -190,7 +196,7 @@ declare namespace Compact {
         /** @private */
         virtualization: PropTypes.Requireable<number>;
     };
-    var Option: typeof import("./Option").default;
+    var Option: typeof import("@splunk/react-ui/Multiselect").Option;
     var Divider: typeof import("@splunk/react-ui/Menu").Divider;
     var Heading: typeof import("@splunk/react-ui/Menu").Heading;
 }

package/types/src/Multiselect/Multiselect.d.ts

@@ -23,6 +23,8 @@ interface MultiselectPropsBase {
      */
     allowNewValues?: boolean;
     animateLoading?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /**
      * When compact, options are shown as checkboxes and the input is a single line. This is
      * useful when placing the Multiselect in a horizontal bar, such as a filter.
@@ -143,6 +145,8 @@ interface MultiselectPropsBase {
      * If 'value' is undefined or doesn't match an item, the Button will display this text.
      */
     placeholder?: string;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /**
      * See `repositionMode` on `Popover` for details.
      */
@@ -198,7 +202,7 @@ interface MultiselectPropsBaseCompact extends MultiselectPropsBase {
 type MultiselectNormalProps = ComponentProps<(MultiselectPropsBaseControlled | MultiselectPropsBaseUncontrolled) & MultiselectPropsBaseNormal, 'div'>;
 type MultiselectCompactProps = ComponentProps<(MultiselectPropsBaseControlled | MultiselectPropsBaseUncontrolled) & MultiselectPropsBaseCompact, 'button'>;
 type MultiselectProps = MultiselectNormalProps | MultiselectCompactProps;
-declare function Multiselect({ allowNewValues, animateLoading, compact, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onOpen, onScroll, onScrollBottom, placeholder, repositionMode, selectAllAppearance, showSelectedValuesFirst, tabConfirmsNewValue, values, virtualization, ...otherProps }: MultiselectProps): React.JSX.Element;
+declare function Multiselect({ allowNewValues, animateLoading, append, compact, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onOpen, onScroll, onScrollBottom, placeholder, prepend, repositionMode, selectAllAppearance, showSelectedValuesFirst, tabConfirmsNewValue, values, virtualization, ...otherProps }: MultiselectProps): React.JSX.Element;
 declare namespace Multiselect {
     var componentType: string;
     var Option: typeof import("./Option").default;
@@ -207,6 +211,7 @@ declare namespace Multiselect {
     var propTypes: {
         allowNewValues: PropTypes.Requireable<boolean>;
         animateLoading: PropTypes.Requireable<boolean>;
+        append: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         compact: PropTypes.Requireable<boolean>;
         controlledFilter: PropTypes.Requireable<boolean>;
@@ -234,6 +239,7 @@ declare namespace Multiselect {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
         repositionMode: PropTypes.Requireable<string>;
         selectAllAppearance: PropTypes.Requireable<string>;
         showSelectedValuesFirst: PropTypes.Requireable<string>;

package/types/src/Multiselect/Normal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { MultiselectChangeHandler, MultiselectFilterChangeHandler, MultiselectScrollBottomHandler } from './Multiselect';
+import { MultiselectChangeHandler, MultiselectFilterChangeHandler, MultiselectScrollBottomHandler } from '@splunk/react-ui/Multiselect';
 import { ComponentProps } from '../utils/types';
 interface NormalPropsBase {
     /**
@@ -8,6 +8,8 @@ interface NormalPropsBase {
      */
     allowNewValues?: boolean;
     animateLoading?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /**
      * `children` should be `Multiselect.Option`, `Multiselect.Heading`, or
      * `Multiselect.Divider`.
@@ -107,6 +109,8 @@ interface NormalPropsBase {
      * If 'value' is undefined or don't match an item, the Button will display this text.
      */
     placeholder?: string;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /** @private. */
     required?: boolean;
     /**
@@ -123,11 +127,12 @@ interface NormalPropsBase {
 }
 export declare const getInlineMenuStyle: (({ anchorWidth, maxHeight, menuStyle }: any) => any) & import("lodash").MemoizedFunction;
 type NormalProps = ComponentProps<NormalPropsBase, 'div'>;
-declare function Normal({ allowNewValues, animateLoading, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, footerMessage, inline, inputId, inputRef: inputRefProp, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onScroll, onScrollBottom, onOpen, placeholder, required, repositionMode, tabConfirmsNewValue, values, ...otherProps }: NormalProps): React.JSX.Element;
+declare function Normal({ allowNewValues, animateLoading, append, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, footerMessage, inline, inputId, inputRef: inputRefProp, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onScroll, onScrollBottom, onOpen, placeholder, prepend, required, repositionMode, tabConfirmsNewValue, values, ...otherProps }: NormalProps): React.JSX.Element;
 declare namespace Normal {
     var propTypes: {
         allowNewValues: PropTypes.Requireable<boolean>;
         animateLoading: PropTypes.Requireable<boolean>;
+        append: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         controlledFilter: PropTypes.Requireable<boolean>;
         defaultPlacement: PropTypes.Requireable<string>;
@@ -153,13 +158,14 @@ declare namespace Normal {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
         /** @private. */
         required: PropTypes.Requireable<boolean>;
         repositionMode: PropTypes.Requireable<string>;
         tabConfirmsNewValue: PropTypes.Requireable<boolean>;
         values: PropTypes.Requireable<any[]>;
     };
-    var Option: typeof import("./Option").default;
+    var Option: typeof import("@splunk/react-ui/Multiselect").Option;
     var Divider: typeof import("@splunk/react-ui/Menu").Divider;
     var Heading: typeof import("@splunk/react-ui/Menu").Heading;
 }

package/types/src/Number/utils.d.ts

@@ -1,4 +1,4 @@
-declare const getDecimalSeparatorByLocale: (locale: string) => "." | ",";
+declare const getDecimalSeparatorByLocale: (locale: string) => "," | ".";
 type LimitValueArgs = {
     val: number;
     min?: number;

package/types/src/Popover/getPlacement.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopoverPlacement, PopoverPlacementStatus } from './Popover';
+import { PopoverPlacement, PopoverPlacementStatus } from '@splunk/react-ui/Popover';
 interface ExtendedDOMRect extends DOMRect {
     middle: number;
     center: number;

package/types/src/RadioList/Option.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { RadioListChangeHandler, RadioListValueTypes } from './RadioList';
+import { RadioListChangeHandler, RadioListValueTypes } from '@splunk/react-ui/RadioList';
 import { ComponentProps } from '../utils/types';
 interface OptionPropsBase {
     children?: React.ReactNode;

package/types/src/RadioList/RadioListContext.d.ts

@@ -1,4 +1,4 @@
-import { RadioListChangeHandler, RadioListValueTypes } from './RadioList';
+import { RadioListChangeHandler, RadioListValueTypes } from '@splunk/react-ui/RadioList';
 export interface RadioListContext {
     disabled?: boolean;
     error?: boolean;

package/types/src/Search/Search.d.ts

@@ -19,6 +19,8 @@ type SearchFocusHandler = (event: React.FocusEvent<HTMLInputElement>, data: {
 }) => void;
 interface SearchPropsBase {
     animateLoading?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /** All children must be instances of `Search.Option`. */
     children?: React.ReactNode;
     /**
@@ -87,6 +89,8 @@ interface SearchPropsBase {
      */
     onOpen?: () => void;
     placeholder?: string;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /** The value of the input. Only applicable in controlled mode. */
     value?: string;
 }
@@ -100,7 +104,7 @@ interface SearchPropsBaseUncontrolled extends SearchPropsBase {
     value?: never;
 }
 type SearchProps = ComponentProps<SearchPropsBaseControlled | SearchPropsBaseUncontrolled, 'div'>;
-declare function Search({ animateLoading, children, defaultPlacement, defaultValue, describedBy, disabled, elementRef, error, footerMessage, inline, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFocus, onKeyDown, onOpen, placeholder, value: propValue, ...otherProps }: SearchProps): React.JSX.Element;
+declare function Search({ animateLoading, append, children, defaultPlacement, defaultValue, describedBy, disabled, elementRef, error, footerMessage, inline, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFocus, onKeyDown, onOpen, placeholder, prepend, value: propValue, ...otherProps }: SearchProps): React.JSX.Element;
 declare namespace Search {
     var propTypes: React.WeakValidationMap<SearchPropsBase>;
     var Option: typeof import("./Option").default;

package/types/src/StepBar/StepBar.d.ts

@@ -17,15 +17,18 @@ interface StepBarPropsBase {
      * Setting inline to true makes the Step Bar an inline element. It assumes its minimum width.
      */
     inline?: boolean;
+    /** The flow direction of steps. */
+    orientation?: 'horizontal' | 'vertical';
 }
 type StepBarProps = ComponentProps<StepBarPropsBase, 'ul'>;
-declare function StepBar({ activeStepId, children, elementRef, inline, ...otherProps }: StepBarProps): React.JSX.Element;
+declare function StepBar({ activeStepId, children, elementRef, inline, orientation, ...otherProps }: StepBarProps): React.JSX.Element;
 declare namespace StepBar {
     var propTypes: {
         activeStepId: PropTypes.Validator<any>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
         inline: PropTypes.Requireable<boolean>;
+        orientation: PropTypes.Requireable<string>;
     };
     var Step: typeof import("./Step").default;
 }

package/types/src/StepBar/StepBarContext.d.ts

@@ -2,6 +2,7 @@ export interface StepBarContext {
     activeStepId: number;
     idCounter?: string;
     lastChildIndex?: number;
+    orientation: 'horizontal' | 'vertical';
 }
 export declare const StepBarContext: import("react").Context<StepBarContext>;
 export default StepBarContext;

package/types/src/StepBar/docs/examples/Vertical.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * @name Vertical
+ */
+declare function Vertical(): React.JSX.Element;
+export default Vertical;

package/types/src/Switch/Switch.d.ts

@@ -12,8 +12,19 @@ type SwitchCheckboxWithSomeClickHandler = (event: React.MouseEvent<HTMLButtonEle
     value?: any;
 }) => void;
 interface SwitchPropsBase {
+    /**
+     * Determines if the component renders as a checkbox or toggle.
+     *
+     * @deprecatedValue 'checkbox'
+     * The 'checkbox' value is deprecated and will be removed in a future major version.
+     */
     appearance?: 'checkbox' | 'toggle';
     children?: React.ReactNode;
+    /**
+     * The id of the description. When placed in a ControlGroup, this is automatically set to the
+     * ControlGroup's help component.
+     */
+    describedBy?: string;
     disabled?: boolean;
     /**
      * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
@@ -82,11 +93,12 @@ type SwitchProps = ComponentProps<SwitchCheckboxWithSomePropsBase | SwitchNoSome
 /**
  * `Switch` is a basic form control with an on/off state.
  */
-declare function Switch({ appearance, children, disabled, elementRef, error, id, inline, labelledBy, onClick, required, selected, selectedLabel, someSelectedLabel, toggleRef, unselectedLabel, value, ...otherProps }: SwitchProps): React.JSX.Element;
+declare function Switch({ appearance, children, describedBy, disabled, elementRef, error, id, inline, labelledBy, onClick, required, selected, selectedLabel, someSelectedLabel, role, tabIndex, toggleRef, unselectedLabel, value, ...otherProps }: SwitchProps): React.JSX.Element;
 declare namespace Switch {
     var propTypes: {
         appearance: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        describedBy: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         elementRef: PropTypes.Requireable<object>;
         error: PropTypes.Requireable<boolean>;

package/types/src/Switch/docs/examples/Basic.d.ts

@@ -1,14 +1,6 @@
-import React, { Component } from 'react';
-import { SwitchClickHandler } from '@splunk/react-ui/Switch';
+import React from 'react';
 /**
  * @name Basic
- * @description Some checkbox and toggle controls.
  */
-declare class Basic extends Component<object, {
-    values: number[];
-}> {
-    constructor(props: object);
-    handleClick: SwitchClickHandler;
-    render(): React.JSX.Element;
-}
+declare const Basic: () => React.JSX.Element;
 export default Basic;

package/types/src/Switch/docs/examples/Disabled.d.ts

@@ -1,13 +1,6 @@
-import React, { Component } from 'react';
-import { SwitchClickHandler } from '@splunk/react-ui/Switch';
+import React from 'react';
 /**
  * @name Disabled
  */
-declare class Disabled extends Component<object, {
-    values: number[];
-}> {
-    constructor(props: object);
-    handleClick: SwitchClickHandler;
-    render(): React.JSX.Element;
-}
+declare const Disabled: () => React.JSX.Element;
 export default Disabled;

package/types/src/TabBar/Tab.d.ts

@@ -41,7 +41,9 @@ interface TabPropsBase {
      * instead of a <button> tag. */
     to?: string;
     /**
-     * Content to show in a tooltip.
+     * Content to show in a tooltip when the user hovers over or focuses on the Tab.
+     *
+     * Note: The tooltip will override the label for the Tab for screen readers.
      */
     tooltip?: React.ReactNode;
     /**

package/types/src/TabBar/docs/examples/Icons.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 /**
  * @name Icons
+ * @description Icons can be used in tabs to provide additional context.
+ * Use icons sparingly and only when they add value that the text alone cannot communicate.
+ *
+ * Icon only tabs are not recommended. If you do use an icon only tab, a tooltip is required to provide an accessible name to the tab.
  */
 declare function IconsLeft(): React.JSX.Element;
 export default IconsLeft;

package/types/src/TabBar/docs/examples/Tooltips.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 /**
  * @name Tooltips
+ * @description Tooltips must be used when the entire tab label is not visible: e.g. due to truncation.
+ * The tooltip will override the accessible name of the tab.
+ * Tooltips should not be used to add a description or additional information.
  */
 declare function Tooltips(): React.JSX.Element;
 export default Tooltips;

package/types/src/TabLayout/Panel.d.ts

@@ -22,6 +22,8 @@ interface PanelPropsBase {
     panelId: string;
     /**
      * Content to show in a tooltip when the user hovers over or focuses on the tab.
+     *
+     * Note: The tooltip will override the label for the Panel for screen readers.
      */
     tooltip?: React.ReactNode;
     /** Prevents user from clicking the tab. */

package/types/src/Table/ExpandButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ComponentProps } from '@splunk/react-ui/utils/types';
+import { ComponentProps } from '../utils/types';
 interface ExpandButtonPropsBase {
     expanded?: boolean;
 }

package/types/src/Table/Head.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { TableRequestMoveColumnHandler } from './Table';
+import { TableRequestMoveColumnHandler } from '@splunk/react-ui/Table';
 import { ComponentProps } from '../utils/types';
 type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLHRElement>, data: {
     columnId?: string;

package/types/src/Table/Row.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { TableRequestMoveRowHandler } from './Table';
+import { TableRequestMoveRowHandler } from '@splunk/react-ui/Table';
 import { ComponentProps } from '../utils/types';
 /** @public */
 type RowActionPrimaryClickHandler = (event: React.MouseEvent, data?: any) => void;

package/types/src/Table/Table.d.ts

@@ -119,6 +119,7 @@ interface TablePropsBase {
     /**
      * An event handler for resize of columns for the current column being resized. The function is passed an event and a data
      * object with `columnId`, `id`, `index`, and `width`.
+     * Every Table.HeadCell must have a width prop when using onRequestResizeColumn. Table with resizableFillLayout supports width of "auto".
      */
     onRequestResizeColumn?: TableRequestResizeColumnHandler;
     /**

package/types/src/Tooltip/Tooltip.d.ts

@@ -94,6 +94,15 @@ interface TooltipPropsBase {
      * The onRequestClose and onRequestOpen callbacks are usually used.
      */
     open?: boolean;
+    /**
+     * Allows the `Tooltip` to point to and align with a different part of the anchor.
+     *
+     * This prop is forwarded to Popover. See `Popover`'s `pointTo` prop for more information.
+     */
+    pointTo?: {
+        x: number;
+        y: number;
+    };
     /** @private Generally passed by parent component rather than added directly. */
     prepend?: boolean;
     /**
@@ -122,7 +131,7 @@ type TooltipProps = ComponentProps<TooltipPropsBase, 'span'>;
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
  * or focused.
  */
-declare function Tooltip({ appearance, append, children, closeDelay, closeWhen, content, contentRelationship, defaultPlacement, elementRef, inline, onRequestClose, onRequestOpen, open: openProp, openDelay, renderAnchor, prepend, ...otherProps }: TooltipProps): React.JSX.Element;
+declare function Tooltip({ appearance, append, children, closeDelay, closeWhen, content, contentRelationship, defaultPlacement, elementRef, inline, onRequestClose, onRequestOpen, open: openProp, openDelay, renderAnchor, pointTo, prepend, ...otherProps }: TooltipProps): React.JSX.Element;
 declare namespace Tooltip {
     var propTypes: {
         /** @private */
@@ -142,6 +151,10 @@ declare namespace Tooltip {
         onRequestOpen: PropTypes.Requireable<(...args: any[]) => any>;
         open: PropTypes.Requireable<boolean>;
         openDelay: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        pointTo: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<number>;
+        }>>;
         /** @private */
         prepend: PropTypes.Requireable<boolean>;
         renderAnchor: PropTypes.Requireable<(...args: any[]) => any>;

package/types/src/Tree/TreeContext.d.ts

@@ -1,5 +1,5 @@
+import { RemoveNodeHandler, SetNodeHandler } from '@splunk/react-ui/Tree';
 import { TreeItemClickHandler, TreeItemKeyDownHandler } from './Item';
-import { RemoveNodeHandler, SetNodeHandler } from './Tree';
 export interface TreeContext {
     defaultIndent?: boolean;
     onItemKeyDown?: TreeItemKeyDownHandler;