@splunk/react-ui 4.39.0 → 4.40.0

package/WaitSpinner.js

@@ -99,7 +99,7 @@
             prisma: (0, c.css)([ "width:24px;height:24px;" ])
         },
         large: {
-            enterprise: (0, c.css)([ "width:19px;height:19px;" ]),
+            enterprise: (0, c.css)([ "width:28px;height:28px;" ]),
             prisma: (0, c.css)([ "width:40px;height:40px;" ])
         }
     }), (function(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.39.0",
+  "version": "4.40.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -44,7 +44,7 @@
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@splunk/react-icons": "^4.8.0",
+    "@splunk/react-icons": "^4.9.0",
     "@splunk/themes": "^0.22.0",
     "@splunk/ui-utils": "^1.7.1",
     "commonmark": "^0.30.0",

package/types/src/Card/Card.d.ts

@@ -41,6 +41,7 @@ interface CardPropsBase {
     /**
      * Includes a border on the `Card` if set to `true`.
      * @excludeTheme prisma
+     * @deprecated
      * */
     showBorder?: boolean;
     /**

package/types/src/Card/Footer.d.ts

@@ -10,6 +10,7 @@ interface FooterPropsBase {
     /**
      * Shows top border of footer.
      * @excludeTheme prisma
+     * @deprecated
      * */
     showBorder?: boolean;
 }

package/types/src/Chip/Chip.d.ts

@@ -9,13 +9,11 @@ interface ChipPropsBase {
     /**
      * Sets the severity or type of this `Chip`.
      * Setting this prop causes the `backgroundColor` prop to be ignored.
-     * @themeNotes 'info', 'success', and 'warning' are supported in Enterprise only. 'outline' supported in Prisma only.
      */
     appearance?: 'info' | 'success' | 'warning' | 'error' | 'outline';
     /**
      * Changes the background color of the `Chip`.
-     * Hexadecimal color and valid color names are allowed, such as `#ffffff` or `white`.
-     * Invalid values will default to the 'default' appearance.
+     * Hexadecimal colors and valid color names are allowed, such as `#ffffff` or `white`.
      * If the `appearance` prop is set, this prop is ignored.
      */
     backgroundColor?: string;
@@ -26,8 +24,7 @@ interface ChipPropsBase {
     elementRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;
     /**
      * Changes the text and icon color of the `Chip`.
-     * Hexadecimal color and valid color names are allowed, such as `#ffffff` or `white`.
-     * Invalid values will default to the 'default' appearance.
+     * Hexadecimal colors and valid color names are allowed, such as `#ffffff` or `white`.
      */
     foregroundColor?: string;
     /** The icon to show before the label. See the Icon component for more information. */
@@ -62,4 +59,4 @@ declare namespace Chip {
     };
 }
 export default Chip;
-export { ChipRequestRemoveHandler };
+export { ChipInteractiveProps, ChipNonInteractiveProps, ChipRequestRemoveHandler };

package/types/src/ComboBox/ComboBox.d.ts

@@ -156,7 +156,7 @@ declare class ComboBox extends Component<ComboBoxProps, ComboBoxState> {
     private previousActiveIndex;
     private textInput;
     static propTypes: React.WeakValidationMap<ComboBoxProps>;
-    static defaultProps: Required<Pick<ComboBoxPropsBase, "placeholder" | "disabled" | "inline" | "error" | "defaultPlacement" | "animateLoading" | "isLoadingOptions" | "menuStyle" | "controlledFilter">>;
+    static defaultProps: Required<Pick<ComboBoxPropsBase, "placeholder" | "disabled" | "inline" | "error" | "defaultPlacement" | "animateLoading" | "menuStyle" | "isLoadingOptions" | "controlledFilter">>;
     static Option: typeof Option;
     static Divider: typeof Divider;
     static Heading: typeof Heading;

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

@@ -160,7 +160,7 @@ interface CompactState {
 }
 declare class Compact extends Component<CompactProps, CompactState> {
     static propTypes: React.WeakValidationMap<CompactProps>;
-    static defaultProps: Required<Pick<CompactPropsBase, "placeholder" | "disabled" | "inline" | "defaultPlacement" | "animateLoading" | "noOptionsMessage" | "allowNewValues" | "isLoadingOptions" | "menuStyle" | "tabConfirmsNewValue" | "showSelectedValuesFirst">>;
+    static defaultProps: Required<Pick<CompactPropsBase, "placeholder" | "disabled" | "inline" | "defaultPlacement" | "animateLoading" | "noOptionsMessage" | "menuStyle" | "allowNewValues" | "isLoadingOptions" | "showSelectedValuesFirst" | "tabConfirmsNewValue">>;
     static Option: typeof Option;
     static Divider: typeof Divider;
     static Heading: typeof Heading;

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

@@ -199,7 +199,7 @@ type MultiselectCompactProps = ClassComponentProps<(MultiselectPropsBaseControll
 type MultiselectProps = MultiselectNormalProps | MultiselectCompactProps;
 declare class Multiselect extends Component<MultiselectProps, {}> {
     static propTypes: React.WeakValidationMap<MultiselectProps>;
-    static defaultProps: Required<Pick<MultiselectPropsBase, "placeholder" | "disabled" | "inline" | "compact" | "defaultPlacement" | "repositionMode" | "animateLoading" | "noOptionsMessage" | "allowNewValues" | "isLoadingOptions" | "menuStyle" | "tabConfirmsNewValue" | "useClickawayOverlay">>;
+    static defaultProps: Required<Pick<MultiselectPropsBase, "placeholder" | "disabled" | "inline" | "compact" | "defaultPlacement" | "repositionMode" | "animateLoading" | "noOptionsMessage" | "menuStyle" | "allowNewValues" | "isLoadingOptions" | "tabConfirmsNewValue" | "useClickawayOverlay">>;
     static componentType: string;
     static Option: typeof Option;
     static Heading: typeof Heading;

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

@@ -148,7 +148,7 @@ declare class Normal extends Component<NormalProps, NormalState> {
     private popoverId;
     private previousActiveIndex;
     static propTypes: React.WeakValidationMap<NormalProps>;
-    static defaultProps: Required<Pick<NormalPropsBase, "placeholder" | "disabled" | "inline" | "defaultPlacement" | "animateLoading" | "noOptionsMessage" | "allowNewValues" | "isLoadingOptions" | "menuStyle" | "tabConfirmsNewValue" | "useClickawayOverlay">>;
+    static defaultProps: Required<Pick<NormalPropsBase, "placeholder" | "disabled" | "inline" | "defaultPlacement" | "animateLoading" | "noOptionsMessage" | "menuStyle" | "allowNewValues" | "isLoadingOptions" | "tabConfirmsNewValue" | "useClickawayOverlay">>;
     static Option: typeof Option;
     static Divider: typeof Divider;
     static Heading: typeof Heading;

package/types/src/Select/Select.d.ts

@@ -26,6 +26,8 @@ interface SelectPropsBase {
     animateLoading?: boolean;
     /**
      * Change the style of the button or link.
+     * @deprecatedValue 'primary'
+     * The `primary` value is deprecated and will be removed in the next major version.
      * @themeNotes The `pill` appearance is deprecated and only supported in Enterprise themes. The `flat` and `toggle` appearances are deprecated and only supported in Prisma themes.
      */
     appearance?: 'default' | 'link' | 'primary' | 'pill' | 'toggle' | 'flat' | 'subtle';
@@ -186,7 +188,7 @@ interface SelectState {
 }
 declare class Select extends Component<SelectProps, SelectState> {
     static propTypes: React.WeakValidationMap<SelectProps>;
-    static defaultProps: Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "appearance" | "inline" | "error" | "defaultPlacement" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "allowKeyMatching" | "isLoadingOptions" | "menuStyle" | "toggleContent">>;
+    static defaultProps: Required<Pick<SelectPropsBase, "filter" | "children" | "placeholder" | "disabled" | "appearance" | "inline" | "error" | "defaultPlacement" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "menuStyle" | "allowKeyMatching" | "isLoadingOptions" | "toggleContent">>;
     static Option: typeof Option;
     static Heading: typeof BaseHeading;
     static Divider: typeof BaseDivider;

package/types/src/Select/SelectAllOption.d.ts

@@ -2,13 +2,13 @@ import React from 'react';
 import OptionBase from './OptionBase';
 interface SelectAllOptionPropsBase {
     active?: boolean;
+    changedToggle?: boolean;
     elementRef?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;
     id?: string;
     onClick: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>) => void;
     selectAllLabel: string;
-    totalCount?: number;
-    changedToggle?: boolean;
     selected?: boolean | 'some';
+    totalCount?: number;
 }
 declare const SelectAllOption: React.ForwardRefExoticComponent<SelectAllOptionPropsBase & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "css" | keyof SelectAllOptionPropsBase> & React.RefAttributes<OptionBase>>;
 export default SelectAllOption;

package/types/src/Select/SelectBase.d.ts

@@ -1,7 +1,10 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { Divider, Heading } from '@splunk/react-ui/Menu';
-import Option from './OptionBase';
-import { ClassComponentProps } from '../utils/types';
+import { TextBlurHandler, TextChangeHandler, TextFocusHandler } from '@splunk/react-ui/Text';
+import Option, { OptionClickHandler } from './OptionBase';
+import { MatchOption } from '../utils/fuzzyMatch';
+import { ComponentProps } from '../utils/types';
 type SelectBaseFilterChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.FocusEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent, data: {
     keyword: string;
 }) => void;
@@ -21,6 +24,8 @@ interface SelectBasePropsBase {
     animateLoading?: boolean;
     /**
      * Change the style of the button or link.
+     * @deprecatedValue 'primary'
+     * The `primary` value is deprecated and will be removed in the next major version.
      * @themeNotes The `pill` appearance is deprecated and only supported in Enterprise themes. The `flat` and `toggle` appearances are deprecated and only supported in Prisma themes.
      */
     appearance?: 'default' | 'link' | 'primary' | 'pill' | 'toggle' | 'flat' | 'subtle';
@@ -197,7 +202,6 @@ interface SelectBasePropsBase {
      */
     toggleContent?: 'optionChildren' | 'optionLabel';
 }
-declare const defaultProps: Required<Pick<SelectBasePropsBase, 'allowKeyMatching' | 'allowNewValues' | 'animateLoading' | 'appearance' | 'append' | 'defaultPlacement' | 'disabled' | 'filter' | 'inline' | 'isLoadingOptions' | 'menuStyle' | 'multiple' | 'noOptionsMessage' | 'placeholder' | 'prepend' | 'repositionMode' | 'selectAllAppearance' | 'tabConfirmsNewValue' | 'toggleContent'>>;
 interface SelectBasePropsBaseControlled extends SelectBasePropsBase {
     defaultValues?: never;
     onChange: SelectBaseChangeHandler;
@@ -207,74 +211,108 @@ interface SelectBasePropsBaseUncontrolled extends SelectBasePropsBase {
     defaultValues?: (string | number | boolean)[];
     values?: never;
 }
-type SelectBaseProps = ClassComponentProps<SelectBasePropsBaseControlled | SelectBasePropsBaseUncontrolled, typeof defaultProps, 'button'>;
+type SelectBaseProps = ComponentProps<SelectBasePropsBaseControlled | SelectBasePropsBaseUncontrolled, 'button'>;
 type OptionElement = React.ReactElement<React.ComponentPropsWithRef<typeof Option>, typeof Option>;
 type ChildrenElement = React.ReactElement<React.ComponentProps<typeof Divider | typeof Heading>, typeof Divider | typeof Heading> | OptionElement;
 declare function isOption(child: ChildrenElement): child is OptionElement;
-interface SelectBaseState {
+interface ControlsProps extends Pick<SelectBaseProps, 'inputId' | 'inputRef' | 'multiple' | 'selectAllAppearance'> {
+    activeItemId: string;
+    filterKeyword: string;
+    hasChildren: boolean;
+    menuListboxId: string;
+    onClearAll: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement>;
+    onSelectAll: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement>;
+    onTextBlur: TextBlurHandler;
+    onTextChange: TextChangeHandler;
+    onTextFocus: TextFocusHandler;
+    onTextKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    optionSelection: React.MutableRefObject<'all' | 'some' | 'none'>;
+    placement: 'above' | 'below' | 'left' | 'right' | 'misaligned' | null;
+    textHasFocus: boolean;
+}
+declare const Controls: ({ activeItemId, filterKeyword, hasChildren, inputId, inputRef, menuListboxId, multiple, onClearAll, onSelectAll, onTextBlur, onTextChange, onTextFocus, onTextKeyDown, optionSelection, placement, selectAllAppearance, textHasFocus, }: ControlsProps) => JSX.Element;
+interface FinalChildrenProps extends Pick<SelectBaseProps, 'allowKeyMatching' | 'allowNewValues' | 'children' | 'filter' | 'isLoadingOptions' | 'multiple' | 'onScrollBottom' | 'selectAllAppearance' | 'toggle'> {
     activeIndex: number;
+    activeItemId: string;
+    availableMatchOptions: React.MutableRefObject<MatchOption[]>;
+    availableOptionCount: React.MutableRefObject<number>;
+    currentValues: (string | number | boolean)[];
     filterKeyword: string;
-    open: boolean;
+    firstSelectedOptionIndex: React.MutableRefObject<number | undefined>;
+    newTopValues: (string | number | boolean)[];
+    onActiveOptionMount: (c: Option | null) => void;
+    onClearAll: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>) => void;
+    onClick: OptionClickHandler;
+    onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>, optionIndex: number) => void;
+    onOptionMount: (c: Option | null, itemKey: string, isFirst: boolean) => void;
+    onSelectAll: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>) => void;
+    optionSelection: React.MutableRefObject<'none' | 'all' | 'some'>;
+    selectedOptionCount: React.MutableRefObject<number>;
+    setActiveValue: (value?: string | number | boolean) => void;
+    setAvailableMatchOptions: (value: MatchOption[]) => void;
+    setAvailableOptionCount: (value: number) => void;
+    setDisplayedValues: (value: (string | number | boolean)[]) => void;
+    setFirstSelectedOptionIndex: (value?: number) => void;
+    setOptionSelection: (value: 'none' | 'all' | 'some') => void;
+    setSelectedOptionCount: (value: number) => void;
     textHasFocus: boolean;
-    topValues: (string | number | boolean)[];
-    values: (string | number | boolean)[];
 }
-declare class SelectBase extends Component<SelectBaseProps, SelectBaseState> {
-    private activeItemId;
-    private activeValue?;
-    private availableOptionCount;
-    private controlledExternally;
-    private displayedValues;
-    private dropdown;
-    private firstSelectedEnabledOption;
-    private firstSelectedOptionIndex?;
-    private menuListboxId;
-    private previousActiveIndex;
-    private selectedOptionCount;
-    private optionRefsByKey;
-    private matchCharacter;
-    private matchTimeout;
-    private currentMatchOptions;
-    private availableMatchOptions;
-    private optionSelection;
-    static propTypes: React.WeakValidationMap<SelectBaseProps>;
-    static defaultProps: Required<Pick<SelectBasePropsBase, "filter" | "placeholder" | "disabled" | "multiple" | "appearance" | "inline" | "defaultPlacement" | "repositionMode" | "append" | "prepend" | "animateLoading" | "noOptionsMessage" | "allowKeyMatching" | "allowNewValues" | "isLoadingOptions" | "menuStyle" | "selectAllAppearance" | "tabConfirmsNewValue" | "toggleContent">>;
-    static Option: typeof Option;
-    static Divider: typeof Divider;
-    static Heading: typeof Heading;
-    private static invalidLinkAppearanceProps;
-    private static validateAppearance;
-    constructor(props: Readonly<SelectBaseProps>);
-    componentDidUpdate(prevProps: Readonly<SelectBaseProps>, prevState: Readonly<SelectBaseState>): void;
-    private getCurrentValues;
-    private getTopValues;
-    private resetMatches;
-    private handleSelectAll;
-    private handleClearAll;
-    private handleTextKeyDown;
-    private handleMenuOptionClick;
-    private handleMenuOptionKeyDown;
-    private handleTextChange;
-    private handleTextFocus;
-    private handleTextBlur;
-    private handleRequestOpen;
-    private handleRequestClose;
-    private handleScrollBottom;
-    private handleActiveOptionMount;
-    private handleOptionMount;
-    private isControlled;
-    private hasFilter;
-    private toggleValue;
-    /**
-     * Place focus on the toggle.
-     */
-    focus(): void;
-    private renderControls;
-    private createToggle;
-    private createChildren;
-    private wrapLabel;
-    private handleDropdownMount;
-    render(): JSX.Element;
+declare const FinalChildren: ({ activeIndex, activeItemId, allowKeyMatching, allowNewValues, availableMatchOptions, availableOptionCount, children, currentValues, filter, filterKeyword, firstSelectedOptionIndex, isLoadingOptions, multiple, newTopValues, onActiveOptionMount, onClearAll, onClick, onKeyDown, onOptionMount, onScrollBottom, onSelectAll, optionSelection, selectAllAppearance, selectedOptionCount, setActiveValue, setAvailableMatchOptions, setAvailableOptionCount, setDisplayedValues, setFirstSelectedOptionIndex, setOptionSelection, setSelectedOptionCount, textHasFocus, toggle, }: FinalChildrenProps) => JSX.Element;
+declare function SelectBase({ allowKeyMatching, animateLoading, appearance, append, allowNewValues, children, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, labelText, loadingMessage, menuStyle, multiple, name, noOptionsMessage, onChange, onScroll, onScrollBottom, onFilterChange, onClick, onClose, onOpen, required, placeholder, prefixLabel, prepend, repositionMode, selectAllAppearance, showSelectedValuesFirst, suffixLabel, tabConfirmsNewValue, values, virtualization, toggle, toggleContent, ...otherProps }: SelectBaseProps): JSX.Element;
+declare namespace SelectBase {
+    var propTypes: {
+        allowKeyMatching: PropTypes.Requireable<boolean>;
+        allowNewValues: PropTypes.Requireable<boolean>;
+        animateLoading: PropTypes.Requireable<boolean>;
+        appearance: PropTypes.Requireable<string>;
+        append: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        defaultPlacement: PropTypes.Requireable<string>;
+        defaultValues: PropTypes.Requireable<any[]>;
+        describedBy: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        error: PropTypes.Requireable<boolean>;
+        filter: PropTypes.Requireable<string | boolean>;
+        footerMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        inline: PropTypes.Requireable<boolean>;
+        inputId: PropTypes.Requireable<string>;
+        inputRef: PropTypes.Requireable<object>;
+        isLoadingOptions: PropTypes.Requireable<boolean>;
+        labelledBy: PropTypes.Requireable<string>;
+        labelText: PropTypes.Requireable<string>;
+        loadingMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        menuStyle: PropTypes.Requireable<object>;
+        multiple: PropTypes.Requireable<boolean>;
+        name: PropTypes.Requireable<string>;
+        noOptionsMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        required: PropTypes.Requireable<boolean>;
+        placeholder: PropTypes.Requireable<string>;
+        prefixLabel: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
+        repositionMode: PropTypes.Requireable<string>;
+        selectAllAppearance: PropTypes.Requireable<string>;
+        showSelectedValuesFirst: PropTypes.Requireable<string>;
+        suffixLabel: PropTypes.Requireable<string>;
+        tabConfirmsNewValue: PropTypes.Requireable<boolean>;
+        toggle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        toggleContent: PropTypes.Requireable<string>;
+        values: PropTypes.Requireable<any[]>;
+        /** @private. */
+        virtualization: PropTypes.Requireable<number>;
+    };
+    var componentType: string;
+    var Option: typeof import("./OptionBase").default;
+    var Divider: typeof import("../Menu/Divider").default;
+    var Heading: typeof import("../Menu/Heading").default;
 }
 export default SelectBase;
-export { ChildrenElement, Divider, Heading, Option, SelectBaseChangeHandler, SelectBaseFilterChangeHandler, SelectBaseProps, isOption, };
+export { Controls, FinalChildren, ChildrenElement, Divider, Heading, Option, SelectBaseChangeHandler, SelectBaseFilterChangeHandler, SelectBaseProps, isOption, };

package/types/src/Select/docs/examples/Appearance.d.ts

@@ -3,12 +3,10 @@ import { SelectChangeHandler } from '@splunk/react-ui/Select';
 declare class Appearance extends Component<{}, {
     valueA: string | number | boolean;
     valueB: string | number | boolean;
-    valueC: string | number | boolean;
 }> {
     constructor(props: {});
     handleChangeA: SelectChangeHandler;
     handleChangeB: SelectChangeHandler;
-    handleChangeC: SelectChangeHandler;
     render(): JSX.Element;
 }
 export default Appearance;

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

@@ -11,7 +11,6 @@ interface CellPropsBase {
      *      - The background color is not lighter on cell hover in `prisma` theme.
      * 'link':
      *      - The text is blue and darker on cell hover in `enterprise`, `enterpriseDark`, `lite` themes.
-     *      - The `link` appearance is not supported by the `prisma` theme.
      * 'rowLink':
      *      - The text is blue and darker on row hover in `enterprise`, `enterpriseDark`, `lite` themes.
      *      - The text is white and the background color of the row is lighter on row hover in `prisma` theme.
@@ -27,7 +26,6 @@ interface CellPropsBase {
      */
     elementRef?: React.Ref<HTMLTableCellElement>;
     /** Providing an `onClick` handler enables focus, hover, and related styles.
-     * @excludeTheme prisma
      */
     onClick?: CellClickHandler;
     /** @private This will be passed through, and will work as expected. */

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

@@ -7,7 +7,9 @@ type HeadInnerDragStartHandler = (index: number | undefined, columnId: any) => v
 type HeadInnerRequestResizeHandler = HeadRequestResizeColumnHandler;
 interface HeadInnerPropsBase {
     align?: 'left' | 'center' | 'right';
+    clickable?: boolean;
     columnId?: any;
+    focusWithin?: boolean;
     hasActionsHead?: boolean;
     id?: string;
     index?: number;
@@ -23,11 +25,13 @@ interface HeadInnerPropsBase {
     width?: number | 'auto';
 }
 type HeadInnerProps = ComponentProps<HeadInnerPropsBase, 'span'>;
-declare function HeadInner({ index, columnId, id, width: widthProp, onDragEnd, onAutosizeColumn, align, label, hasActionsHead, isMenu, onDragStart, onRequestResize, resizable, sortDir, truncate, ...otherProps }: HeadInnerProps): JSX.Element;
+declare function HeadInner({ index, clickable, columnId, focusWithin, id, width: widthProp, onDragEnd, onAutosizeColumn, align, label, hasActionsHead, isMenu, onDragStart, onRequestResize, resizable, sortDir, truncate, ...otherProps }: HeadInnerProps): JSX.Element;
 declare namespace HeadInner {
     var propTypes: {
         align: PropTypes.Requireable<string>;
+        clickable: PropTypes.Requireable<boolean>;
         columnId: PropTypes.Requireable<any>;
+        focusWithin: PropTypes.Requireable<boolean>;
         hasActionsHead: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
         index: PropTypes.Requireable<number>;

package/types/src/WaitSpinner/WaitSpinner.d.ts

@@ -13,7 +13,6 @@ interface WaitSpinnerPropsBase {
     screenReaderText?: string | null;
     /**
      * Size of WaitSpinner.
-     * `large` is not supported in enterprise themes; falls back to `medium`.
      */
     size?: 'small' | 'medium' | 'large';
 }

package/types/src/useControlled/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './useControlled';
+export * from './useControlled';

package/types/src/useControlled/useControlled.d.ts

@@ -0,0 +1,21 @@
+import { MutableRefObject } from 'react';
+interface DefaultValueProps<T> {
+    defaultValue: T;
+    value: T;
+    componentName?: string;
+    defaultValuePropName?: string;
+    valuePropName?: string;
+}
+/**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * A hook that accepts a default value (as used in an uncontrolled component)
+ * and validates that actions that aren't valid in an uncontrolled component
+ * such as updating the default value, combining default value with value, etc.
+ * are not happening.
+ *
+ * Return the controlled state of the component.
+ */
+declare function useControlled<T>({ defaultValue, value, componentName, defaultValuePropName, valuePropName, }: DefaultValueProps<T>): MutableRefObject<boolean>['current'];
+export default useControlled;
+export { DefaultValueProps };

package/types/src/useResizeObserver/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './useResizeObserver';
+export * from './useResizeObserver';

package/types/src/useResizeObserver/useResizeObserver.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type Dimensions = {
+    width: number;
+    height: number;
+};
+/**
+ * Watches a React ref element for changes in size.
+ *
+ * @param ref - The React ref to observe size changes on
+ */
+declare const useResizeObserver: (ref: React.MutableRefObject<HTMLElement | null>) => Dimensions;
+export default useResizeObserver;

package/useControlled.js

@@ -0,0 +1,112 @@
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/    var e = {
+        /***/ 9497: 
+        /***/ e => {
+            e.exports = require("react");
+            /***/
+            /******/        }
+    };
+    /************************************************************************/
+    /******/ // The module cache
+    /******/    var r = {};
+    /******/
+    /******/ // The require function
+    /******/    function t(o) {
+        /******/ // Check if module is in cache
+        /******/ var u = r[o];
+        /******/        if (u !== undefined) {
+            /******/ return u.exports;
+            /******/        }
+        /******/ // Create a new module (and put it into the cache)
+        /******/        var a = r[o] = {
+            /******/ // no module.id needed
+            /******/ // no module.loaded needed
+            /******/ exports: {}
+            /******/        };
+        /******/
+        /******/ // Execute the module function
+        /******/        e[o](a, a.exports, t);
+        /******/
+        /******/ // Return the exports of the module
+        /******/        return a.exports;
+        /******/    }
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ t.d = (e, r) => {
+            /******/ for (var o in r) {
+                /******/ if (t.o(r, o) && !t.o(e, o)) {
+                    /******/ Object.defineProperty(e, o, {
+                        enumerable: true,
+                        get: r[o]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ t.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ t.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var o = {};
+    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+        (() => {
+        // ESM COMPAT FLAG
+        t.r(o);
+        // EXPORTS
+                t.d(o, {
+            default: () => /* reexport */ u
+        });
+        // EXTERNAL MODULE: external "react"
+                var e = t(9497);
+        // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
+        /**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * A hook that accepts a default value (as used in an uncontrolled component)
+ * and validates that actions that aren't valid in an uncontrolled component
+ * such as updating the default value, combining default value with value, etc.
+ * are not happening.
+ *
+ * Return the controlled state of the component.
+ */
+        function r(r) {
+            var t = r.defaultValue, o = r.value, u = r.componentName, a = u === void 0 ? "this component" : u, f = r.defaultValuePropName, n = f === void 0 ? "defaultValue" : f, l = r.valuePropName, i = l === void 0 ? "value" : l;
+            var d = (0, e.useRef)(o != null);
+            var s = (0, e.useRef)(t);
+            (0, e.useEffect)((function() {
+                if (false) {}
+            }), [ a, t, n, i ]);
+            (0, e.useEffect)((function() {
+                if (false) {}
+                if (false) {}
+            }), [ a, t, n, o, i ]);
+            return d.current;
+        }
+        /* harmony default export */        const u = r;
+    }) // CONCATENATED MODULE: ./src/useControlled/index.ts
+    ();
+    module.exports = o;
+    /******/})();

package/useKeyPress.d.ts

@@ -0,0 +1,2 @@
+export { default } from './types/src/useKeyPress';
+export * from './types/src/useKeyPress';

package/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+export { default } from './types/src/useResizeObserver';
+export * from './types/src/useResizeObserver';