@databricks/design-system 1.12.17 → 1.12.19

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxMenuItem.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { isEqual } from 'lodash';
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { useDesignSystemTheme } from '../Hooks';
+import { CheckIcon } from '../Icon';
+import { LegacyInfoTooltip } from '../LegacyTooltip';
+import { getComboboxOptionItemWrapperStyles, HintRow, getInfoIconStyles } from '../_shared_/Combobox';
+export const getMenuItemStyles = (theme, isHighlighted, disabled) => {
+    return css({
+        ...(disabled && {
+            pointerEvents: 'none',
+            color: theme.colors.actionDisabledText,
+        }),
+        ...(isHighlighted && {
+            background: theme.colors.actionTertiaryBackgroundHover,
+        }),
+    });
+};
+const getLabelStyles = (theme, textOverflowMode) => {
+    return css({
+        marginLeft: theme.spacing.sm,
+        fontSize: theme.typography.fontSizeBase,
+        fontStyle: 'normal',
+        fontWeight: 400,
+        cursor: 'pointer',
+        overflow: 'hidden',
+        wordBreak: 'break-word',
+        ...(textOverflowMode === 'ellipsis' && {
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        }),
+    });
+};
+export const TypeaheadComboboxMenuItem = forwardRef(({ item, index, comboboxState, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref) => {
+    const { selectedItem, highlightedIndex, getItemProps, isOpen } = comboboxState;
+    const isSelected = isEqual(selectedItem, item);
+    const isHighlighted = highlightedIndex === index;
+    const { theme } = useDesignSystemTheme();
+    const listItemRef = useRef(null);
+    useImperativeHandle(ref, () => listItemRef.current);
+    const { onClick, ...downshiftItemProps } = getItemProps({
+        item,
+        index,
+        disabled: isDisabled,
+        onMouseUp: (e) => {
+            e.stopPropagation();
+            restProps.onMouseUp?.(e);
+        },
+        ref: listItemRef,
+    });
+    const handleClick = (e) => {
+        onClickProp?.(e);
+        onClick?.(e);
+    };
+    // Scroll to the highlighted item if it is not in the viewport
+    useEffect(() => {
+        if (isOpen && highlightedIndex === index && listItemRef.current) {
+            const parentContainer = listItemRef.current.closest('ul');
+            if (!parentContainer) {
+                return;
+            }
+            const parentTop = parentContainer.scrollTop;
+            const parentBottom = parentContainer.scrollTop + parentContainer.clientHeight;
+            const itemTop = listItemRef.current.offsetTop;
+            const itemBottom = listItemRef.current.offsetTop + listItemRef.current.clientHeight;
+            // Check if item is visible in the viewport before scrolling
+            if (itemTop < parentTop || itemBottom > parentBottom) {
+                listItemRef.current?.scrollIntoView({ block: 'nearest' });
+            }
+        }
+    }, [highlightedIndex, index, isOpen, listItemRef]);
+    return (_jsxs("li", { role: "option", "aria-selected": isSelected, "aria-disabled": isDisabled, onClick: handleClick, css: [getComboboxOptionItemWrapperStyles(theme), getMenuItemStyles(theme, isHighlighted, isDisabled)], ...downshiftItemProps, ...restProps, children: [isSelected ? _jsx(CheckIcon, { css: { paddingTop: 2 } }) : _jsx("div", { style: { width: 16, flexShrink: 0 } }), _jsxs("label", { css: getLabelStyles(theme, textOverflowMode), children: [isDisabled && disabledReason ? (_jsxs("div", { css: { display: 'flex' }, children: [_jsx("div", { children: children }), _jsx("div", { css: getInfoIconStyles(theme), children: _jsx(LegacyInfoTooltip, { title: disabledReason }) })] })) : (children), _jsx(HintRow, { disabled: isDisabled, children: hintContent })] })] }));
+});
+TypeaheadComboboxMenuItem.defaultProps = {
+    _type: 'TypeaheadComboboxMenuItem',
+};
+export default TypeaheadComboboxMenuItem;
+//# sourceMappingURL=TypeaheadComboboxMenuItem.js.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadComboboxMenuItem.js","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxMenuItem.tsx"],"names":[],"mappings":"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"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.d.ts

@@ -1,7 +1,8 @@
-import type { UseComboboxReturnValue, UseMultipleSelectionReturnValue } from 'downshift';
+import type { UseMultipleSelectionReturnValue } from 'downshift';
 import type { TypeaheadComboboxInputProps } from './TypeaheadComboboxInput';
-export interface TypeaheadComboboxMultiSelectInputProps<T> extends Omit<TypeaheadComboboxInputProps<T>, 'componentId' | 'analyticsEvents'> {
-    comboboxState: UseComboboxReturnValue<T>;
+import type { ComboboxStateAnalyticsReturnValue } from './hooks';
+export interface TypeaheadComboboxMultiSelectInputProps<T> extends TypeaheadComboboxInputProps<T> {
+    comboboxState: ComboboxStateAnalyticsReturnValue<T>;
     multipleSelectionState: UseMultipleSelectionReturnValue<T>;
     selectedItems: T[];
     setSelectedItems: React.Dispatch<React.SetStateAction<T[]>>;
@@ -10,6 +11,7 @@ export interface TypeaheadComboboxMultiSelectInputProps<T> extends Omit<Typeahea
     showTagAfterValueCount?: number;
     width?: string | number;
     maxHeight?: string | number;
+    disableTooltip?: boolean;
 }
-export declare const TypeaheadComboboxMultiSelectInput: React.FC<TypeaheadComboboxMultiSelectInputProps<any>>;
+export declare const TypeaheadComboboxMultiSelectInput: import("react").ForwardRefExoticComponent<TypeaheadComboboxMultiSelectInputProps<any> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=TypeaheadComboboxMultiSelectInput.d.ts.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadComboboxMultiSelectInput.d.ts","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAC;AAKzF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAU5E,MAAM,WAAW,sCAAsC,CAAC,CAAC,CACvD,SAAQ,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/E,aAAa,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACzC,sBAAsB,EAAE,+BAA+B,CAAC,CAAC,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,oBAAoB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AA0GD,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAAC,sCAAsC,CAAC,GAAG,CAAC,CAwJnG,CAAC"}
+{"version":3,"file":"TypeaheadComboboxMultiSelectInput.d.ts","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAC;AAKjE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAQjE,MAAM,WAAW,sCAAsC,CAAC,CAAC,CAAE,SAAQ,2BAA2B,CAAC,CAAC,CAAC;IAC/F,aAAa,EAAE,iCAAiC,CAAC,CAAC,CAAC,CAAC;IACpD,sBAAsB,EAAE,+BAA+B,CAAC,CAAC,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,oBAAoB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAsHD,eAAO,MAAM,iCAAiC,0IAmK7C,CAAC"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { useMergeRefs } from '@floating-ui/react';
+import { forwardRef, useState, useRef, useLayoutEffect, useEffect } from 'react';
+import { CountBadge } from './CountBadge';
+import { TypeaheadComboboxControls } from './TypeaheadComboboxControls';
+import { TypeaheadComboboxSelectedItem } from './TypeaheadComboboxSelectedItem';
+import { useTypeaheadComboboxContext } from './hooks';
+import { useDesignSystemTheme } from '../Hooks';
+import { LegacyTooltip } from '../LegacyTooltip';
+import { getValidationStateColor } from '../utils';
+import { addDebugOutlineIfEnabled } from '../utils/debug';
+const getContainerStyles = (theme, validationState, width, maxHeight, disabled) => {
+    const validationColor = getValidationStateColor(theme, validationState);
+    return css({
+        cursor: 'text',
+        display: 'inline-block',
+        verticalAlign: 'top',
+        border: `1px solid ${theme.colors.border}`,
+        borderRadius: theme.general.borderRadiusBase,
+        minHeight: 32,
+        height: 'auto',
+        minWidth: 0,
+        ...(width ? { width } : {}),
+        ...(maxHeight ? { maxHeight } : {}),
+        padding: '5px 52px 5px 12px',
+        position: 'relative',
+        overflow: 'auto',
+        textOverflow: 'ellipsis',
+        '&:hover': {
+            border: `1px solid ${theme.colors.actionPrimaryBackgroundHover}`,
+        },
+        '&:focus-within': {
+            outlineColor: theme.colors.actionDefaultBorderFocus,
+            outlineWidth: 2,
+            outlineOffset: -2,
+            outlineStyle: 'solid',
+            boxShadow: 'none',
+            borderColor: 'transparent',
+        },
+        '&&': {
+            ...(validationState && { borderColor: validationColor }),
+            '&:hover': {
+                borderColor: validationState ? validationColor : theme.colors.actionPrimaryBackgroundHover,
+            },
+            '&:focus': {
+                outlineColor: validationState ? validationColor : theme.colors.actionDefaultBorderFocus,
+                outlineWidth: 2,
+                outlineOffset: -2,
+                outlineStyle: 'solid',
+                boxShadow: 'none',
+                borderColor: 'transparent',
+            },
+            ...(disabled && {
+                borderColor: theme.colors.actionDisabledBorder,
+                backgroundColor: theme.colors.actionDisabledBackground,
+                cursor: 'not-allowed',
+                outline: 'none',
+                '&:hover': {
+                    border: `1px solid ${theme.colors.actionDisabledBorder}`,
+                },
+                '&:focus-within': {
+                    outline: 'none',
+                    borderColor: theme.colors.actionDisabledBorder,
+                },
+            }),
+        },
+    });
+};
+const getContentWrapperStyles = () => {
+    return css({
+        display: 'flex',
+        flex: 'auto',
+        flexWrap: 'wrap',
+        maxWidth: '100%',
+        position: 'relative',
+    });
+};
+const getInputWrapperStyles = () => {
+    return css({
+        display: 'inline-flex',
+        position: 'relative',
+        maxWidth: '100%',
+        alignSelf: 'auto',
+        flex: 'none',
+    });
+};
+const getInputStyles = (theme) => {
+    return css({
+        lineHeight: 20,
+        height: 24,
+        margin: 0,
+        padding: 0,
+        appearance: 'none',
+        cursor: 'auto',
+        width: '100%',
+        backgroundColor: 'transparent',
+        color: theme.colors.textPrimary,
+        '&, &:hover, &:focus-visible': {
+            border: 'none',
+            outline: 'none',
+        },
+        '&::placeholder': {
+            color: theme.colors.textPlaceholder,
+        },
+    });
+};
+export const TypeaheadComboboxMultiSelectInput = forwardRef(({ comboboxState, multipleSelectionState, selectedItems, setSelectedItems, getSelectedItemLabel, allowClear = true, showTagAfterValueCount = 20, width, maxHeight, placeholder, validationState, showComboboxToggleButton, disableTooltip = false, ...restProps }, ref) => {
+    const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
+    if (!isInsideTypeaheadCombobox) {
+        throw new Error('`TypeaheadComboboxMultiSelectInput` must be used within `TypeaheadCombobox`');
+    }
+    const { getInputProps, getToggleButtonProps, toggleMenu, inputValue, setInputValue } = comboboxState;
+    const { getSelectedItemProps, getDropdownProps, reset, removeSelectedItem } = multipleSelectionState;
+    const { ref: downshiftRef, ...downshiftProps } = getInputProps(getDropdownProps({}, { suppressRefError: true }));
+    const { floatingUiRefs, setInputWidth: setContextInputWidth, inputWidth: contextInputWidth, } = useTypeaheadComboboxContext();
+    const containerRef = useRef(null);
+    const mergedContainerRef = useMergeRefs([containerRef, floatingUiRefs?.setReference]);
+    const itemsRef = useRef(null);
+    const measureRef = useRef(null);
+    const innerRef = useRef(null);
+    const mergedInputRef = useMergeRefs([ref, innerRef, downshiftRef]);
+    const { theme } = useDesignSystemTheme();
+    const [inputWidth, setInputWidth] = useState(0);
+    const shouldShowCountBadge = selectedItems.length > showTagAfterValueCount;
+    const [showTooltip, setShowTooltip] = useState(shouldShowCountBadge);
+    const selectedItemsToRender = selectedItems.slice(0, showTagAfterValueCount);
+    const handleClick = () => {
+        if (!restProps.disabled) {
+            innerRef.current?.focus();
+            toggleMenu();
+        }
+    };
+    const handleClear = () => {
+        setInputValue('');
+        reset();
+        setSelectedItems([]);
+    };
+    // We measure width and set to the input immediately
+    useLayoutEffect(() => {
+        if (measureRef?.current) {
+            const measuredWidth = measureRef.current.scrollWidth;
+            setInputWidth(measuredWidth);
+        }
+    }, [measureRef?.current?.scrollWidth, selectedItems?.length]);
+    // Gets the width of the input and sets it inside the context for rendering the dropdown when `matchTriggerWidth` is true on the menu
+    useEffect(() => {
+        // Use the DOM reference of the TypeaheadComboboxInput container div to get the width of the input
+        if (floatingUiRefs?.domReference) {
+            const width = floatingUiRefs.domReference.current?.getBoundingClientRect().width ?? 0;
+            // Only update context width when the input width updated
+            if (width !== contextInputWidth) {
+                setContextInputWidth?.(width);
+            }
+        }
+    }, [floatingUiRefs?.domReference, setContextInputWidth, contextInputWidth]);
+    // Determine whether to show tooltip
+    useEffect(() => {
+        let isPartiallyHidden = false;
+        if (itemsRef.current && containerRef.current) {
+            const { clientHeight: innerHeight } = itemsRef.current;
+            const { clientHeight: outerHeight } = containerRef.current;
+            isPartiallyHidden = innerHeight > outerHeight;
+        }
+        setShowTooltip(!disableTooltip && (shouldShowCountBadge || isPartiallyHidden));
+    }, [shouldShowCountBadge, itemsRef.current?.clientHeight, containerRef.current?.clientHeight, disableTooltip]);
+    const content = (_jsxs("div", { ...addDebugOutlineIfEnabled(), onClick: handleClick, ref: mergedContainerRef, css: getContainerStyles(theme, validationState, width, maxHeight, restProps.disabled), tabIndex: restProps.disabled ? -1 : 0, children: [_jsxs("div", { ref: itemsRef, css: getContentWrapperStyles(), children: [selectedItemsToRender?.map((selectedItemForRender, index) => (_jsx(TypeaheadComboboxSelectedItem, { label: getSelectedItemLabel(selectedItemForRender), item: selectedItemForRender, getSelectedItemProps: getSelectedItemProps, removeSelectedItem: removeSelectedItem, disabled: restProps.disabled }, `selected-item-${index}`))), shouldShowCountBadge && (_jsx(CountBadge, { countStartAt: showTagAfterValueCount, totalCount: selectedItems.length, role: "status", "aria-label": "Selected options count", disabled: restProps.disabled })), _jsxs("div", { css: getInputWrapperStyles(), children: [_jsx("input", { ...downshiftProps, ref: mergedInputRef, css: [getInputStyles(theme), { width: inputWidth }], placeholder: selectedItems?.length ? undefined : placeholder, "aria-controls": comboboxState.isOpen ? downshiftProps['aria-controls'] : undefined, ...restProps }), _jsxs("span", { ref: measureRef, "aria-hidden": true, css: { visibility: 'hidden', whiteSpace: 'pre', position: 'absolute' }, children: [innerRef.current?.value ? innerRef.current.value : placeholder, "\u00A0"] })] })] }), _jsx(TypeaheadComboboxControls, { getDownshiftToggleButtonProps: getToggleButtonProps, showComboboxToggleButton: showComboboxToggleButton, showClearSelectionButton: allowClear && (Boolean(inputValue) || (selectedItems && selectedItems.length > 0)) && !restProps.disabled, handleClear: handleClear, disabled: restProps.disabled })] }));
+    if (showTooltip && selectedItems.length > 0) {
+        return (_jsx(LegacyTooltip, { title: selectedItems.map((item) => getSelectedItemLabel(item)).join(', '), children: content }));
+    }
+    return content;
+});
+//# sourceMappingURL=TypeaheadComboboxMultiSelectInput.js.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadComboboxMultiSelectInput.js","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.tsx"],"names":[],"mappings":"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"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.d.ts

@@ -1,10 +1,8 @@
 import { type ExtendedRefs } from '@floating-ui/react';
-import type { UseComboboxReturnValue } from 'downshift';
 import React from 'react';
-import type { DesignSystemEventProviderAnalyticsEventTypes } from '../DesignSystemEventProvider';
-import type { AnalyticsEventOptionalProps } from '../types';
-export interface TypeaheadComboboxRootProps<T> extends React.HTMLAttributes<HTMLDivElement>, AnalyticsEventOptionalProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {
-    comboboxState: UseComboboxReturnValue<T>;
+import type { ComboboxStateAnalyticsReturnValue } from './hooks';
+export interface TypeaheadComboboxRootProps<T> extends React.HTMLAttributes<HTMLDivElement> {
+    comboboxState: ComboboxStateAnalyticsReturnValue<T>;
     multiSelect?: boolean;
     floatingUiRefs?: ExtendedRefs<Element>;
     floatingStyles?: React.CSSProperties;

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadComboboxRoot.d.ts","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACrG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,4CAA4C,EAAE,MAAM,8BAA8B,CAAC;AAEjG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,WAAW,0BAA0B,CAAC,CAAC,CAC3C,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,2BAA2B,CAAC,4CAA4C,CAAC,aAAa,CAAC;IACzF,aAAa,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,GAAG,CAAC,CA+B1E,CAAC;AAEH,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"TypeaheadComboboxRoot.d.ts","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACrG,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAKjE,MAAM,WAAW,0BAA0B,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzF,aAAa,EAAE,iCAAiC,CAAC,CAAC,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAkC1E,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useFloating, flip, shift, autoUpdate, offset } from '@floating-ui/react';
+import { forwardRef } from 'react';
+import { TypeaheadComboboxContextProvider } from './providers/TypeaheadComboboxContext';
+import { DesignSystemEventProviderComponentTypes } from '../DesignSystemEventProvider';
+import { useDesignSystemTheme } from '../Hooks';
+export const TypeaheadComboboxRoot = forwardRef(({ comboboxState, multiSelect = false, children, ...props }, ref) => {
+    const { classNamePrefix } = useDesignSystemTheme();
+    const { refs, floatingStyles } = useFloating({
+        whileElementsMounted: autoUpdate,
+        middleware: [offset(4), flip(), shift()],
+        placement: 'bottom-start',
+    });
+    return (_jsx(TypeaheadComboboxContextProvider, { value: {
+            componentId: comboboxState.componentId,
+            multiSelect,
+            isInsideTypeaheadCombobox: true,
+            floatingUiRefs: refs,
+            floatingStyles: floatingStyles,
+        }, children: _jsx("div", { ...comboboxState.getComboboxProps({}, { suppressRefError: true }), className: `${classNamePrefix}-typeahead-combobox`, css: { display: 'inline-block', width: '100%' }, ...props, ref: ref, "data-component-type": DesignSystemEventProviderComponentTypes.TypeaheadCombobox, "data-component-id": comboboxState.componentId, children: children }) }));
+});
+export default TypeaheadComboboxRoot;
+//# sourceMappingURL=TypeaheadComboboxRoot.js.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadComboboxRoot.js","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAqB,MAAM,oBAAoB,CAAC;AACrG,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,gCAAgC,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,uCAAuC,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAUhD,MAAM,CAAC,MAAM,qBAAqB,GAA8C,UAAU,CAGxF,CAAC,EAAE,aAAa,EAAE,WAAW,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,eAAe,EAAE,GAAG,oBAAoB,EAAE,CAAC;IACnD,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAC3C,oBAAoB,EAAE,UAAU;QAChC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC;QACxC,SAAS,EAAE,cAAc;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,gCAAgC,IAC/B,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,WAAW;YACtC,WAAW;YACX,yBAAyB,EAAE,IAAI;YAC/B,cAAc,EAAE,IAAI;YACpB,cAAc,EAAE,cAAc;SAC/B,YAED,iBACM,aAAa,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,EAClE,SAAS,EAAE,GAAG,eAAe,qBAAqB,EAClD,GAAG,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,KAC3C,KAAK,EACT,GAAG,EAAE,GAAG,yBACa,uCAAuC,CAAC,iBAAiB,uBAC3D,aAAa,CAAC,WAAW,YAE3C,QAAQ,GACL,GAC2B,CACpC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxSectionHeader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useTypeaheadComboboxContext } from './hooks';
+import { SectionHeader } from '../_shared_/Combobox';
+export const TypeaheadComboboxSectionHeader = ({ children, ...props }) => {
+    const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
+    if (!isInsideTypeaheadCombobox) {
+        throw new Error('`TypeaheadComboboxSectionHeader` must be used within `TypeaheadComboboxMenu`');
+    }
+    return _jsx(SectionHeader, { ...props, children: children });
+};
+//# sourceMappingURL=TypeaheadComboboxSectionHeader.js.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxSectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadComboboxSectionHeader.js","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxSectionHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwC,EAAE,EAAE;IAC7G,MAAM,EAAE,yBAAyB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAEpE,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC,CAAC;IAClG,CAAC;IAED,OAAO,KAAC,aAAa,OAAK,KAAK,YAAG,QAAQ,GAAiB,CAAC;AAC9D,CAAC,CAAC"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.d.ts

@@ -6,7 +6,8 @@ export interface TypeaheadComboboxSelectedItemProps<T> {
     item: any;
     getSelectedItemProps: (options: UseMultipleSelectionGetSelectedItemPropsOptions<T>) => any;
     removeSelectedItem: (item: T) => void;
+    disabled?: boolean;
 }
-export declare const getSelectedItemStyles: (theme: Theme) => SerializedStyles;
+export declare const getSelectedItemStyles: (theme: Theme, disabled?: boolean) => SerializedStyles;
 export declare const TypeaheadComboboxSelectedItem: React.FC<any>;
 //# sourceMappingURL=TypeaheadComboboxSelectedItem.d.ts.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadComboboxSelectedItem.d.ts","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,+CAA+C,EAAE,MAAM,WAAW,CAAC;AAGjF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,MAAM,WAAW,kCAAkC,CAAC,CAAC;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC;IACV,oBAAoB,EAAE,CAAC,OAAO,EAAE,+CAA+C,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;IAC3F,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,qBAAqB,UAAW,KAAK,KAAG,gBAkBpD,CAAC;AAuBF,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAuBtD,CAAC"}
+{"version":3,"file":"TypeaheadComboboxSelectedItem.d.ts","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,+CAA+C,EAAE,MAAM,WAAW,CAAC;AAGjF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,MAAM,WAAW,kCAAkC,CAAC,CAAC;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC;IACV,oBAAoB,EAAE,CAAC,OAAO,EAAE,+CAA+C,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;IAC3F,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,UAAW,KAAK,aAAa,OAAO,KAAG,gBAsBxE,CAAC;AA4BF,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CA8BtD,CAAC"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { forwardRef } from 'react';
+import { useDesignSystemTheme } from '../Hooks';
+import { CloseIcon } from '../Icon';
+export const getSelectedItemStyles = (theme, disabled) => {
+    return css({
+        backgroundColor: theme.colors.tagDefault,
+        borderRadius: theme.general.borderRadiusBase,
+        color: theme.colors.textPrimary,
+        lineHeight: theme.typography.lineHeightBase,
+        fontSize: theme.typography.fontSizeBase,
+        marginTop: 2,
+        marginBottom: 2,
+        marginInlineEnd: theme.spacing.xs,
+        paddingRight: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        paddingInlineStart: theme.spacing.xs,
+        position: 'relative',
+        flex: 'none',
+        maxWidth: '100%',
+        ...(disabled && {
+            pointerEvents: 'none',
+        }),
+    });
+};
+const getIconContainerStyles = (theme, disabled) => {
+    return css({
+        width: 16,
+        height: 16,
+        ':hover': {
+            color: theme.colors.actionTertiaryTextHover,
+            backgroundColor: theme.colors.tagHover,
+        },
+        ...(disabled && {
+            pointerEvents: 'none',
+            color: theme.colors.actionDisabledText,
+        }),
+    });
+};
+const getXIconStyles = (theme) => {
+    return css({
+        fontSize: theme.typography.fontSizeSm,
+        verticalAlign: '-1px',
+        paddingLeft: theme.spacing.xs / 2,
+        paddingRight: theme.spacing.xs / 2,
+    });
+};
+export const TypeaheadComboboxSelectedItem = forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref) => {
+    const { theme } = useDesignSystemTheme();
+    return (_jsxs("span", { ...getSelectedItemProps({ selectedItem: item }), css: getSelectedItemStyles(theme, disabled), ref: ref, ...restProps, children: [_jsx("span", { css: { marginRight: 2, ...(disabled && { color: theme.colors.actionDisabledText }) }, children: label }), _jsx("span", { css: getIconContainerStyles(theme, disabled), children: _jsx(CloseIcon, { "aria-hidden": "false", onClick: (e) => {
+                        if (!disabled) {
+                            e.stopPropagation();
+                            removeSelectedItem(item);
+                        }
+                    }, css: getXIconStyles(theme), role: "button", "aria-label": "Remove selected item" }) })] }));
+});
+//# sourceMappingURL=TypeaheadComboboxSelectedItem.js.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadComboboxSelectedItem.js","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.tsx"],"names":[],"mappings":"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"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxSeparator.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useTypeaheadComboboxContext } from './hooks';
+import { Separator } from '../_shared_/Combobox';
+export const TypeaheadComboboxSeparator = (props) => {
+    const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
+    if (!isInsideTypeaheadCombobox) {
+        throw new Error('`TypeaheadComboboxSeparator` must be used within `TypeaheadComboboxMenu`');
+    }
+    return _jsx(Separator, { ...props });
+};
+//# sourceMappingURL=TypeaheadComboboxSeparator.js.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadComboboxSeparator.js","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxSeparator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAA2C,EAAE,EAAE;IACxF,MAAM,EAAE,yBAAyB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAEpE,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAC;IAC9F,CAAC;IAED,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC,CAAC"}

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxToggleButton.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import React from 'react';
+import { useDesignSystemTheme } from '../Hooks';
+import { ChevronDownIcon } from '../Icon';
+const getToggleButtonStyles = (theme, disabled) => {
+    return css({
+        cursor: 'pointer',
+        userSelect: 'none',
+        color: theme.colors.textSecondary,
+        backgroundColor: 'transparent',
+        border: 'none',
+        padding: 0,
+        marginLeft: theme.spacing.xs,
+        height: 16,
+        width: 16,
+        ...(disabled && {
+            pointerEvents: 'none',
+            color: theme.colors.actionDisabledText,
+        }),
+    });
+};
+export const TypeaheadComboboxToggleButton = React.forwardRef(({ disabled, ...restProps }, ref) => {
+    const { theme } = useDesignSystemTheme();
+    const { onClick } = restProps;
+    function handleClick(e) {
+        e.stopPropagation();
+        onClick(e);
+    }
+    return (_jsx("button", { type: "button", "aria-label": "toggle menu", ref: ref, css: getToggleButtonStyles(theme, disabled), ...restProps, onClick: handleClick, children: _jsx(ChevronDownIcon, {}) }));
+});
+//# sourceMappingURL=TypeaheadComboboxToggleButton.js.map

package/dist/design-system/TypeaheadCombobox/TypeaheadComboboxToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadComboboxToggleButton.js","sourceRoot":"","sources":["../../../src/design-system/TypeaheadCombobox/TypeaheadComboboxToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAE,QAAkB,EAAoB,EAAE;IACnF,OAAO,GAAG,CAAC;QACT,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;QACjC,eAAe,EAAE,aAAa;QAC9B,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;QAC5B,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QAET,GAAG,CAAC,QAAQ,IAAI;YACd,aAAa,EAAE,MAAM;YACrB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB;SACvC,CAAC;KACH,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,KAAK,CAAC,UAAU,CAC3D,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,CAAC;IACzC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IAE9B,SAAS,WAAW,CAAC,CAAuB;QAC1C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,gBACF,aAAa,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,qBAAqB,CAAC,KAAK,EAAE,QAAQ,CAAC,KACvC,SAAS,EACb,OAAO,EAAE,WAAW,YAEpB,KAAC,eAAe,KAAG,GACZ,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.d.ts

@@ -1,4 +1,6 @@
 import { type UseComboboxReturnValue, type UseComboboxStateChange, type UseMultipleSelectionReturnValue } from 'downshift';
+import { DesignSystemEventProviderAnalyticsEventTypes } from '../../DesignSystemEventProvider';
+import type { AnalyticsEventValueChangeNoPiiFlagProps } from '../../types';
 interface SingleSelectProps<T> extends CommonComboboxStateProps<T> {
     multiSelect?: false;
     setInputValue?: React.Dispatch<React.SetStateAction<string>>;
@@ -10,7 +12,12 @@ interface MultiSelectProps<T> extends CommonComboboxStateProps<T> {
     selectedItems: T[];
     setSelectedItems: React.Dispatch<React.SetStateAction<T[]>>;
 }
-interface CommonComboboxStateProps<T> {
+interface CommonComboboxStateProps<T> extends AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {
+    /**
+     * The complete list of items, used for filtering. If you are going to render groups,
+     * this list MUST be sorted so that groups are together and in the same order they are
+     * rendered in the menu.
+     */
     allItems: T[];
     items: T[];
     matcher?: (item: T, searchQuery: string) => boolean;
@@ -23,9 +30,55 @@ interface CommonComboboxStateProps<T> {
     onStateChange?: (changes: UseComboboxStateChange<T>) => void;
     initialSelectedItem?: T;
     initialInputValue?: string;
+    shouldSetItemsOnAllItemsChanges?: boolean;
+    /**
+     * When using RHF adapters, single select TypeaheadCombobox clears the value on blur, this prop prevents that behavior.
+     */
+    preventUnsetOnBlur?: boolean;
 }
+export declare const TypeaheadComboboxStateChangeTypes: {
+    InputKeyDownArrowDown: import("downshift").UseComboboxStateChangeTypes.InputKeyDownArrowDown;
+    InputKeyDownArrowUp: import("downshift").UseComboboxStateChangeTypes.InputKeyDownArrowUp;
+    InputKeyDownEscape: import("downshift").UseComboboxStateChangeTypes.InputKeyDownEscape;
+    InputKeyDownHome: import("downshift").UseComboboxStateChangeTypes.InputKeyDownHome;
+    InputKeyDownEnd: import("downshift").UseComboboxStateChangeTypes.InputKeyDownEnd;
+    InputKeyDownEnter: import("downshift").UseComboboxStateChangeTypes.InputKeyDownEnter;
+    InputChange: import("downshift").UseComboboxStateChangeTypes.InputChange;
+    InputBlur: import("downshift").UseComboboxStateChangeTypes.InputBlur;
+    MenuMouseLeave: import("downshift").UseComboboxStateChangeTypes.MenuMouseLeave;
+    ItemMouseMove: import("downshift").UseComboboxStateChangeTypes.ItemMouseMove;
+    ItemClick: import("downshift").UseComboboxStateChangeTypes.ItemClick;
+    ToggleButtonClick: import("downshift").UseComboboxStateChangeTypes.ToggleButtonClick;
+    FunctionToggleMenu: import("downshift").UseComboboxStateChangeTypes.FunctionToggleMenu;
+    FunctionOpenMenu: import("downshift").UseComboboxStateChangeTypes.FunctionOpenMenu;
+    FunctionCloseMenu: import("downshift").UseComboboxStateChangeTypes.FunctionCloseMenu;
+    FunctionSetHighlightedIndex: import("downshift").UseComboboxStateChangeTypes.FunctionSetHighlightedIndex;
+    FunctionSelectItem: import("downshift").UseComboboxStateChangeTypes.FunctionSelectItem;
+    FunctionSetInputValue: import("downshift").UseComboboxStateChangeTypes.FunctionSetInputValue;
+    FunctionReset: import("downshift").UseComboboxStateChangeTypes.FunctionReset;
+    ControlledPropUpdatedSelectedItem: import("downshift").UseComboboxStateChangeTypes.ControlledPropUpdatedSelectedItem;
+};
+export declare const TypeaheadComboboxMultiSelectStateChangeTypes: {
+    SelectedItemClick: import("downshift").UseMultipleSelectionStateChangeTypes.SelectedItemClick;
+    SelectedItemKeyDownDelete: import("downshift").UseMultipleSelectionStateChangeTypes.SelectedItemKeyDownDelete;
+    SelectedItemKeyDownBackspace: import("downshift").UseMultipleSelectionStateChangeTypes.SelectedItemKeyDownBackspace;
+    SelectedItemKeyDownNavigationNext: import("downshift").UseMultipleSelectionStateChangeTypes.SelectedItemKeyDownNavigationNext;
+    SelectedItemKeyDownNavigationPrevious: import("downshift").UseMultipleSelectionStateChangeTypes.SelectedItemKeyDownNavigationPrevious;
+    DropdownKeyDownNavigationPrevious: import("downshift").UseMultipleSelectionStateChangeTypes.DropdownKeyDownNavigationPrevious;
+    DropdownKeyDownBackspace: import("downshift").UseMultipleSelectionStateChangeTypes.DropdownKeyDownBackspace;
+    DropdownClick: import("downshift").UseMultipleSelectionStateChangeTypes.DropdownClick;
+    FunctionAddSelectedItem: import("downshift").UseMultipleSelectionStateChangeTypes.FunctionAddSelectedItem;
+    FunctionRemoveSelectedItem: import("downshift").UseMultipleSelectionStateChangeTypes.FunctionRemoveSelectedItem;
+    FunctionSetSelectedItems: import("downshift").UseMultipleSelectionStateChangeTypes.FunctionSetSelectedItems;
+    FunctionSetActiveIndex: import("downshift").UseMultipleSelectionStateChangeTypes.FunctionSetActiveIndex;
+    FunctionReset: import("downshift").UseMultipleSelectionStateChangeTypes.FunctionReset;
+};
 export type UseComboboxStateProps<T> = SingleSelectProps<T> | MultiSelectProps<T>;
-export declare function useComboboxState<T>({ allItems, items, itemToString, onIsOpenChange, allowNewValue, formValue, formOnChange, formOnBlur, ...props }: UseComboboxStateProps<T>): UseComboboxReturnValue<T>;
-export declare function useMultipleSelectionState<T>(selectedItems: T[], setSelectedItems: React.Dispatch<React.SetStateAction<T[]>>): UseMultipleSelectionReturnValue<T>;
+export type ComboboxStateAnalyticsReturnValue<T> = UseComboboxReturnValue<T> & AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange>;
+export declare function useComboboxState<T>({ allItems, items, itemToString, onIsOpenChange, allowNewValue, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, shouldSetItemsOnAllItemsChanges, preventUnsetOnBlur, ...props }: UseComboboxStateProps<T>): ComboboxStateAnalyticsReturnValue<T>;
+interface AnalyticsConfig extends AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {
+    itemToString?: (item: any) => string;
+}
+export declare function useMultipleSelectionState<T>(selectedItems: T[], setSelectedItems: React.Dispatch<React.SetStateAction<T[]>>, { componentId, analyticsEvents, valueHasNoPii, itemToString, }: AnalyticsConfig): UseMultipleSelectionReturnValue<T>;
 export {};
 //# sourceMappingURL=downshiftHookWrappers.d.ts.map

package/dist/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"downshiftHookWrappers.d.ts","sourceRoot":"","sources":["../../../../src/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,+BAA+B,EACrC,MAAM,WAAW,CAAC;AAEnB,UAAU,iBAAiB,CAAC,CAAC,CAAE,SAAQ,wBAAwB,CAAC,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,KAAK,CAAC;IAEpB,aAAa,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAE7D,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACrD;AAED,UAAU,gBAAgB,CAAC,CAAC,CAAE,SAAQ,wBAAwB,CAAC,CAAC,CAAC;IAC/D,WAAW,EAAE,IAAI,CAAC;IAElB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5D,aAAa,EAAE,CAAC,EAAE,CAAC;IAEnB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC7D;AACD,UAAU,wBAAwB,CAAC,CAAC;IAElC,QAAQ,EAAE,CAAC,EAAE,CAAC;IAEd,KAAK,EAAE,CAAC,EAAE,CAAC;IAEX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;IAEpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEnC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAI9D,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,SAAS,CAAC,EAAE,CAAC,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAE7D,mBAAmB,CAAC,EAAE,CAAC,CAAC;IAExB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAElF,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAClC,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAqB,EACrB,SAAS,EACT,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CA0FtD;AAED,wBAAgB,yBAAyB,CAAC,CAAC,EACzC,aAAa,EAAE,CAAC,EAAE,EAClB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAC1D,+BAA+B,CAAC,CAAC,CAAC,CAgBpC"}
+{"version":3,"file":"downshiftHookWrappers.d.ts","sourceRoot":"","sources":["../../../../src/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.ts"],"names":[],"mappings":"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"}