@fluentui/react-combobox 9.2.4 → 9.2.5

package/lib-commonjs/components/Combobox/useCombobox.js

@@ -1,252 +1,226 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useCombobox_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const dropdownKeyActions_1 = /*#__PURE__*/require("../../utils/dropdownKeyActions");
-const useComboboxBaseState_1 = /*#__PURE__*/require("../../utils/useComboboxBaseState");
-const useComboboxPopup_1 = /*#__PURE__*/require("../../utils/useComboboxPopup");
-const useTriggerListboxSlots_1 = /*#__PURE__*/require("../../utils/useTriggerListboxSlots");
-const Listbox_1 = /*#__PURE__*/require("../Listbox/Listbox");
-/**
- * Create the state required to render Combobox.
- *
- * The returned state can be modified with hooks such as useComboboxStyles_unstable,
- * before being passed to renderCombobox_unstable.
- *
- * @param props - props from this instance of Combobox
- * @param ref - reference to root HTMLElement of Combobox
- */
-const useCombobox_unstable = (props, ref) => {
-  var _a, _b;
-  const baseState = useComboboxBaseState_1.useComboboxBaseState({
-    ...props,
-    editable: true
-  });
-  const {
-    activeOption,
-    clearSelection,
-    getIndexOfId,
-    getOptionsMatchingText,
-    hasFocus,
-    open,
-    selectOption,
-    selectedOptions,
-    setActiveOption,
-    setFocusVisible,
-    setOpen,
-    setValue,
-    value
-  } = baseState;
-  const {
-    disabled,
-    freeform,
-    inlinePopup,
-    multiselect
-  } = props;
-  const comboId = react_utilities_1.useId('combobox-');
-  const {
-    primary: triggerNativeProps,
-    root: rootNativeProps
-  } = react_utilities_1.getPartitionedNativeProps({
-    props,
-    primarySlotTagName: 'input',
-    excludedPropNames: ['children', 'size']
-  });
-  const rootRef = React.useRef(null);
-  const triggerRef = React.useRef(null);
-  // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set
-  // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows
-  // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888
-  const [hideActiveDescendant, setHideActiveDescendant] = React.useState(false);
-  // calculate listbox width style based on trigger width
-  const [popupDimensions, setPopupDimensions] = React.useState();
-  React.useEffect(() => {
-    var _a;
-    // only recalculate width when opening
-    if (open) {
-      const width = `${(_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth}px`;
-      if (width !== (popupDimensions === null || popupDimensions === void 0 ? void 0 : popupDimensions.width)) {
-        setPopupDimensions({
-          width
-        });
-      }
-    }
-  }, [open, popupDimensions]);
-  // set active option and selection based on typing
-  const getOptionFromInput = inputValue => {
-    var _a;
-    const searchString = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim().toLowerCase();
-    if (!searchString || searchString.length === 0) {
-      return;
-    }
-    const matcher = optionText => optionText.toLowerCase().indexOf(searchString) === 0;
-    const matches = getOptionsMatchingText(matcher);
-    // return first matching option after the current active option, looping back to the top
-    if (matches.length > 1 && activeOption) {
-      const startIndex = getIndexOfId(activeOption.id);
-      const nextMatch = matches.find(option => getIndexOfId(option.id) >= startIndex);
-      return nextMatch !== null && nextMatch !== void 0 ? nextMatch : matches[0];
-    }
-    return (_a = matches[0]) !== null && _a !== void 0 ? _a : undefined;
-  };
-  /* Handle typed input */
-  // reset any typed value when an option is selected
-  baseState.selectOption = (ev, option) => {
-    setValue(undefined);
-    selectOption(ev, option);
-  };
-  const onTriggerBlur = ev => {
-    // handle selection and updating value if freeform is false
-    if (!baseState.open && !freeform) {
-      // select matching option, if the value fully matches
-      if (value && activeOption && value.trim().toLowerCase() === (activeOption === null || activeOption === void 0 ? void 0 : activeOption.text.toLowerCase())) {
-        baseState.selectOption(ev, activeOption);
-      }
-      // reset typed value when the input loses focus while collapsed, unless freeform is true
-      setValue(undefined);
-    }
-  };
-  baseState.setOpen = (ev, newState) => {
-    if (disabled) {
-      return;
-    }
-    if (!newState && !freeform) {
-      setValue(undefined);
-    }
-    setOpen(ev, newState);
-  };
-  // update value and active option based on input
-  const onTriggerChange = ev => {
-    const inputValue = ev.target.value;
-    // update uncontrolled value
-    baseState.setValue(inputValue);
-    // handle updating active option based on input
-    const matchingOption = getOptionFromInput(inputValue);
-    setActiveOption(matchingOption);
-    setFocusVisible(true);
-    // clear selection for single-select if the input value no longer matches the selection
-    if (!multiselect && selectedOptions.length === 1 && (inputValue.length < 1 || !matchingOption)) {
-      clearSelection(ev);
-    }
-  };
-  // open Combobox when typing
-  const onTriggerKeyDown = ev => {
-    if (!open && dropdownKeyActions_1.getDropdownActionFromKey(ev) === 'Type') {
-      baseState.setOpen(ev, true);
-    }
-    // clear activedescendant when moving the text insertion cursor
-    if (ev.key === keyboard_keys_1.ArrowLeft || ev.key === keyboard_keys_1.ArrowRight) {
-      setHideActiveDescendant(true);
-    } else {
-      setHideActiveDescendant(false);
-    }
-  };
-  // resolve input and listbox slot props
-  let triggerSlot;
-  let listboxSlot;
-  triggerSlot = react_utilities_1.resolveShorthand(props.input, {
-    required: true,
-    defaultProps: {
-      ref: react_utilities_1.useMergedRefs((_a = props.input) === null || _a === void 0 ? void 0 : _a.ref, triggerRef),
-      type: 'text',
-      value: value !== null && value !== void 0 ? value : '',
-      ...triggerNativeProps
-    }
-  });
-  triggerSlot.onChange = react_utilities_1.mergeCallbacks(triggerSlot.onChange, onTriggerChange);
-  triggerSlot.onBlur = react_utilities_1.mergeCallbacks(triggerSlot.onBlur, onTriggerBlur);
-  triggerSlot.onKeyDown = react_utilities_1.mergeCallbacks(triggerSlot.onKeyDown, onTriggerKeyDown);
-  // only resolve listbox slot if needed
-  listboxSlot = open || hasFocus ? react_utilities_1.resolveShorthand(props.listbox, {
-    required: true,
-    defaultProps: {
-      children: props.children,
-      style: popupDimensions
-    }
-  }) : undefined;
-  [triggerSlot, listboxSlot] = useComboboxPopup_1.useComboboxPopup(props, triggerSlot, listboxSlot);
-  [triggerSlot, listboxSlot] = useTriggerListboxSlots_1.useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);
-  if (hideActiveDescendant) {
-    triggerSlot['aria-activedescendant'] = undefined;
-  }
-  const state = {
-    components: {
-      root: 'div',
-      input: 'input',
-      expandIcon: 'span',
-      listbox: Listbox_1.Listbox
-    },
-    root: react_utilities_1.resolveShorthand(props.root, {
-      required: true,
-      defaultProps: {
-        'aria-owns': !inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,
-        ...rootNativeProps
-      }
-    }),
-    input: triggerSlot,
-    listbox: listboxSlot,
-    expandIcon: react_utilities_1.resolveShorthand(props.expandIcon, {
-      required: true,
-      defaultProps: {
-        'aria-expanded': open,
-        children: React.createElement(react_icons_1.ChevronDownRegular, null),
-        role: 'button'
-      }
-    }),
-    ...baseState
-  };
-  state.root.ref = react_utilities_1.useMergedRefs(state.root.ref, rootRef);
-  /* handle open/close + focus change when clicking expandIcon */
-  const {
-    onMouseDown: onIconMouseDown,
-    onClick: onIconClick
-  } = state.expandIcon || {};
-  const onExpandIconMouseDown = react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(onIconMouseDown, () => {
-    // do not dismiss on blur when closing via clicking the icon
-    if (open) {
-      baseState.ignoreNextBlur.current = true;
+Object.defineProperty(exports, "useCombobox_unstable", {
+    enumerable: true,
+    get: ()=>useCombobox_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const _reactIcons = require("@fluentui/react-icons");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _dropdownKeyActions = require("../../utils/dropdownKeyActions");
+const _useComboboxBaseState = require("../../utils/useComboboxBaseState");
+const _useComboboxPopup = require("../../utils/useComboboxPopup");
+const _useTriggerListboxSlots = require("../../utils/useTriggerListboxSlots");
+const _listbox = require("../Listbox/Listbox");
+const useCombobox_unstable = (props, ref)=>{
+    var _props_input;
+    const baseState = (0, _useComboboxBaseState.useComboboxBaseState)({
+        ...props,
+        editable: true
+    });
+    const { activeOption , clearSelection , getIndexOfId , getOptionsMatchingText , hasFocus , open , selectOption , selectedOptions , setActiveOption , setFocusVisible , setOpen , setValue , value  } = baseState;
+    const { disabled , freeform , inlinePopup , multiselect  } = props;
+    const comboId = (0, _reactUtilities.useId)('combobox-');
+    const { primary: triggerNativeProps , root: rootNativeProps  } = (0, _reactUtilities.getPartitionedNativeProps)({
+        props,
+        primarySlotTagName: 'input',
+        excludedPropNames: [
+            'children',
+            'size'
+        ]
+    });
+    const rootRef = _react.useRef(null);
+    const triggerRef = _react.useRef(null);
+    // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set
+    // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows
+    // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888
+    const [hideActiveDescendant, setHideActiveDescendant] = _react.useState(false);
+    // calculate listbox width style based on trigger width
+    const [popupDimensions, setPopupDimensions] = _react.useState();
+    _react.useEffect(()=>{
+        // only recalculate width when opening
+        if (open) {
+            var _rootRef_current;
+            const width = `${(_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.clientWidth}px`;
+            if (width !== (popupDimensions === null || popupDimensions === void 0 ? void 0 : popupDimensions.width)) {
+                setPopupDimensions({
+                    width
+                });
+            }
+        }
+    }, [
+        open,
+        popupDimensions
+    ]);
+    // set active option and selection based on typing
+    const getOptionFromInput = (inputValue)=>{
+        const searchString = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim().toLowerCase();
+        if (!searchString || searchString.length === 0) {
+            return;
+        }
+        const matcher = (optionText)=>optionText.toLowerCase().indexOf(searchString) === 0;
+        const matches = getOptionsMatchingText(matcher);
+        // return first matching option after the current active option, looping back to the top
+        if (matches.length > 1 && activeOption) {
+            const startIndex = getIndexOfId(activeOption.id);
+            const nextMatch = matches.find((option)=>getIndexOfId(option.id) >= startIndex);
+            return nextMatch !== null && nextMatch !== void 0 ? nextMatch : matches[0];
+        }
+        var _matches_;
+        return (_matches_ = matches[0]) !== null && _matches_ !== void 0 ? _matches_ : undefined;
+    };
+    /* Handle typed input */ // reset any typed value when an option is selected
+    baseState.selectOption = (ev, option)=>{
+        setValue(undefined);
+        selectOption(ev, option);
+    };
+    const onTriggerBlur = (ev)=>{
+        // handle selection and updating value if freeform is false
+        if (!baseState.open && !freeform) {
+            // select matching option, if the value fully matches
+            if (value && activeOption && value.trim().toLowerCase() === (activeOption === null || activeOption === void 0 ? void 0 : activeOption.text.toLowerCase())) {
+                baseState.selectOption(ev, activeOption);
+            }
+            // reset typed value when the input loses focus while collapsed, unless freeform is true
+            setValue(undefined);
+        }
+    };
+    baseState.setOpen = (ev, newState)=>{
+        if (disabled) {
+            return;
+        }
+        if (!newState && !freeform) {
+            setValue(undefined);
+        }
+        setOpen(ev, newState);
+    };
+    // update value and active option based on input
+    const onTriggerChange = (ev)=>{
+        const inputValue = ev.target.value;
+        // update uncontrolled value
+        baseState.setValue(inputValue);
+        // handle updating active option based on input
+        const matchingOption = getOptionFromInput(inputValue);
+        setActiveOption(matchingOption);
+        setFocusVisible(true);
+        // clear selection for single-select if the input value no longer matches the selection
+        if (!multiselect && selectedOptions.length === 1 && (inputValue.length < 1 || !matchingOption)) {
+            clearSelection(ev);
+        }
+    };
+    // open Combobox when typing
+    const onTriggerKeyDown = (ev)=>{
+        if (!open && (0, _dropdownKeyActions.getDropdownActionFromKey)(ev) === 'Type') {
+            baseState.setOpen(ev, true);
+        }
+        // clear activedescendant when moving the text insertion cursor
+        if (ev.key === _keyboardKeys.ArrowLeft || ev.key === _keyboardKeys.ArrowRight) {
+            setHideActiveDescendant(true);
+        } else {
+            setHideActiveDescendant(false);
+        }
+    };
+    // resolve input and listbox slot props
+    let triggerSlot;
+    let listboxSlot;
+    triggerSlot = (0, _reactUtilities.resolveShorthand)(props.input, {
+        required: true,
+        defaultProps: {
+            ref: (0, _reactUtilities.useMergedRefs)((_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.ref, triggerRef),
+            type: 'text',
+            value: value !== null && value !== void 0 ? value : '',
+            ...triggerNativeProps
+        }
+    });
+    triggerSlot.onChange = (0, _reactUtilities.mergeCallbacks)(triggerSlot.onChange, onTriggerChange);
+    triggerSlot.onBlur = (0, _reactUtilities.mergeCallbacks)(triggerSlot.onBlur, onTriggerBlur);
+    triggerSlot.onKeyDown = (0, _reactUtilities.mergeCallbacks)(triggerSlot.onKeyDown, onTriggerKeyDown);
+    // only resolve listbox slot if needed
+    listboxSlot = open || hasFocus ? (0, _reactUtilities.resolveShorthand)(props.listbox, {
+        required: true,
+        defaultProps: {
+            children: props.children,
+            style: popupDimensions
+        }
+    }) : undefined;
+    [triggerSlot, listboxSlot] = (0, _useComboboxPopup.useComboboxPopup)(props, triggerSlot, listboxSlot);
+    [triggerSlot, listboxSlot] = (0, _useTriggerListboxSlots.useTriggerListboxSlots)(props, baseState, ref, triggerSlot, listboxSlot);
+    if (hideActiveDescendant) {
+        triggerSlot['aria-activedescendant'] = undefined;
     }
-  }));
-  const onExpandIconClick = react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(onIconClick, event => {
-    var _a;
-    // open and set focus
-    state.setOpen(event, !state.open);
-    (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    // set focus visible=false, since this can only be done with the mouse/pointer
-    setFocusVisible(false);
-  }));
-  if (state.expandIcon) {
-    state.expandIcon.onMouseDown = onExpandIconMouseDown;
-    state.expandIcon.onClick = onExpandIconClick;
-    // If there is no explicit aria-label, calculate default accName attribute for expandIcon button,
-    // using the following steps:
-    // 1. If there is an aria-label, it is "Open [aria-label]"
-    // 2. If there is an aria-labelledby, it is "Open [aria-labelledby target]" (using aria-labelledby + ids)
-    // 3. If there is no aria-label/ledby attr, it falls back to "Open"
-    // We can't fall back to a label/htmlFor name because of https://github.com/w3c/accname/issues/179
-    const hasExpandLabel = state.expandIcon['aria-label'] || state.expandIcon['aria-labelledby'];
-    const defaultOpenString = 'Open'; // this is english-only since it is the fallback
-    if (!hasExpandLabel) {
-      if (props['aria-labelledby']) {
-        const chevronId = (_b = state.expandIcon.id) !== null && _b !== void 0 ? _b : `${comboId}-chevron`;
-        const chevronLabelledBy = `${chevronId} ${state.input['aria-labelledby']}`;
-        state.expandIcon['aria-label'] = defaultOpenString;
-        state.expandIcon.id = chevronId;
-        state.expandIcon['aria-labelledby'] = chevronLabelledBy;
-      } else if (props['aria-label']) {
-        state.expandIcon['aria-label'] = `${defaultOpenString} ${props['aria-label']}`;
-      } else {
-        state.expandIcon['aria-label'] = defaultOpenString;
-      }
+    const state = {
+        components: {
+            root: 'div',
+            input: 'input',
+            expandIcon: 'span',
+            listbox: _listbox.Listbox
+        },
+        root: (0, _reactUtilities.resolveShorthand)(props.root, {
+            required: true,
+            defaultProps: {
+                'aria-owns': !inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,
+                ...rootNativeProps
+            }
+        }),
+        input: triggerSlot,
+        listbox: listboxSlot,
+        expandIcon: (0, _reactUtilities.resolveShorthand)(props.expandIcon, {
+            required: true,
+            defaultProps: {
+                'aria-expanded': open,
+                children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null),
+                role: 'button'
+            }
+        }),
+        ...baseState
+    };
+    state.root.ref = (0, _reactUtilities.useMergedRefs)(state.root.ref, rootRef);
+    /* handle open/close + focus change when clicking expandIcon */ const { onMouseDown: onIconMouseDown , onClick: onIconClick  } = state.expandIcon || {};
+    const onExpandIconMouseDown = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(onIconMouseDown, ()=>{
+        // do not dismiss on blur when closing via clicking the icon
+        if (open) {
+            baseState.ignoreNextBlur.current = true;
+        }
+    }));
+    const onExpandIconClick = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(onIconClick, (event)=>{
+        var _triggerRef_current;
+        // open and set focus
+        state.setOpen(event, !state.open);
+        (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
+        // set focus visible=false, since this can only be done with the mouse/pointer
+        setFocusVisible(false);
+    }));
+    if (state.expandIcon) {
+        state.expandIcon.onMouseDown = onExpandIconMouseDown;
+        state.expandIcon.onClick = onExpandIconClick;
+        // If there is no explicit aria-label, calculate default accName attribute for expandIcon button,
+        // using the following steps:
+        // 1. If there is an aria-label, it is "Open [aria-label]"
+        // 2. If there is an aria-labelledby, it is "Open [aria-labelledby target]" (using aria-labelledby + ids)
+        // 3. If there is no aria-label/ledby attr, it falls back to "Open"
+        // We can't fall back to a label/htmlFor name because of https://github.com/w3c/accname/issues/179
+        const hasExpandLabel = state.expandIcon['aria-label'] || state.expandIcon['aria-labelledby'];
+        const defaultOpenString = 'Open'; // this is english-only since it is the fallback
+        if (!hasExpandLabel) {
+            if (props['aria-labelledby']) {
+                var _state_expandIcon_id;
+                const chevronId = (_state_expandIcon_id = state.expandIcon.id) !== null && _state_expandIcon_id !== void 0 ? _state_expandIcon_id : `${comboId}-chevron`;
+                const chevronLabelledBy = `${chevronId} ${state.input['aria-labelledby']}`;
+                state.expandIcon['aria-label'] = defaultOpenString;
+                state.expandIcon.id = chevronId;
+                state.expandIcon['aria-labelledby'] = chevronLabelledBy;
+            } else if (props['aria-label']) {
+                state.expandIcon['aria-label'] = `${defaultOpenString} ${props['aria-label']}`;
+            } else {
+                state.expandIcon['aria-label'] = defaultOpenString;
+            }
+        }
     }
-  }
-  return state;
-};
-exports.useCombobox_unstable = useCombobox_unstable;
+    return state;
+}; //# sourceMappingURL=useCombobox.js.map
+
 //# sourceMappingURL=useCombobox.js.map

package/lib-commonjs/components/Combobox/useCombobox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","keyboard_keys_1","react_icons_1","react_utilities_1","dropdownKeyActions_1","useComboboxBaseState_1","useComboboxPopup_1","useTriggerListboxSlots_1","Listbox_1","useCombobox_unstable","props","ref","baseState","useComboboxBaseState","editable","activeOption","clearSelection","getIndexOfId","getOptionsMatchingText","hasFocus","open","selectOption","selectedOptions","setActiveOption","setFocusVisible","setOpen","setValue","value","disabled","freeform","inlinePopup","multiselect","comboId","useId","primary","triggerNativeProps","root","rootNativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","rootRef","useRef","triggerRef","hideActiveDescendant","setHideActiveDescendant","useState","popupDimensions","setPopupDimensions","useEffect","width","_a","current","clientWidth","getOptionFromInput","inputValue","searchString","trim","toLowerCase","length","matcher","optionText","indexOf","matches","startIndex","id","nextMatch","find","option","undefined","ev","onTriggerBlur","text","newState","onTriggerChange","target","matchingOption","onTriggerKeyDown","getDropdownActionFromKey","key","ArrowLeft","ArrowRight","triggerSlot","listboxSlot","resolveShorthand","input","required","defaultProps","useMergedRefs","type","onChange","mergeCallbacks","onBlur","onKeyDown","listbox","children","style","useComboboxPopup","useTriggerListboxSlots","state","components","expandIcon","Listbox","createElement","ChevronDownRegular","role","onMouseDown","onIconMouseDown","onClick","onIconClick","onExpandIconMouseDown","useEventCallback","ignoreNextBlur","onExpandIconClick","event","focus","hasExpandLabel","defaultOpenString","chevronId","_b","chevronLabelledBy","exports"],"sources":["../src/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';\nimport { ChevronDownRegular as ChevronDownIcon } from '@fluentui/react-icons';\nimport {\n  getPartitionedNativeProps,\n  resolveShorthand,\n  mergeCallbacks,\n  useEventCallback,\n  useId,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from '../../utils/dropdownKeyActions';\nimport { useComboboxBaseState } from '../../utils/useComboboxBaseState';\nimport { useComboboxPopup } from '../../utils/useComboboxPopup';\nimport { useTriggerListboxSlots } from '../../utils/useTriggerListboxSlots';\nimport { Listbox } from '../Listbox/Listbox';\nimport type { Slot } from '@fluentui/react-utilities';\nimport type { SelectionEvents } from '../../utils/Selection.types';\nimport type { OptionValue } from '../../utils/OptionCollection.types';\nimport type { ComboboxProps, ComboboxState } from './Combobox.types';\n\n/**\n * Create the state required to render Combobox.\n *\n * The returned state can be modified with hooks such as useComboboxStyles_unstable,\n * before being passed to renderCombobox_unstable.\n *\n * @param props - props from this instance of Combobox\n * @param ref - reference to root HTMLElement of Combobox\n */\nexport const useCombobox_unstable = (props: ComboboxProps, ref: React.Ref<HTMLInputElement>): ComboboxState => {\n  const baseState = useComboboxBaseState({ ...props, editable: true });\n  const {\n    activeOption,\n    clearSelection,\n    getIndexOfId,\n    getOptionsMatchingText,\n    hasFocus,\n    open,\n    selectOption,\n    selectedOptions,\n    setActiveOption,\n    setFocusVisible,\n    setOpen,\n    setValue,\n    value,\n  } = baseState;\n  const { disabled, freeform, inlinePopup, multiselect } = props;\n  const comboId = useId('combobox-');\n\n  const { primary: triggerNativeProps, root: rootNativeProps } = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['children', 'size'],\n  });\n\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<HTMLInputElement>(null);\n\n  // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set\n  // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows\n  // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888\n  const [hideActiveDescendant, setHideActiveDescendant] = React.useState(false);\n\n  // calculate listbox width style based on trigger width\n  const [popupDimensions, setPopupDimensions] = React.useState<{ width: string }>();\n  React.useEffect(() => {\n    // only recalculate width when opening\n    if (open) {\n      const width = `${rootRef.current?.clientWidth}px`;\n      if (width !== popupDimensions?.width) {\n        setPopupDimensions({ width });\n      }\n    }\n  }, [open, popupDimensions]);\n\n  // set active option and selection based on typing\n  const getOptionFromInput = (inputValue: string): OptionValue | undefined => {\n    const searchString = inputValue?.trim().toLowerCase();\n\n    if (!searchString || searchString.length === 0) {\n      return;\n    }\n\n    const matcher = (optionText: string) => optionText.toLowerCase().indexOf(searchString) === 0;\n    const matches = getOptionsMatchingText(matcher);\n\n    // return first matching option after the current active option, looping back to the top\n    if (matches.length > 1 && activeOption) {\n      const startIndex = getIndexOfId(activeOption.id);\n      const nextMatch = matches.find(option => getIndexOfId(option.id) >= startIndex);\n      return nextMatch ?? matches[0];\n    }\n\n    return matches[0] ?? undefined;\n  };\n\n  /* Handle typed input */\n\n  // reset any typed value when an option is selected\n  baseState.selectOption = (ev: SelectionEvents, option: OptionValue) => {\n    setValue(undefined);\n    selectOption(ev, option);\n  };\n\n  const onTriggerBlur = (ev: React.FocusEvent<HTMLInputElement>) => {\n    // handle selection and updating value if freeform is false\n    if (!baseState.open && !freeform) {\n      // select matching option, if the value fully matches\n      if (value && activeOption && value.trim().toLowerCase() === activeOption?.text.toLowerCase()) {\n        baseState.selectOption(ev, activeOption);\n      }\n\n      // reset typed value when the input loses focus while collapsed, unless freeform is true\n      setValue(undefined);\n    }\n  };\n\n  baseState.setOpen = (ev, newState: boolean) => {\n    if (disabled) {\n      return;\n    }\n\n    if (!newState && !freeform) {\n      setValue(undefined);\n    }\n\n    setOpen(ev, newState);\n  };\n\n  // update value and active option based on input\n  const onTriggerChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n    const inputValue = ev.target.value;\n    // update uncontrolled value\n    baseState.setValue(inputValue);\n\n    // handle updating active option based on input\n    const matchingOption = getOptionFromInput(inputValue);\n    setActiveOption(matchingOption);\n\n    setFocusVisible(true);\n\n    // clear selection for single-select if the input value no longer matches the selection\n    if (!multiselect && selectedOptions.length === 1 && (inputValue.length < 1 || !matchingOption)) {\n      clearSelection(ev);\n    }\n  };\n\n  // open Combobox when typing\n  const onTriggerKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!open && getDropdownActionFromKey(ev) === 'Type') {\n      baseState.setOpen(ev, true);\n    }\n\n    // clear activedescendant when moving the text insertion cursor\n    if (ev.key === ArrowLeft || ev.key === ArrowRight) {\n      setHideActiveDescendant(true);\n    } else {\n      setHideActiveDescendant(false);\n    }\n  };\n\n  // resolve input and listbox slot props\n  let triggerSlot: Slot<'input'>;\n  let listboxSlot: Slot<typeof Listbox> | undefined;\n\n  triggerSlot = resolveShorthand(props.input, {\n    required: true,\n    defaultProps: {\n      ref: useMergedRefs(props.input?.ref, triggerRef),\n      type: 'text',\n      value: value ?? '',\n      ...triggerNativeProps,\n    },\n  });\n\n  triggerSlot.onChange = mergeCallbacks(triggerSlot.onChange, onTriggerChange);\n  triggerSlot.onBlur = mergeCallbacks(triggerSlot.onBlur, onTriggerBlur);\n  triggerSlot.onKeyDown = mergeCallbacks(triggerSlot.onKeyDown, onTriggerKeyDown);\n\n  // only resolve listbox slot if needed\n  listboxSlot =\n    open || hasFocus\n      ? resolveShorthand(props.listbox, {\n          required: true,\n          defaultProps: {\n            children: props.children,\n            style: popupDimensions,\n          },\n        })\n      : undefined;\n\n  [triggerSlot, listboxSlot] = useComboboxPopup(props, triggerSlot, listboxSlot);\n  [triggerSlot, listboxSlot] = useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);\n\n  if (hideActiveDescendant) {\n    triggerSlot['aria-activedescendant'] = undefined;\n  }\n\n  const state: ComboboxState = {\n    components: {\n      root: 'div',\n      input: 'input',\n      expandIcon: 'span',\n      listbox: Listbox,\n    },\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: {\n        'aria-owns': !inlinePopup ? listboxSlot?.id : undefined,\n        ...rootNativeProps,\n      },\n    }),\n    input: triggerSlot,\n    listbox: listboxSlot,\n    expandIcon: resolveShorthand(props.expandIcon, {\n      required: true,\n      defaultProps: {\n        'aria-expanded': open,\n        children: <ChevronDownIcon />,\n        role: 'button',\n      },\n    }),\n    ...baseState,\n  };\n\n  state.root.ref = useMergedRefs(state.root.ref, rootRef);\n\n  /* handle open/close + focus change when clicking expandIcon */\n  const { onMouseDown: onIconMouseDown, onClick: onIconClick } = state.expandIcon || {};\n  const onExpandIconMouseDown = useEventCallback(\n    mergeCallbacks(onIconMouseDown, () => {\n      // do not dismiss on blur when closing via clicking the icon\n      if (open) {\n        baseState.ignoreNextBlur.current = true;\n      }\n    }),\n  );\n\n  const onExpandIconClick = useEventCallback(\n    mergeCallbacks(onIconClick, (event: React.MouseEvent<HTMLSpanElement>) => {\n      // open and set focus\n      state.setOpen(event, !state.open);\n      triggerRef.current?.focus();\n\n      // set focus visible=false, since this can only be done with the mouse/pointer\n      setFocusVisible(false);\n    }),\n  );\n\n  if (state.expandIcon) {\n    state.expandIcon.onMouseDown = onExpandIconMouseDown;\n    state.expandIcon.onClick = onExpandIconClick;\n\n    // If there is no explicit aria-label, calculate default accName attribute for expandIcon button,\n    // using the following steps:\n    // 1. If there is an aria-label, it is \"Open [aria-label]\"\n    // 2. If there is an aria-labelledby, it is \"Open [aria-labelledby target]\" (using aria-labelledby + ids)\n    // 3. If there is no aria-label/ledby attr, it falls back to \"Open\"\n    // We can't fall back to a label/htmlFor name because of https://github.com/w3c/accname/issues/179\n    const hasExpandLabel = state.expandIcon['aria-label'] || state.expandIcon['aria-labelledby'];\n    const defaultOpenString = 'Open'; // this is english-only since it is the fallback\n    if (!hasExpandLabel) {\n      if (props['aria-labelledby']) {\n        const chevronId = state.expandIcon.id ?? `${comboId}-chevron`;\n        const chevronLabelledBy = `${chevronId} ${state.input['aria-labelledby']}`;\n\n        state.expandIcon['aria-label'] = defaultOpenString;\n        state.expandIcon.id = chevronId;\n        state.expandIcon['aria-labelledby'] = chevronLabelledBy;\n      } else if (props['aria-label']) {\n        state.expandIcon['aria-label'] = `${defaultOpenString} ${props['aria-label']}`;\n      } else {\n        state.expandIcon['aria-label'] = defaultOpenString;\n      }\n    }\n  }\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Combobox/useCombobox.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';\nimport { ChevronDownRegular as ChevronDownIcon } from '@fluentui/react-icons';\nimport { getPartitionedNativeProps, resolveShorthand, mergeCallbacks, useEventCallback, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from '../../utils/dropdownKeyActions';\nimport { useComboboxBaseState } from '../../utils/useComboboxBaseState';\nimport { useComboboxPopup } from '../../utils/useComboboxPopup';\nimport { useTriggerListboxSlots } from '../../utils/useTriggerListboxSlots';\nimport { Listbox } from '../Listbox/Listbox';\n/**\n * Create the state required to render Combobox.\n *\n * The returned state can be modified with hooks such as useComboboxStyles_unstable,\n * before being passed to renderCombobox_unstable.\n *\n * @param props - props from this instance of Combobox\n * @param ref - reference to root HTMLElement of Combobox\n */\nexport const useCombobox_unstable = (props, ref) => {\n  var _props_input;\n  const baseState = useComboboxBaseState({\n    ...props,\n    editable: true\n  });\n  const {\n    activeOption,\n    clearSelection,\n    getIndexOfId,\n    getOptionsMatchingText,\n    hasFocus,\n    open,\n    selectOption,\n    selectedOptions,\n    setActiveOption,\n    setFocusVisible,\n    setOpen,\n    setValue,\n    value\n  } = baseState;\n  const {\n    disabled,\n    freeform,\n    inlinePopup,\n    multiselect\n  } = props;\n  const comboId = useId('combobox-');\n  const {\n    primary: triggerNativeProps,\n    root: rootNativeProps\n  } = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['children', 'size']\n  });\n  const rootRef = React.useRef(null);\n  const triggerRef = React.useRef(null);\n  // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set\n  // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows\n  // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888\n  const [hideActiveDescendant, setHideActiveDescendant] = React.useState(false);\n  // calculate listbox width style based on trigger width\n  const [popupDimensions, setPopupDimensions] = React.useState();\n  React.useEffect(() => {\n    // only recalculate width when opening\n    if (open) {\n      var _rootRef_current;\n      const width = `${(_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.clientWidth}px`;\n      if (width !== (popupDimensions === null || popupDimensions === void 0 ? void 0 : popupDimensions.width)) {\n        setPopupDimensions({\n          width\n        });\n      }\n    }\n  }, [open, popupDimensions]);\n  // set active option and selection based on typing\n  const getOptionFromInput = inputValue => {\n    const searchString = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim().toLowerCase();\n    if (!searchString || searchString.length === 0) {\n      return;\n    }\n    const matcher = optionText => optionText.toLowerCase().indexOf(searchString) === 0;\n    const matches = getOptionsMatchingText(matcher);\n    // return first matching option after the current active option, looping back to the top\n    if (matches.length > 1 && activeOption) {\n      const startIndex = getIndexOfId(activeOption.id);\n      const nextMatch = matches.find(option => getIndexOfId(option.id) >= startIndex);\n      return nextMatch !== null && nextMatch !== void 0 ? nextMatch : matches[0];\n    }\n    var _matches_;\n    return (_matches_ = matches[0]) !== null && _matches_ !== void 0 ? _matches_ : undefined;\n  };\n  /* Handle typed input */ // reset any typed value when an option is selected\n  baseState.selectOption = (ev, option) => {\n    setValue(undefined);\n    selectOption(ev, option);\n  };\n  const onTriggerBlur = ev => {\n    // handle selection and updating value if freeform is false\n    if (!baseState.open && !freeform) {\n      // select matching option, if the value fully matches\n      if (value && activeOption && value.trim().toLowerCase() === (activeOption === null || activeOption === void 0 ? void 0 : activeOption.text.toLowerCase())) {\n        baseState.selectOption(ev, activeOption);\n      }\n      // reset typed value when the input loses focus while collapsed, unless freeform is true\n      setValue(undefined);\n    }\n  };\n  baseState.setOpen = (ev, newState) => {\n    if (disabled) {\n      return;\n    }\n    if (!newState && !freeform) {\n      setValue(undefined);\n    }\n    setOpen(ev, newState);\n  };\n  // update value and active option based on input\n  const onTriggerChange = ev => {\n    const inputValue = ev.target.value;\n    // update uncontrolled value\n    baseState.setValue(inputValue);\n    // handle updating active option based on input\n    const matchingOption = getOptionFromInput(inputValue);\n    setActiveOption(matchingOption);\n    setFocusVisible(true);\n    // clear selection for single-select if the input value no longer matches the selection\n    if (!multiselect && selectedOptions.length === 1 && (inputValue.length < 1 || !matchingOption)) {\n      clearSelection(ev);\n    }\n  };\n  // open Combobox when typing\n  const onTriggerKeyDown = ev => {\n    if (!open && getDropdownActionFromKey(ev) === 'Type') {\n      baseState.setOpen(ev, true);\n    }\n    // clear activedescendant when moving the text insertion cursor\n    if (ev.key === ArrowLeft || ev.key === ArrowRight) {\n      setHideActiveDescendant(true);\n    } else {\n      setHideActiveDescendant(false);\n    }\n  };\n  // resolve input and listbox slot props\n  let triggerSlot;\n  let listboxSlot;\n  triggerSlot = resolveShorthand(props.input, {\n    required: true,\n    defaultProps: {\n      ref: useMergedRefs((_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.ref, triggerRef),\n      type: 'text',\n      value: value !== null && value !== void 0 ? value : '',\n      ...triggerNativeProps\n    }\n  });\n  triggerSlot.onChange = mergeCallbacks(triggerSlot.onChange, onTriggerChange);\n  triggerSlot.onBlur = mergeCallbacks(triggerSlot.onBlur, onTriggerBlur);\n  triggerSlot.onKeyDown = mergeCallbacks(triggerSlot.onKeyDown, onTriggerKeyDown);\n  // only resolve listbox slot if needed\n  listboxSlot = open || hasFocus ? resolveShorthand(props.listbox, {\n    required: true,\n    defaultProps: {\n      children: props.children,\n      style: popupDimensions\n    }\n  }) : undefined;\n  [triggerSlot, listboxSlot] = useComboboxPopup(props, triggerSlot, listboxSlot);\n  [triggerSlot, listboxSlot] = useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);\n  if (hideActiveDescendant) {\n    triggerSlot['aria-activedescendant'] = undefined;\n  }\n  const state = {\n    components: {\n      root: 'div',\n      input: 'input',\n      expandIcon: 'span',\n      listbox: Listbox\n    },\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: {\n        'aria-owns': !inlinePopup ? listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id : undefined,\n        ...rootNativeProps\n      }\n    }),\n    input: triggerSlot,\n    listbox: listboxSlot,\n    expandIcon: resolveShorthand(props.expandIcon, {\n      required: true,\n      defaultProps: {\n        'aria-expanded': open,\n        children: /*#__PURE__*/React.createElement(ChevronDownIcon, null),\n        role: 'button'\n      }\n    }),\n    ...baseState\n  };\n  state.root.ref = useMergedRefs(state.root.ref, rootRef);\n  /* handle open/close + focus change when clicking expandIcon */\n  const {\n    onMouseDown: onIconMouseDown,\n    onClick: onIconClick\n  } = state.expandIcon || {};\n  const onExpandIconMouseDown = useEventCallback(mergeCallbacks(onIconMouseDown, () => {\n    // do not dismiss on blur when closing via clicking the icon\n    if (open) {\n      baseState.ignoreNextBlur.current = true;\n    }\n  }));\n  const onExpandIconClick = useEventCallback(mergeCallbacks(onIconClick, event => {\n    var _triggerRef_current;\n    // open and set focus\n    state.setOpen(event, !state.open);\n    (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n    // set focus visible=false, since this can only be done with the mouse/pointer\n    setFocusVisible(false);\n  }));\n  if (state.expandIcon) {\n    state.expandIcon.onMouseDown = onExpandIconMouseDown;\n    state.expandIcon.onClick = onExpandIconClick;\n    // If there is no explicit aria-label, calculate default accName attribute for expandIcon button,\n    // using the following steps:\n    // 1. If there is an aria-label, it is \"Open [aria-label]\"\n    // 2. If there is an aria-labelledby, it is \"Open [aria-labelledby target]\" (using aria-labelledby + ids)\n    // 3. If there is no aria-label/ledby attr, it falls back to \"Open\"\n    // We can't fall back to a label/htmlFor name because of https://github.com/w3c/accname/issues/179\n    const hasExpandLabel = state.expandIcon['aria-label'] || state.expandIcon['aria-labelledby'];\n    const defaultOpenString = 'Open'; // this is english-only since it is the fallback\n    if (!hasExpandLabel) {\n      if (props['aria-labelledby']) {\n        var _state_expandIcon_id;\n        const chevronId = (_state_expandIcon_id = state.expandIcon.id) !== null && _state_expandIcon_id !== void 0 ? _state_expandIcon_id : `${comboId}-chevron`;\n        const chevronLabelledBy = `${chevronId} ${state.input['aria-labelledby']}`;\n        state.expandIcon['aria-label'] = defaultOpenString;\n        state.expandIcon.id = chevronId;\n        state.expandIcon['aria-labelledby'] = chevronLabelledBy;\n      } else if (props['aria-label']) {\n        state.expandIcon['aria-label'] = `${defaultOpenString} ${props['aria-label']}`;\n      } else {\n        state.expandIcon['aria-label'] = defaultOpenString;\n      }\n    }\n  }\n  return state;\n};\n//# sourceMappingURL=useCombobox.js.map"],"names":["useCombobox_unstable","props","ref","_props_input","baseState","useComboboxBaseState","editable","activeOption","clearSelection","getIndexOfId","getOptionsMatchingText","hasFocus","open","selectOption","selectedOptions","setActiveOption","setFocusVisible","setOpen","setValue","value","disabled","freeform","inlinePopup","multiselect","comboId","useId","primary","triggerNativeProps","root","rootNativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","rootRef","React","useRef","triggerRef","hideActiveDescendant","setHideActiveDescendant","useState","popupDimensions","setPopupDimensions","useEffect","_rootRef_current","width","current","clientWidth","getOptionFromInput","inputValue","searchString","trim","toLowerCase","length","matcher","optionText","indexOf","matches","startIndex","id","nextMatch","find","option","_matches_","undefined","ev","onTriggerBlur","text","newState","onTriggerChange","target","matchingOption","onTriggerKeyDown","getDropdownActionFromKey","key","ArrowLeft","ArrowRight","triggerSlot","listboxSlot","resolveShorthand","input","required","defaultProps","useMergedRefs","type","onChange","mergeCallbacks","onBlur","onKeyDown","listbox","children","style","useComboboxPopup","useTriggerListboxSlots","state","components","expandIcon","Listbox","createElement","ChevronDownIcon","role","onMouseDown","onIconMouseDown","onClick","onIconClick","onExpandIconMouseDown","useEventCallback","ignoreNextBlur","onExpandIconClick","event","_triggerRef_current","focus","hasExpandLabel","defaultOpenString","_state_expandIcon_id","chevronId","chevronLabelledBy"],"mappings":"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"}