@fluentui/react-combobox 9.3.4 → 9.4.0

package/lib/components/Combobox/useCombobox.js

@@ -16,258 +16,235 @@ import { Listbox } from '../Listbox/Listbox';
  *
  * @param props - props from this instance of Combobox
  * @param ref - reference to root HTMLElement of Combobox
- */
-export const useCombobox_unstable = (props, ref) => {
-  var _props_input;
-  // Merge props from surrounding <Field>, if any
-  props = useFieldControlProps_unstable(props, {
-    supportsLabelFor: true,
-    supportsRequired: true,
-    supportsSize: true
-  });
-  const baseState = 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 = useId('combobox-');
-  const {
-    primary: triggerNativeProps,
-    root: rootNativeProps
-  } = 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);
-  // save the typing vs. navigating options state, as the space key should behave differently in each case
-  // we do not want to update the combobox when this changes, just save the value between renders
-  const isTyping = React.useRef(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);
-    }
-  };
-  // resolve input and listbox slot props
-  let triggerSlot;
-  let listboxSlot;
-  triggerSlot = resolveShorthand(props.input, {
-    required: true,
-    defaultProps: {
-      ref: 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
-    }
-  });
-  const resolvedPropsOnKeyDown = triggerSlot.onKeyDown;
-  triggerSlot.onChange = mergeCallbacks(triggerSlot.onChange, onTriggerChange);
-  triggerSlot.onBlur = mergeCallbacks(triggerSlot.onBlur, onTriggerBlur);
-  // only resolve listbox slot if needed
-  listboxSlot = open || hasFocus ? resolveShorthand(props.listbox, {
-    required: true,
-    defaultProps: {
-      children: props.children,
-      style: popupDimensions
-    }
-  }) : undefined;
-  [triggerSlot, listboxSlot] = useComboboxPopup(props, triggerSlot, listboxSlot);
-  [triggerSlot, listboxSlot] = useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);
-  if (hideActiveDescendant) {
-    triggerSlot['aria-activedescendant'] = undefined;
-  }
-  const state = {
-    components: {
-      root: 'div',
-      input: 'input',
-      expandIcon: 'span',
-      listbox: Listbox
-    },
-    root: 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: resolveShorthand(props.expandIcon, {
-      required: true,
-      defaultProps: {
-        'aria-expanded': open,
-        children: /*#__PURE__*/React.createElement(ChevronDownIcon, null),
-        role: 'button'
-      }
-    }),
-    ...baseState
-  };
-  state.root.ref = useMergedRefs(state.root.ref, rootRef);
-  /* Set input.onKeyDown here, so we can override the default behavior for spacebar */
-  const defaultOnTriggerKeyDown = state.input.onKeyDown;
-  state.input.onKeyDown = useEventCallback(ev => {
-    if (!open && getDropdownActionFromKey(ev) === 'Type') {
-      baseState.setOpen(ev, true);
-    }
-    // clear activedescendant when moving the text insertion cursor
-    if (ev.key === ArrowLeft || ev.key === ArrowRight) {
-      setHideActiveDescendant(true);
-    } else {
-      setHideActiveDescendant(false);
-    }
-    // update typing state to true if the user is typing
-    const action = getDropdownActionFromKey(ev, {
-      open,
-      multiselect
+ */ export const useCombobox_unstable = (props, ref)=>{
+    var _props_input;
+    // Merge props from surrounding <Field>, if any
+    props = useFieldControlProps_unstable(props, {
+        supportsLabelFor: true,
+        supportsRequired: true,
+        supportsSize: true
     });
-    if (action === 'Type') {
-      isTyping.current = true;
-    } else if (action === 'Open' && ev.key !== ' ' || action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {
-      isTyping.current = false;
-    }
-    // allow space to insert a character if freeform & the last action was typing, or if the popup is closed
-    if (freeform && (isTyping.current || !open) && ev.key === ' ') {
-      resolvedPropsOnKeyDown === null || resolvedPropsOnKeyDown === void 0 ? void 0 : resolvedPropsOnKeyDown(ev);
-      return;
-    }
-    // if we're not allowing space to type, continue with default behavior
-    defaultOnTriggerKeyDown === null || defaultOnTriggerKeyDown === void 0 ? void 0 : defaultOnTriggerKeyDown(ev);
-  });
-  /* handle open/close + focus change when clicking expandIcon */
-  const {
-    onMouseDown: onIconMouseDown,
-    onClick: onIconClick
-  } = state.expandIcon || {};
-  const onExpandIconMouseDown = useEventCallback(mergeCallbacks(onIconMouseDown, () => {
-    // do not dismiss on blur when closing via clicking the icon
-    if (open) {
-      baseState.ignoreNextBlur.current = true;
+    const baseState = 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 = useId('combobox-');
+    const { primary: triggerNativeProps , root: rootNativeProps  } = 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);
+    // save the typing vs. navigating options state, as the space key should behave differently in each case
+    // we do not want to update the combobox when this changes, just save the value between renders
+    const isTyping = React.useRef(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);
+        }
+    };
+    // resolve input and listbox slot props
+    let triggerSlot;
+    let listboxSlot;
+    triggerSlot = resolveShorthand(props.input, {
+        required: true,
+        defaultProps: {
+            ref: 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
+        }
+    });
+    const resolvedPropsOnKeyDown = triggerSlot.onKeyDown;
+    triggerSlot.onChange = mergeCallbacks(triggerSlot.onChange, onTriggerChange);
+    triggerSlot.onBlur = mergeCallbacks(triggerSlot.onBlur, onTriggerBlur);
+    // only resolve listbox slot if needed
+    listboxSlot = open || hasFocus ? resolveShorthand(props.listbox, {
+        required: true,
+        defaultProps: {
+            children: props.children,
+            style: popupDimensions
+        }
+    }) : undefined;
+    [triggerSlot, listboxSlot] = useComboboxPopup(props, triggerSlot, listboxSlot);
+    [triggerSlot, listboxSlot] = useTriggerListboxSlots(props, baseState, ref, triggerSlot, listboxSlot);
+    if (hideActiveDescendant) {
+        triggerSlot['aria-activedescendant'] = undefined;
     }
-  }));
-  const onExpandIconClick = useEventCallback(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;
-      }
+    const state = {
+        components: {
+            root: 'div',
+            input: 'input',
+            expandIcon: 'span',
+            listbox: Listbox
+        },
+        root: 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: resolveShorthand(props.expandIcon, {
+            required: true,
+            defaultProps: {
+                'aria-expanded': open,
+                children: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),
+                role: 'button'
+            }
+        }),
+        ...baseState
+    };
+    state.root.ref = useMergedRefs(state.root.ref, rootRef);
+    /* Set input.onKeyDown here, so we can override the default behavior for spacebar */ const defaultOnTriggerKeyDown = state.input.onKeyDown;
+    state.input.onKeyDown = useEventCallback((ev)=>{
+        if (!open && getDropdownActionFromKey(ev) === 'Type') {
+            baseState.setOpen(ev, true);
+        }
+        // clear activedescendant when moving the text insertion cursor
+        if (ev.key === ArrowLeft || ev.key === ArrowRight) {
+            setHideActiveDescendant(true);
+        } else {
+            setHideActiveDescendant(false);
+        }
+        // update typing state to true if the user is typing
+        const action = getDropdownActionFromKey(ev, {
+            open,
+            multiselect
+        });
+        if (action === 'Type') {
+            isTyping.current = true;
+        } else if (action === 'Open' && ev.key !== ' ' || action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {
+            isTyping.current = false;
+        }
+        // allow space to insert a character if freeform & the last action was typing, or if the popup is closed
+        if (freeform && (isTyping.current || !open) && ev.key === ' ') {
+            resolvedPropsOnKeyDown === null || resolvedPropsOnKeyDown === void 0 ? void 0 : resolvedPropsOnKeyDown(ev);
+            return;
+        }
+        // if we're not allowing space to type, continue with default behavior
+        defaultOnTriggerKeyDown === null || defaultOnTriggerKeyDown === void 0 ? void 0 : defaultOnTriggerKeyDown(ev);
+    });
+    /* handle open/close + focus change when clicking expandIcon */ const { onMouseDown: onIconMouseDown , onClick: onIconClick  } = state.expandIcon || {};
+    const onExpandIconMouseDown = useEventCallback(mergeCallbacks(onIconMouseDown, ()=>{
+        // do not dismiss on blur when closing via clicking the icon
+        if (open) {
+            baseState.ignoreNextBlur.current = true;
+        }
+    }));
+    const onExpandIconClick = useEventCallback(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;
+    return state;
 };
-//# sourceMappingURL=useCombobox.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useFieldControlProps_unstable","ArrowLeft","ArrowRight","ChevronDownRegular","ChevronDownIcon","getPartitionedNativeProps","resolveShorthand","mergeCallbacks","useEventCallback","useId","useMergedRefs","getDropdownActionFromKey","useComboboxBaseState","useComboboxPopup","useTriggerListboxSlots","Listbox","useCombobox_unstable","props","ref","_props_input","supportsLabelFor","supportsRequired","supportsSize","baseState","editable","activeOption","clearSelection","getIndexOfId","getOptionsMatchingText","hasFocus","open","selectOption","selectedOptions","setActiveOption","setFocusVisible","setOpen","setValue","value","disabled","freeform","inlinePopup","multiselect","comboId","primary","triggerNativeProps","root","rootNativeProps","primarySlotTagName","excludedPropNames","rootRef","useRef","triggerRef","hideActiveDescendant","setHideActiveDescendant","useState","isTyping","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","triggerSlot","listboxSlot","input","required","defaultProps","type","resolvedPropsOnKeyDown","onKeyDown","onChange","onBlur","listbox","children","style","state","components","expandIcon","createElement","role","defaultOnTriggerKeyDown","key","action","onMouseDown","onIconMouseDown","onClick","onIconClick","onExpandIconMouseDown","ignoreNextBlur","onExpandIconClick","event","_triggerRef_current","focus","hasExpandLabel","defaultOpenString","_state_expandIcon_id","chevronId","chevronLabelledBy"],"sources":["../../../src/components/Combobox/useCombobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\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  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true, supportsSize: true });\n\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  // save the typing vs. navigating options state, as the space key should behave differently in each case\n  // we do not want to update the combobox when this changes, just save the value between renders\n  const isTyping = React.useRef(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  // 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  const resolvedPropsOnKeyDown = triggerSlot.onKeyDown;\n  triggerSlot.onChange = mergeCallbacks(triggerSlot.onChange, onTriggerChange);\n  triggerSlot.onBlur = mergeCallbacks(triggerSlot.onBlur, onTriggerBlur);\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  /* Set input.onKeyDown here, so we can override the default behavior for spacebar */\n  const defaultOnTriggerKeyDown = state.input.onKeyDown;\n  state.input.onKeyDown = useEventCallback((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    // update typing state to true if the user is typing\n    const action = getDropdownActionFromKey(ev, { open, multiselect });\n    if (action === 'Type') {\n      isTyping.current = true;\n    }\n    // otherwise, update the typing state to false if opening or navigating dropdown options\n    // other actions, like closing the dropdown, should not impact typing state.\n    else if (\n      (action === 'Open' && ev.key !== ' ') ||\n      action === 'Next' ||\n      action === 'Previous' ||\n      action === 'First' ||\n      action === 'Last' ||\n      action === 'PageUp' ||\n      action === 'PageDown'\n    ) {\n      isTyping.current = false;\n    }\n\n    // allow space to insert a character if freeform & the last action was typing, or if the popup is closed\n    if (freeform && (isTyping.current || !open) && ev.key === ' ') {\n      resolvedPropsOnKeyDown?.(ev);\n      return;\n    }\n\n    // if we're not allowing space to type, continue with default behavior\n    defaultOnTriggerKeyDown?.(ev);\n  });\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":["useCombobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\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  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true, supportsSize: true });\n\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  // save the typing vs. navigating options state, as the space key should behave differently in each case\n  // we do not want to update the combobox when this changes, just save the value between renders\n  const isTyping = React.useRef(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  // 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  const resolvedPropsOnKeyDown = triggerSlot.onKeyDown;\n  triggerSlot.onChange = mergeCallbacks(triggerSlot.onChange, onTriggerChange);\n  triggerSlot.onBlur = mergeCallbacks(triggerSlot.onBlur, onTriggerBlur);\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  /* Set input.onKeyDown here, so we can override the default behavior for spacebar */\n  const defaultOnTriggerKeyDown = state.input.onKeyDown;\n  state.input.onKeyDown = useEventCallback((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    // update typing state to true if the user is typing\n    const action = getDropdownActionFromKey(ev, { open, multiselect });\n    if (action === 'Type') {\n      isTyping.current = true;\n    }\n    // otherwise, update the typing state to false if opening or navigating dropdown options\n    // other actions, like closing the dropdown, should not impact typing state.\n    else if (\n      (action === 'Open' && ev.key !== ' ') ||\n      action === 'Next' ||\n      action === 'Previous' ||\n      action === 'First' ||\n      action === 'Last' ||\n      action === 'PageUp' ||\n      action === 'PageDown'\n    ) {\n      isTyping.current = false;\n    }\n\n    // allow space to insert a character if freeform & the last action was typing, or if the popup is closed\n    if (freeform && (isTyping.current || !open) && ev.key === ' ') {\n      resolvedPropsOnKeyDown?.(ev);\n      return;\n    }\n\n    // if we're not allowing space to type, continue with default behavior\n    defaultOnTriggerKeyDown?.(ev);\n  });\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"],"names":["React","useFieldControlProps_unstable","ArrowLeft","ArrowRight","ChevronDownRegular","ChevronDownIcon","getPartitionedNativeProps","resolveShorthand","mergeCallbacks","useEventCallback","useId","useMergedRefs","getDropdownActionFromKey","useComboboxBaseState","useComboboxPopup","useTriggerListboxSlots","Listbox","useCombobox_unstable","props","ref","supportsLabelFor","supportsRequired","supportsSize","baseState","editable","activeOption","clearSelection","getIndexOfId","getOptionsMatchingText","hasFocus","open","selectOption","selectedOptions","setActiveOption","setFocusVisible","setOpen","setValue","value","disabled","freeform","inlinePopup","multiselect","comboId","primary","triggerNativeProps","root","rootNativeProps","primarySlotTagName","excludedPropNames","rootRef","useRef","triggerRef","hideActiveDescendant","setHideActiveDescendant","useState","isTyping","popupDimensions","setPopupDimensions","useEffect","width","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","triggerSlot","listboxSlot","input","required","defaultProps","type","resolvedPropsOnKeyDown","onKeyDown","onChange","onBlur","listbox","children","style","state","components","expandIcon","role","defaultOnTriggerKeyDown","key","action","onMouseDown","onIconMouseDown","onClick","onIconClick","onExpandIconMouseDown","ignoreNextBlur","onExpandIconClick","event","focus","hasExpandLabel","defaultOpenString","chevronId","chevronLabelledBy"],"mappings":"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"}