@fluentui/react-combobox 9.5.8 → 9.5.10

package/lib-commonjs/utils/internalTokens.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "iconSizes", {
     enumerable: true,
-    get: ()=>iconSizes
+    get: function() {
+        return iconSizes;
+    }
 });
 const iconSizes = {
     small: '16px',

package/lib-commonjs/utils/internalTokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["internalTokens.js"],"sourcesContent":["export const iconSizes = {\n    small: '16px',\n    medium: '20px',\n    large: '24px'\n};\n"],"names":["iconSizes","small","medium","large"],"mappings":";;;;+BAAaA;;aAAAA;;AAAN,MAAMA,YAAY;IACrBC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACX"}
+{"version":3,"sources":["internalTokens.js"],"sourcesContent":["export const iconSizes = {\n    small: '16px',\n    medium: '20px',\n    large: '24px'\n};\n"],"names":["iconSizes","small","medium","large"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,YAAY;IACrBC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACX"}

package/lib-commonjs/utils/useComboboxBaseState.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useComboboxBaseState", {
     enumerable: true,
-    get: ()=>useComboboxBaseState
+    get: function() {
+        return useComboboxBaseState;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
 const _useOptionCollection = require("../utils/useOptionCollection");
 const _useSelection = require("../utils/useSelection");
 const useComboboxBaseState = (props)=>{
-    const { appearance ='outline' , children , editable =false , inlinePopup =false , mountNode =undefined , multiselect , onOpenChange , size ='medium'  } = props;
+    const { appearance = 'outline', children, editable = false, inlinePopup = false, mountNode = undefined, multiselect, onOpenChange, size = 'medium' } = props;
     const optionCollection = (0, _useOptionCollection.useOptionCollection)();
-    const { getOptionAtIndex , getOptionsMatchingValue  } = optionCollection;
+    const { getOptionAtIndex, getOptionsMatchingValue } = optionCollection;
     const [activeOption, setActiveOption] = _react.useState();
     // track whether keyboard focus outline should be shown
     // tabster/keyborg doesn't work here, since the actual keyboard focus target doesn't move
@@ -23,10 +25,10 @@ const useComboboxBaseState = (props)=>{
     const [hasFocus, setHasFocus] = _react.useState(false);
     const ignoreNextBlur = _react.useRef(false);
     const selectionState = (0, _useSelection.useSelection)(props);
-    const { selectedOptions  } = selectionState;
+    const { selectedOptions } = selectionState;
     // calculate value based on props, internal value changes, and selected options
-    const isFirstMount = (0, _reactUtilities.useFirstMount)();
-    const [controllableValue, setValue] = (0, _reactUtilities.useControllableState)({
+    const isFirstMount = (0, _reactutilities.useFirstMount)();
+    const [controllableValue, setValue] = (0, _reactutilities.useControllableState)({
         state: props.value,
         initialState: undefined
     });
@@ -60,13 +62,14 @@ const useComboboxBaseState = (props)=>{
         selectedOptions
     ]);
     // Handle open state, which is shared with options in context
-    const [open, setOpenState] = (0, _reactUtilities.useControllableState)({
+    const [open, setOpenState] = (0, _reactutilities.useControllableState)({
         state: props.open,
         defaultState: props.defaultOpen,
         initialState: false
     });
     const setOpen = _react.useCallback((event, newState)=>{
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {
+        var _onOpenChange;
+        (_onOpenChange = onOpenChange) === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(event, {
             open: newState
         });
         setOpenState(newState);

package/lib-commonjs/utils/useComboboxBaseState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useComboboxBaseState.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState, useFirstMount } from '@fluentui/react-utilities';\nimport { useOptionCollection } from '../utils/useOptionCollection';\nimport { useSelection } from '../utils/useSelection';\n/**\n * State shared between Combobox and Dropdown components\n */ export const useComboboxBaseState = (props)=>{\n    const { appearance ='outline' , children , editable =false , inlinePopup =false , mountNode =undefined , multiselect , onOpenChange , size ='medium'  } = props;\n    const optionCollection = useOptionCollection();\n    const { getOptionAtIndex , getOptionsMatchingValue  } = optionCollection;\n    const [activeOption, setActiveOption] = React.useState();\n    // track whether keyboard focus outline should be shown\n    // tabster/keyborg doesn't work here, since the actual keyboard focus target doesn't move\n    const [focusVisible, setFocusVisible] = React.useState(false);\n    // track focused state to conditionally render collapsed listbox\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const ignoreNextBlur = React.useRef(false);\n    const selectionState = useSelection(props);\n    const { selectedOptions  } = selectionState;\n    // calculate value based on props, internal value changes, and selected options\n    const isFirstMount = useFirstMount();\n    const [controllableValue, setValue] = useControllableState({\n        state: props.value,\n        initialState: undefined\n    });\n    const value = React.useMemo(()=>{\n        // don't compute the value if it is defined through props or setValue,\n        if (controllableValue !== undefined) {\n            return controllableValue;\n        }\n        // handle defaultValue here, so it is overridden by selection\n        if (isFirstMount && props.defaultValue !== undefined) {\n            return props.defaultValue;\n        }\n        const selectedOptionsText = getOptionsMatchingValue((optionValue)=>{\n            return selectedOptions.includes(optionValue);\n        }).map((option)=>option.text);\n        if (multiselect) {\n            // editable inputs should not display multiple selected options in the input as text\n            return editable ? '' : selectedOptionsText.join(', ');\n        }\n        return selectedOptionsText[0];\n    // do not change value after isFirstMount changes,\n    // we do not want to accidentally override defaultValue on a second render\n    // unless another value is intentionally set\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        controllableValue,\n        editable,\n        getOptionsMatchingValue,\n        multiselect,\n        props.defaultValue,\n        selectedOptions\n    ]);\n    // Handle open state, which is shared with options in context\n    const [open, setOpenState] = useControllableState({\n        state: props.open,\n        defaultState: props.defaultOpen,\n        initialState: false\n    });\n    const setOpen = React.useCallback((event, newState)=>{\n        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {\n            open: newState\n        });\n        setOpenState(newState);\n    }, [\n        onOpenChange,\n        setOpenState\n    ]);\n    // update active option based on change in open state or children\n    React.useEffect(()=>{\n        if (open && !activeOption) {\n            // if it is single-select and there is a selected option, start at the selected option\n            if (!multiselect && selectedOptions.length > 0) {\n                const selectedOption = getOptionsMatchingValue((v)=>v === selectedOptions[0]).pop();\n                selectedOption && setActiveOption(selectedOption);\n            } else {\n                setActiveOption(getOptionAtIndex(0));\n            }\n        } else if (!open) {\n            // reset the active option when closing\n            setActiveOption(undefined);\n        }\n    // this should only be run in response to changes in the open state or children\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        open,\n        children\n    ]);\n    return {\n        ...optionCollection,\n        ...selectionState,\n        activeOption,\n        appearance,\n        focusVisible,\n        hasFocus,\n        ignoreNextBlur,\n        inlinePopup,\n        mountNode,\n        open,\n        setActiveOption,\n        setFocusVisible,\n        setHasFocus,\n        setOpen,\n        setValue,\n        size,\n        value\n    };\n};\n"],"names":["useComboboxBaseState","props","appearance","children","editable","inlinePopup","mountNode","undefined","multiselect","onOpenChange","size","optionCollection","useOptionCollection","getOptionAtIndex","getOptionsMatchingValue","activeOption","setActiveOption","React","useState","focusVisible","setFocusVisible","hasFocus","setHasFocus","ignoreNextBlur","useRef","selectionState","useSelection","selectedOptions","isFirstMount","useFirstMount","controllableValue","setValue","useControllableState","state","value","initialState","useMemo","defaultValue","selectedOptionsText","optionValue","includes","map","option","text","join","open","setOpenState","defaultState","defaultOpen","setOpen","useCallback","event","newState","useEffect","length","selectedOption","v","pop"],"mappings":"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"}
+{"version":3,"sources":["useComboboxBaseState.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState, useFirstMount } from '@fluentui/react-utilities';\nimport { useOptionCollection } from '../utils/useOptionCollection';\nimport { useSelection } from '../utils/useSelection';\n/**\n * State shared between Combobox and Dropdown components\n */ export const useComboboxBaseState = (props)=>{\n    const { appearance = 'outline', children, editable = false, inlinePopup = false, mountNode = undefined, multiselect, onOpenChange, size = 'medium' } = props;\n    const optionCollection = useOptionCollection();\n    const { getOptionAtIndex, getOptionsMatchingValue } = optionCollection;\n    const [activeOption, setActiveOption] = React.useState();\n    // track whether keyboard focus outline should be shown\n    // tabster/keyborg doesn't work here, since the actual keyboard focus target doesn't move\n    const [focusVisible, setFocusVisible] = React.useState(false);\n    // track focused state to conditionally render collapsed listbox\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const ignoreNextBlur = React.useRef(false);\n    const selectionState = useSelection(props);\n    const { selectedOptions } = selectionState;\n    // calculate value based on props, internal value changes, and selected options\n    const isFirstMount = useFirstMount();\n    const [controllableValue, setValue] = useControllableState({\n        state: props.value,\n        initialState: undefined\n    });\n    const value = React.useMemo(()=>{\n        // don't compute the value if it is defined through props or setValue,\n        if (controllableValue !== undefined) {\n            return controllableValue;\n        }\n        // handle defaultValue here, so it is overridden by selection\n        if (isFirstMount && props.defaultValue !== undefined) {\n            return props.defaultValue;\n        }\n        const selectedOptionsText = getOptionsMatchingValue((optionValue)=>{\n            return selectedOptions.includes(optionValue);\n        }).map((option)=>option.text);\n        if (multiselect) {\n            // editable inputs should not display multiple selected options in the input as text\n            return editable ? '' : selectedOptionsText.join(', ');\n        }\n        return selectedOptionsText[0];\n    // do not change value after isFirstMount changes,\n    // we do not want to accidentally override defaultValue on a second render\n    // unless another value is intentionally set\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        controllableValue,\n        editable,\n        getOptionsMatchingValue,\n        multiselect,\n        props.defaultValue,\n        selectedOptions\n    ]);\n    // Handle open state, which is shared with options in context\n    const [open, setOpenState] = useControllableState({\n        state: props.open,\n        defaultState: props.defaultOpen,\n        initialState: false\n    });\n    const setOpen = React.useCallback((event, newState)=>{\n        var _onOpenChange;\n        (_onOpenChange = onOpenChange) === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(event, {\n            open: newState\n        });\n        setOpenState(newState);\n    }, [\n        onOpenChange,\n        setOpenState\n    ]);\n    // update active option based on change in open state or children\n    React.useEffect(()=>{\n        if (open && !activeOption) {\n            // if it is single-select and there is a selected option, start at the selected option\n            if (!multiselect && selectedOptions.length > 0) {\n                const selectedOption = getOptionsMatchingValue((v)=>v === selectedOptions[0]).pop();\n                selectedOption && setActiveOption(selectedOption);\n            } else {\n                setActiveOption(getOptionAtIndex(0));\n            }\n        } else if (!open) {\n            // reset the active option when closing\n            setActiveOption(undefined);\n        }\n    // this should only be run in response to changes in the open state or children\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        open,\n        children\n    ]);\n    return {\n        ...optionCollection,\n        ...selectionState,\n        activeOption,\n        appearance,\n        focusVisible,\n        hasFocus,\n        ignoreNextBlur,\n        inlinePopup,\n        mountNode,\n        open,\n        setActiveOption,\n        setFocusVisible,\n        setHasFocus,\n        setOpen,\n        setValue,\n        size,\n        value\n    };\n};\n"],"names":["useComboboxBaseState","props","appearance","children","editable","inlinePopup","mountNode","undefined","multiselect","onOpenChange","size","optionCollection","useOptionCollection","getOptionAtIndex","getOptionsMatchingValue","activeOption","setActiveOption","React","useState","focusVisible","setFocusVisible","hasFocus","setHasFocus","ignoreNextBlur","useRef","selectionState","useSelection","selectedOptions","isFirstMount","useFirstMount","controllableValue","setValue","useControllableState","state","value","initialState","useMemo","defaultValue","selectedOptionsText","optionValue","includes","map","option","text","join","open","setOpenState","defaultState","defaultOpen","setOpen","useCallback","event","newState","_onOpenChange","useEffect","length","selectedOption","v","pop"],"mappings":"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"}

package/lib-commonjs/utils/useComboboxPopup.js

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useComboboxPopup", {
     enumerable: true,
-    get: ()=>useComboboxPopup
+    get: function() {
+        return useComboboxPopup;
+    }
 });
-const _reactPositioning = require("@fluentui/react-positioning");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _reactpositioning = require("@fluentui/react-positioning");
+const _reactutilities = require("@fluentui/react-utilities");
 function useComboboxPopup(props, triggerShorthand, listboxShorthand) {
-    const { positioning  } = props;
+    var _listboxShorthand, _triggerShorthand;
+    const { positioning } = props;
     // Set a default set of fallback positions to try if the dropdown does not fit on screen
     const fallbackPositions = [
         'above',
@@ -27,10 +30,10 @@ function useComboboxPopup(props, triggerShorthand, listboxShorthand) {
             mainAxis: 2
         },
         fallbackPositions,
-        ...(0, _reactPositioning.resolvePositioningShorthand)(positioning)
+        ...(0, _reactpositioning.resolvePositioningShorthand)(positioning)
     };
-    const { targetRef , containerRef  } = (0, _reactPositioning.usePositioning)(popperOptions);
-    const listboxRef = (0, _reactUtilities.useMergedRefs)(listboxShorthand === null || listboxShorthand === void 0 ? void 0 : listboxShorthand.ref, containerRef);
+    const { targetRef, containerRef } = (0, _reactpositioning.usePositioning)(popperOptions);
+    const listboxRef = (0, _reactutilities.useMergedRefs)((_listboxShorthand = listboxShorthand) === null || _listboxShorthand === void 0 ? void 0 : _listboxShorthand.ref, containerRef);
     const listbox = listboxShorthand && {
         ...listboxShorthand,
         ref: listboxRef
@@ -38,7 +41,7 @@ function useComboboxPopup(props, triggerShorthand, listboxShorthand) {
     return [
         {
             ...triggerShorthand,
-            ref: (0, _reactUtilities.useMergedRefs)(triggerShorthand === null || triggerShorthand === void 0 ? void 0 : triggerShorthand.ref, targetRef)
+            ref: (0, _reactutilities.useMergedRefs)((_triggerShorthand = triggerShorthand) === null || _triggerShorthand === void 0 ? void 0 : _triggerShorthand.ref, targetRef)
         },
         listbox
     ];

package/lib-commonjs/utils/useComboboxPopup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useComboboxPopup.js"],"sourcesContent":["import { resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport { useMergedRefs } from '@fluentui/react-utilities';\nexport function useComboboxPopup(props, triggerShorthand, listboxShorthand) {\n    const { positioning  } = props;\n    // Set a default set of fallback positions to try if the dropdown does not fit on screen\n    const fallbackPositions = [\n        'above',\n        'after',\n        'after-top',\n        'before',\n        'before-top'\n    ];\n    // popper options\n    const popperOptions = {\n        position: 'below',\n        align: 'start',\n        offset: {\n            crossAxis: 0,\n            mainAxis: 2\n        },\n        fallbackPositions,\n        ...resolvePositioningShorthand(positioning)\n    };\n    const { targetRef , containerRef  } = usePositioning(popperOptions);\n    const listboxRef = useMergedRefs(listboxShorthand === null || listboxShorthand === void 0 ? void 0 : listboxShorthand.ref, containerRef);\n    const listbox = listboxShorthand && {\n        ...listboxShorthand,\n        ref: listboxRef\n    };\n    return [\n        {\n            ...triggerShorthand,\n            ref: useMergedRefs(triggerShorthand === null || triggerShorthand === void 0 ? void 0 : triggerShorthand.ref, targetRef)\n        },\n        listbox\n    ];\n}\n"],"names":["useComboboxPopup","props","triggerShorthand","listboxShorthand","positioning","fallbackPositions","popperOptions","position","align","offset","crossAxis","mainAxis","resolvePositioningShorthand","targetRef","containerRef","usePositioning","listboxRef","useMergedRefs","ref","listbox"],"mappings":";;;;+BAEgBA;;aAAAA;;kCAF4C;gCAC9B;AACvB,SAASA,iBAAiBC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE;IACxE,MAAM,EAAEC,YAAW,EAAG,GAAGH;IACzB,wFAAwF;IACxF,MAAMI,oBAAoB;QACtB;QACA;QACA;QACA;QACA;KACH;IACD,iBAAiB;IACjB,MAAMC,gBAAgB;QAClBC,UAAU;QACVC,OAAO;QACPC,QAAQ;YACJC,WAAW;YACXC,UAAU;QACd;QACAN;QACA,GAAGO,IAAAA,6CAA2B,EAACR,YAAY;IAC/C;IACA,MAAM,EAAES,UAAS,EAAGC,aAAY,EAAG,GAAGC,IAAAA,gCAAc,EAACT;IACrD,MAAMU,aAAaC,IAAAA,6BAAa,EAACd,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBe,GAAG,EAAEJ;IAC3H,MAAMK,UAAUhB,oBAAoB;QAChC,GAAGA,gBAAgB;QACnBe,KAAKF;IACT;IACA,OAAO;QACH;YACI,GAAGd,gBAAgB;YACnBgB,KAAKD,IAAAA,6BAAa,EAACf,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBgB,GAAG,EAAEL;QACjH;QACAM;KACH;AACL"}
+{"version":3,"sources":["useComboboxPopup.js"],"sourcesContent":["import { resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport { useMergedRefs } from '@fluentui/react-utilities';\nexport function useComboboxPopup(props, triggerShorthand, listboxShorthand) {\n    var _listboxShorthand, _triggerShorthand;\n    const { positioning } = props;\n    // Set a default set of fallback positions to try if the dropdown does not fit on screen\n    const fallbackPositions = [\n        'above',\n        'after',\n        'after-top',\n        'before',\n        'before-top'\n    ];\n    // popper options\n    const popperOptions = {\n        position: 'below',\n        align: 'start',\n        offset: {\n            crossAxis: 0,\n            mainAxis: 2\n        },\n        fallbackPositions,\n        ...resolvePositioningShorthand(positioning)\n    };\n    const { targetRef, containerRef } = usePositioning(popperOptions);\n    const listboxRef = useMergedRefs((_listboxShorthand = listboxShorthand) === null || _listboxShorthand === void 0 ? void 0 : _listboxShorthand.ref, containerRef);\n    const listbox = listboxShorthand && {\n        ...listboxShorthand,\n        ref: listboxRef\n    };\n    return [\n        {\n            ...triggerShorthand,\n            ref: useMergedRefs((_triggerShorthand = triggerShorthand) === null || _triggerShorthand === void 0 ? void 0 : _triggerShorthand.ref, targetRef)\n        },\n        listbox\n    ];\n}\n"],"names":["useComboboxPopup","props","triggerShorthand","listboxShorthand","_listboxShorthand","_triggerShorthand","positioning","fallbackPositions","popperOptions","position","align","offset","crossAxis","mainAxis","resolvePositioningShorthand","targetRef","containerRef","usePositioning","listboxRef","useMergedRefs","ref","listbox"],"mappings":";;;;+BAEgBA;;;eAAAA;;;kCAF4C;gCAC9B;AACvB,SAASA,iBAAiBC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB;IACtE,IAAIC,mBAAmBC;IACvB,MAAM,EAAEC,WAAW,EAAE,GAAGL;IACxB,wFAAwF;IACxF,MAAMM,oBAAoB;QACtB;QACA;QACA;QACA;QACA;KACH;IACD,iBAAiB;IACjB,MAAMC,gBAAgB;QAClBC,UAAU;QACVC,OAAO;QACPC,QAAQ;YACJC,WAAW;YACXC,UAAU;QACd;QACAN;QACA,GAAGO,IAAAA,6CAA2B,EAACR,YAAY;IAC/C;IACA,MAAM,EAAES,SAAS,EAAEC,YAAY,EAAE,GAAGC,IAAAA,gCAAc,EAACT;IACnD,MAAMU,aAAaC,IAAAA,6BAAa,EAAC,AAACf,CAAAA,oBAAoBD,gBAAe,MAAO,QAAQC,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBgB,GAAG,EAAEJ;IACnJ,MAAMK,UAAUlB,oBAAoB;QAChC,GAAGA,gBAAgB;QACnBiB,KAAKF;IACT;IACA,OAAO;QACH;YACI,GAAGhB,gBAAgB;YACnBkB,KAAKD,IAAAA,6BAAa,EAAC,AAACd,CAAAA,oBAAoBH,gBAAe,MAAO,QAAQG,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBe,GAAG,EAAEL;QACzI;QACAM;KACH;AACL"}

package/lib-commonjs/utils/useOptionCollection.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useOptionCollection", {
     enumerable: true,
-    get: ()=>useOptionCollection
+    get: function() {
+        return useOptionCollection;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const useOptionCollection = ()=>{
     const nodes = _react.useRef([]);
     const collectionAPI = _react.useMemo(()=>{
@@ -18,8 +20,9 @@ const useOptionCollection = ()=>{
         };
         const getIndexOfId = (id)=>nodes.current.findIndex((node)=>node.option.id === id);
         const getOptionById = (id)=>{
+            var _item;
             const item = nodes.current.find((node)=>node.option.id === id);
-            return item === null || item === void 0 ? void 0 : item.option;
+            return (_item = item) === null || _item === void 0 ? void 0 : _item.option;
         };
         const getOptionsMatchingText = (matcher)=>{
             return nodes.current.filter((node)=>matcher(node.option.text)).map((node)=>node.option);

package/lib-commonjs/utils/useOptionCollection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useOptionCollection.js"],"sourcesContent":["import * as React from 'react';\n/**\n * A hook for managing a collection of child Options\n */ export const useOptionCollection = ()=>{\n    const nodes = React.useRef([]);\n    const collectionAPI = React.useMemo(()=>{\n        const getCount = ()=>nodes.current.length;\n        const getOptionAtIndex = (index)=>{\n            var _nodes_current_index;\n            return (_nodes_current_index = nodes.current[index]) === null || _nodes_current_index === void 0 ? void 0 : _nodes_current_index.option;\n        };\n        const getIndexOfId = (id)=>nodes.current.findIndex((node)=>node.option.id === id);\n        const getOptionById = (id)=>{\n            const item = nodes.current.find((node)=>node.option.id === id);\n            return item === null || item === void 0 ? void 0 : item.option;\n        };\n        const getOptionsMatchingText = (matcher)=>{\n            return nodes.current.filter((node)=>matcher(node.option.text)).map((node)=>node.option);\n        };\n        const getOptionsMatchingValue = (matcher)=>{\n            return nodes.current.filter((node)=>matcher(node.option.value)).map((node)=>node.option);\n        };\n        return {\n            getCount,\n            getOptionAtIndex,\n            getIndexOfId,\n            getOptionById,\n            getOptionsMatchingText,\n            getOptionsMatchingValue\n        };\n    }, []);\n    const registerOption = React.useCallback((option, element)=>{\n        var _nodes_current_index;\n        const index = nodes.current.findIndex((node)=>{\n            if (!node.element || !element) {\n                return false;\n            }\n            if (node.option.id === option.id) {\n                return true;\n            }\n            // use the DOM method compareDocumentPosition to order the current node against registered nodes\n            // eslint-disable-next-line no-bitwise\n            return node.element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING;\n        });\n        // do not register the option if it already exists\n        if (((_nodes_current_index = nodes.current[index]) === null || _nodes_current_index === void 0 ? void 0 : _nodes_current_index.option.id) !== option.id) {\n            const newItem = {\n                element,\n                option\n            };\n            // If an index is not found we will push the element to the end.\n            if (index === -1) {\n                nodes.current = [\n                    ...nodes.current,\n                    newItem\n                ];\n            } else {\n                nodes.current.splice(index, 0, newItem);\n            }\n        }\n        // return the unregister function\n        return ()=>{\n            nodes.current = nodes.current.filter((node)=>node.option.id !== option.id);\n        };\n    }, []);\n    return {\n        ...collectionAPI,\n        options: nodes.current.map((node)=>node.option),\n        registerOption\n    };\n};\n"],"names":["useOptionCollection","nodes","React","useRef","collectionAPI","useMemo","getCount","current","length","getOptionAtIndex","index","_nodes_current_index","option","getIndexOfId","id","findIndex","node","getOptionById","item","find","getOptionsMatchingText","matcher","filter","text","map","getOptionsMatchingValue","value","registerOption","useCallback","element","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","newItem","splice","options"],"mappings":"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"}
+{"version":3,"sources":["useOptionCollection.js"],"sourcesContent":["import * as React from 'react';\n/**\n * A hook for managing a collection of child Options\n */ export const useOptionCollection = ()=>{\n    const nodes = React.useRef([]);\n    const collectionAPI = React.useMemo(()=>{\n        const getCount = ()=>nodes.current.length;\n        const getOptionAtIndex = (index)=>{\n            var _nodes_current_index;\n            return (_nodes_current_index = nodes.current[index]) === null || _nodes_current_index === void 0 ? void 0 : _nodes_current_index.option;\n        };\n        const getIndexOfId = (id)=>nodes.current.findIndex((node)=>node.option.id === id);\n        const getOptionById = (id)=>{\n            var _item;\n            const item = nodes.current.find((node)=>node.option.id === id);\n            return (_item = item) === null || _item === void 0 ? void 0 : _item.option;\n        };\n        const getOptionsMatchingText = (matcher)=>{\n            return nodes.current.filter((node)=>matcher(node.option.text)).map((node)=>node.option);\n        };\n        const getOptionsMatchingValue = (matcher)=>{\n            return nodes.current.filter((node)=>matcher(node.option.value)).map((node)=>node.option);\n        };\n        return {\n            getCount,\n            getOptionAtIndex,\n            getIndexOfId,\n            getOptionById,\n            getOptionsMatchingText,\n            getOptionsMatchingValue\n        };\n    }, []);\n    const registerOption = React.useCallback((option, element)=>{\n        var _nodes_current_index;\n        const index = nodes.current.findIndex((node)=>{\n            if (!node.element || !element) {\n                return false;\n            }\n            if (node.option.id === option.id) {\n                return true;\n            }\n            // use the DOM method compareDocumentPosition to order the current node against registered nodes\n            // eslint-disable-next-line no-bitwise\n            return node.element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING;\n        });\n        // do not register the option if it already exists\n        if (((_nodes_current_index = nodes.current[index]) === null || _nodes_current_index === void 0 ? void 0 : _nodes_current_index.option.id) !== option.id) {\n            const newItem = {\n                element,\n                option\n            };\n            // If an index is not found we will push the element to the end.\n            if (index === -1) {\n                nodes.current = [\n                    ...nodes.current,\n                    newItem\n                ];\n            } else {\n                nodes.current.splice(index, 0, newItem);\n            }\n        }\n        // return the unregister function\n        return ()=>{\n            nodes.current = nodes.current.filter((node)=>node.option.id !== option.id);\n        };\n    }, []);\n    return {\n        ...collectionAPI,\n        options: nodes.current.map((node)=>node.option),\n        registerOption\n    };\n};\n"],"names":["useOptionCollection","nodes","React","useRef","collectionAPI","useMemo","getCount","current","length","getOptionAtIndex","index","_nodes_current_index","option","getIndexOfId","id","findIndex","node","getOptionById","_item","item","find","getOptionsMatchingText","matcher","filter","text","map","getOptionsMatchingValue","value","registerOption","useCallback","element","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","newItem","splice","options"],"mappings":";;;;+BAGiBA;;;eAAAA;;;;iEAHM;AAGZ,MAAMA,sBAAsB;IACnC,MAAMC,QAAQC,OAAMC,MAAM,CAAC,EAAE;IAC7B,MAAMC,gBAAgBF,OAAMG,OAAO,CAAC;QAChC,MAAMC,WAAW,IAAIL,MAAMM,OAAO,CAACC,MAAM;QACzC,MAAMC,mBAAmB,CAACC;YACtB,IAAIC;YACJ,OAAO,AAACA,CAAAA,uBAAuBV,MAAMM,OAAO,CAACG,MAAM,AAAD,MAAO,QAAQC,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBC,MAAM;QAC3I;QACA,MAAMC,eAAe,CAACC,KAAKb,MAAMM,OAAO,CAACQ,SAAS,CAAC,CAACC,OAAOA,KAAKJ,MAAM,CAACE,EAAE,KAAKA;QAC9E,MAAMG,gBAAgB,CAACH;YACnB,IAAII;YACJ,MAAMC,OAAOlB,MAAMM,OAAO,CAACa,IAAI,CAAC,CAACJ,OAAOA,KAAKJ,MAAM,CAACE,EAAE,KAAKA;YAC3D,OAAO,AAACI,CAAAA,QAAQC,IAAG,MAAO,QAAQD,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMN,MAAM;QAC9E;QACA,MAAMS,yBAAyB,CAACC;YAC5B,OAAOrB,MAAMM,OAAO,CAACgB,MAAM,CAAC,CAACP,OAAOM,QAAQN,KAAKJ,MAAM,CAACY,IAAI,GAAGC,GAAG,CAAC,CAACT,OAAOA,KAAKJ,MAAM;QAC1F;QACA,MAAMc,0BAA0B,CAACJ;YAC7B,OAAOrB,MAAMM,OAAO,CAACgB,MAAM,CAAC,CAACP,OAAOM,QAAQN,KAAKJ,MAAM,CAACe,KAAK,GAAGF,GAAG,CAAC,CAACT,OAAOA,KAAKJ,MAAM;QAC3F;QACA,OAAO;YACHN;YACAG;YACAI;YACAI;YACAI;YACAK;QACJ;IACJ,GAAG,EAAE;IACL,MAAME,iBAAiB1B,OAAM2B,WAAW,CAAC,CAACjB,QAAQkB;QAC9C,IAAInB;QACJ,MAAMD,QAAQT,MAAMM,OAAO,CAACQ,SAAS,CAAC,CAACC;YACnC,IAAI,CAACA,KAAKc,OAAO,IAAI,CAACA,SAAS;gBAC3B,OAAO;YACX;YACA,IAAId,KAAKJ,MAAM,CAACE,EAAE,KAAKF,OAAOE,EAAE,EAAE;gBAC9B,OAAO;YACX;YACA,gGAAgG;YAChG,sCAAsC;YACtC,OAAOE,KAAKc,OAAO,CAACC,uBAAuB,CAACD,WAAWE,KAAKC,2BAA2B;QAC3F;QACA,kDAAkD;QAClD,IAAI,AAAC,CAAA,AAACtB,CAAAA,uBAAuBV,MAAMM,OAAO,CAACG,MAAM,AAAD,MAAO,QAAQC,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBC,MAAM,CAACE,EAAE,AAAD,MAAOF,OAAOE,EAAE,EAAE;YACrJ,MAAMoB,UAAU;gBACZJ;gBACAlB;YACJ;YACA,gEAAgE;YAChE,IAAIF,UAAU,CAAC,GAAG;gBACdT,MAAMM,OAAO,GAAG;uBACTN,MAAMM,OAAO;oBAChB2B;iBACH;YACL,OAAO;gBACHjC,MAAMM,OAAO,CAAC4B,MAAM,CAACzB,OAAO,GAAGwB;YACnC;QACJ;QACA,iCAAiC;QACjC,OAAO;YACHjC,MAAMM,OAAO,GAAGN,MAAMM,OAAO,CAACgB,MAAM,CAAC,CAACP,OAAOA,KAAKJ,MAAM,CAACE,EAAE,KAAKF,OAAOE,EAAE;QAC7E;IACJ,GAAG,EAAE;IACL,OAAO;QACH,GAAGV,aAAa;QAChBgC,SAASnC,MAAMM,OAAO,CAACkB,GAAG,CAAC,CAACT,OAAOA,KAAKJ,MAAM;QAC9CgB;IACJ;AACJ"}

package/lib-commonjs/utils/useScrollOptionsIntoView.js

@@ -4,22 +4,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useScrollOptionsIntoView", {
     enumerable: true,
-    get: ()=>useScrollOptionsIntoView
+    get: function() {
+        return useScrollOptionsIntoView;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
 function useScrollOptionsIntoView(state) {
-    const { activeOption  } = state;
+    const { activeOption } = state;
     const scrollContainerRef = _react.useRef(null);
     _react.useEffect(()=>{
-        if (scrollContainerRef.current && activeOption && (0, _reactUtilities.canUseDOM)()) {
+        if (scrollContainerRef.current && activeOption && (0, _reactutilities.canUseDOM)()) {
             const activeOptionElement = scrollContainerRef.current.querySelector(`#${activeOption.id}`);
             if (!activeOptionElement) {
                 return;
             }
-            const { offsetHeight , offsetTop  } = activeOptionElement;
-            const { offsetHeight: parentOffsetHeight , scrollTop  } = scrollContainerRef.current;
+            const { offsetHeight, offsetTop } = activeOptionElement;
+            const { offsetHeight: parentOffsetHeight, scrollTop } = scrollContainerRef.current;
             const isAbove = offsetTop < scrollTop;
             const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;
             // add a small buffer for general visual nicety

package/lib-commonjs/utils/useScrollOptionsIntoView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useScrollOptionsIntoView.js"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '@fluentui/react-utilities';\nexport function useScrollOptionsIntoView(state) {\n    const { activeOption  } = state;\n    const scrollContainerRef = React.useRef(null);\n    React.useEffect(()=>{\n        if (scrollContainerRef.current && activeOption && canUseDOM()) {\n            const activeOptionElement = scrollContainerRef.current.querySelector(`#${activeOption.id}`);\n            if (!activeOptionElement) {\n                return;\n            }\n            const { offsetHeight , offsetTop  } = activeOptionElement;\n            const { offsetHeight: parentOffsetHeight , scrollTop  } = scrollContainerRef.current;\n            const isAbove = offsetTop < scrollTop;\n            const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;\n            // add a small buffer for general visual nicety\n            // it looks slightly better if the option has some space from the top/bottom while arrowing\n            const buffer = 2;\n            if (isAbove) {\n                scrollContainerRef.current.scrollTo(0, offsetTop - buffer);\n            } else if (isBelow) {\n                scrollContainerRef.current.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight + buffer);\n            }\n        }\n    }, [\n        activeOption\n    ]);\n    return scrollContainerRef;\n}\n"],"names":["useScrollOptionsIntoView","state","activeOption","scrollContainerRef","React","useRef","useEffect","current","canUseDOM","activeOptionElement","querySelector","id","offsetHeight","offsetTop","parentOffsetHeight","scrollTop","isAbove","isBelow","buffer","scrollTo"],"mappings":";;;;+BAEgBA;;aAAAA;;;6DAFO;gCACG;AACnB,SAASA,yBAAyBC,KAAK,EAAE;IAC5C,MAAM,EAAEC,aAAY,EAAG,GAAGD;IAC1B,MAAME,qBAAqBC,OAAMC,MAAM,CAAC,IAAI;IAC5CD,OAAME,SAAS,CAAC,IAAI;QAChB,IAAIH,mBAAmBI,OAAO,IAAIL,gBAAgBM,IAAAA,yBAAS,KAAI;YAC3D,MAAMC,sBAAsBN,mBAAmBI,OAAO,CAACG,aAAa,CAAC,CAAC,CAAC,EAAER,aAAaS,EAAE,CAAC,CAAC;YAC1F,IAAI,CAACF,qBAAqB;gBACtB;YACJ,CAAC;YACD,MAAM,EAAEG,aAAY,EAAGC,UAAS,EAAG,GAAGJ;YACtC,MAAM,EAAEG,cAAcE,mBAAkB,EAAGC,UAAS,EAAG,GAAGZ,mBAAmBI,OAAO;YACpF,MAAMS,UAAUH,YAAYE;YAC5B,MAAME,UAAUJ,YAAYD,eAAeG,YAAYD;YACvD,+CAA+C;YAC/C,2FAA2F;YAC3F,MAAMI,SAAS;YACf,IAAIF,SAAS;gBACTb,mBAAmBI,OAAO,CAACY,QAAQ,CAAC,GAAGN,YAAYK;YACvD,OAAO,IAAID,SAAS;gBAChBd,mBAAmBI,OAAO,CAACY,QAAQ,CAAC,GAAGN,YAAYC,qBAAqBF,eAAeM;YAC3F,CAAC;QACL,CAAC;IACL,GAAG;QACChB;KACH;IACD,OAAOC;AACX"}
+{"version":3,"sources":["useScrollOptionsIntoView.js"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '@fluentui/react-utilities';\nexport function useScrollOptionsIntoView(state) {\n    const { activeOption } = state;\n    const scrollContainerRef = React.useRef(null);\n    React.useEffect(()=>{\n        if (scrollContainerRef.current && activeOption && canUseDOM()) {\n            const activeOptionElement = scrollContainerRef.current.querySelector(`#${activeOption.id}`);\n            if (!activeOptionElement) {\n                return;\n            }\n            const { offsetHeight, offsetTop } = activeOptionElement;\n            const { offsetHeight: parentOffsetHeight, scrollTop } = scrollContainerRef.current;\n            const isAbove = offsetTop < scrollTop;\n            const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;\n            // add a small buffer for general visual nicety\n            // it looks slightly better if the option has some space from the top/bottom while arrowing\n            const buffer = 2;\n            if (isAbove) {\n                scrollContainerRef.current.scrollTo(0, offsetTop - buffer);\n            } else if (isBelow) {\n                scrollContainerRef.current.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight + buffer);\n            }\n        }\n    }, [\n        activeOption\n    ]);\n    return scrollContainerRef;\n}\n"],"names":["useScrollOptionsIntoView","state","activeOption","scrollContainerRef","React","useRef","useEffect","current","canUseDOM","activeOptionElement","querySelector","id","offsetHeight","offsetTop","parentOffsetHeight","scrollTop","isAbove","isBelow","buffer","scrollTo"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;gCACG;AACnB,SAASA,yBAAyBC,KAAK;IAC1C,MAAM,EAAEC,YAAY,EAAE,GAAGD;IACzB,MAAME,qBAAqBC,OAAMC,MAAM,CAAC;IACxCD,OAAME,SAAS,CAAC;QACZ,IAAIH,mBAAmBI,OAAO,IAAIL,gBAAgBM,IAAAA,yBAAS,KAAI;YAC3D,MAAMC,sBAAsBN,mBAAmBI,OAAO,CAACG,aAAa,CAAC,CAAC,CAAC,EAAER,aAAaS,EAAE,CAAC,CAAC;YAC1F,IAAI,CAACF,qBAAqB;gBACtB;YACJ;YACA,MAAM,EAAEG,YAAY,EAAEC,SAAS,EAAE,GAAGJ;YACpC,MAAM,EAAEG,cAAcE,kBAAkB,EAAEC,SAAS,EAAE,GAAGZ,mBAAmBI,OAAO;YAClF,MAAMS,UAAUH,YAAYE;YAC5B,MAAME,UAAUJ,YAAYD,eAAeG,YAAYD;YACvD,+CAA+C;YAC/C,2FAA2F;YAC3F,MAAMI,SAAS;YACf,IAAIF,SAAS;gBACTb,mBAAmBI,OAAO,CAACY,QAAQ,CAAC,GAAGN,YAAYK;YACvD,OAAO,IAAID,SAAS;gBAChBd,mBAAmBI,OAAO,CAACY,QAAQ,CAAC,GAAGN,YAAYC,qBAAqBF,eAAeM;YAC3F;QACJ;IACJ,GAAG;QACChB;KACH;IACD,OAAOC;AACX"}

package/lib-commonjs/utils/useSelection.js

@@ -4,18 +4,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useSelection", {
     enumerable: true,
-    get: ()=>useSelection
+    get: function() {
+        return useSelection;
+    }
 });
 const _react = require("react");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _reactutilities = require("@fluentui/react-utilities");
 const useSelection = (props)=>{
-    const { defaultSelectedOptions , multiselect , onOptionSelect  } = props;
-    const [selectedOptions, setSelectedOptions] = (0, _reactUtilities.useControllableState)({
+    const { defaultSelectedOptions, multiselect, onOptionSelect } = props;
+    const [selectedOptions, setSelectedOptions] = (0, _reactutilities.useControllableState)({
         state: props.selectedOptions,
         defaultState: defaultSelectedOptions,
         initialState: []
     });
     const selectOption = (0, _react.useCallback)((event, option)=>{
+        var _onOptionSelect;
         // if the option is disabled, do nothing
         if (option.disabled) {
             return;
@@ -42,7 +45,7 @@ const useSelection = (props)=>{
             }
         }
         setSelectedOptions(newSelection);
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, {
+        (_onOptionSelect = onOptionSelect) === null || _onOptionSelect === void 0 ? void 0 : _onOptionSelect(event, {
             optionValue: option.value,
             optionText: option.text,
             selectedOptions: newSelection
@@ -54,8 +57,9 @@ const useSelection = (props)=>{
         setSelectedOptions
     ]);
     const clearSelection = (event)=>{
+        var _onOptionSelect;
         setSelectedOptions([]);
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, {
+        (_onOptionSelect = onOptionSelect) === null || _onOptionSelect === void 0 ? void 0 : _onOptionSelect(event, {
             optionValue: undefined,
             optionText: undefined,
             selectedOptions: []

package/lib-commonjs/utils/useSelection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSelection.js"],"sourcesContent":["import { useCallback } from 'react';\nimport { useControllableState } from '@fluentui/react-utilities';\nexport const useSelection = (props)=>{\n    const { defaultSelectedOptions , multiselect , onOptionSelect  } = props;\n    const [selectedOptions, setSelectedOptions] = useControllableState({\n        state: props.selectedOptions,\n        defaultState: defaultSelectedOptions,\n        initialState: []\n    });\n    const selectOption = useCallback((event, option)=>{\n        // if the option is disabled, do nothing\n        if (option.disabled) {\n            return;\n        }\n        // for single-select, always return the selected option\n        let newSelection = [\n            option.value\n        ];\n        // toggle selected state of the option for multiselect\n        if (multiselect) {\n            const selectedIndex = selectedOptions.findIndex((o)=>o === option.value);\n            if (selectedIndex > -1) {\n                // deselect option\n                newSelection = [\n                    ...selectedOptions.slice(0, selectedIndex),\n                    ...selectedOptions.slice(selectedIndex + 1)\n                ];\n            } else {\n                // select option\n                newSelection = [\n                    ...selectedOptions,\n                    option.value\n                ];\n            }\n        }\n        setSelectedOptions(newSelection);\n        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, {\n            optionValue: option.value,\n            optionText: option.text,\n            selectedOptions: newSelection\n        });\n    }, [\n        onOptionSelect,\n        multiselect,\n        selectedOptions,\n        setSelectedOptions\n    ]);\n    const clearSelection = (event)=>{\n        setSelectedOptions([]);\n        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, {\n            optionValue: undefined,\n            optionText: undefined,\n            selectedOptions: []\n        });\n    };\n    return {\n        clearSelection,\n        selectOption,\n        selectedOptions\n    };\n};\n"],"names":["useSelection","props","defaultSelectedOptions","multiselect","onOptionSelect","selectedOptions","setSelectedOptions","useControllableState","state","defaultState","initialState","selectOption","useCallback","event","option","disabled","newSelection","value","selectedIndex","findIndex","o","slice","optionValue","optionText","text","clearSelection","undefined"],"mappings":";;;;+BAEaA;;aAAAA;;uBAFe;gCACS;AAC9B,MAAMA,eAAe,CAACC,QAAQ;IACjC,MAAM,EAAEC,uBAAsB,EAAGC,YAAW,EAAGC,eAAc,EAAG,GAAGH;IACnE,MAAM,CAACI,iBAAiBC,mBAAmB,GAAGC,IAAAA,oCAAoB,EAAC;QAC/DC,OAAOP,MAAMI,eAAe;QAC5BI,cAAcP;QACdQ,cAAc,EAAE;IACpB;IACA,MAAMC,eAAeC,IAAAA,kBAAW,EAAC,CAACC,OAAOC,SAAS;QAC9C,wCAAwC;QACxC,IAAIA,OAAOC,QAAQ,EAAE;YACjB;QACJ,CAAC;QACD,uDAAuD;QACvD,IAAIC,eAAe;YACfF,OAAOG,KAAK;SACf;QACD,sDAAsD;QACtD,IAAId,aAAa;YACb,MAAMe,gBAAgBb,gBAAgBc,SAAS,CAAC,CAACC,IAAIA,MAAMN,OAAOG,KAAK;YACvE,IAAIC,gBAAgB,CAAC,GAAG;gBACpB,kBAAkB;gBAClBF,eAAe;uBACRX,gBAAgBgB,KAAK,CAAC,GAAGH;uBACzBb,gBAAgBgB,KAAK,CAACH,gBAAgB;iBAC5C;YACL,OAAO;gBACH,gBAAgB;gBAChBF,eAAe;uBACRX;oBACHS,OAAOG,KAAK;iBACf;YACL,CAAC;QACL,CAAC;QACDX,mBAAmBU;QACnBZ,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeS,OAAO;YAClFS,aAAaR,OAAOG,KAAK;YACzBM,YAAYT,OAAOU,IAAI;YACvBnB,iBAAiBW;QACrB,EAAE;IACN,GAAG;QACCZ;QACAD;QACAE;QACAC;KACH;IACD,MAAMmB,iBAAiB,CAACZ,QAAQ;QAC5BP,mBAAmB,EAAE;QACrBF,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeS,OAAO;YAClFS,aAAaI;YACbH,YAAYG;YACZrB,iBAAiB,EAAE;QACvB,EAAE;IACN;IACA,OAAO;QACHoB;QACAd;QACAN;IACJ;AACJ"}
+{"version":3,"sources":["useSelection.js"],"sourcesContent":["import { useCallback } from 'react';\nimport { useControllableState } from '@fluentui/react-utilities';\nexport const useSelection = (props)=>{\n    const { defaultSelectedOptions, multiselect, onOptionSelect } = props;\n    const [selectedOptions, setSelectedOptions] = useControllableState({\n        state: props.selectedOptions,\n        defaultState: defaultSelectedOptions,\n        initialState: []\n    });\n    const selectOption = useCallback((event, option)=>{\n        var _onOptionSelect;\n        // if the option is disabled, do nothing\n        if (option.disabled) {\n            return;\n        }\n        // for single-select, always return the selected option\n        let newSelection = [\n            option.value\n        ];\n        // toggle selected state of the option for multiselect\n        if (multiselect) {\n            const selectedIndex = selectedOptions.findIndex((o)=>o === option.value);\n            if (selectedIndex > -1) {\n                // deselect option\n                newSelection = [\n                    ...selectedOptions.slice(0, selectedIndex),\n                    ...selectedOptions.slice(selectedIndex + 1)\n                ];\n            } else {\n                // select option\n                newSelection = [\n                    ...selectedOptions,\n                    option.value\n                ];\n            }\n        }\n        setSelectedOptions(newSelection);\n        (_onOptionSelect = onOptionSelect) === null || _onOptionSelect === void 0 ? void 0 : _onOptionSelect(event, {\n            optionValue: option.value,\n            optionText: option.text,\n            selectedOptions: newSelection\n        });\n    }, [\n        onOptionSelect,\n        multiselect,\n        selectedOptions,\n        setSelectedOptions\n    ]);\n    const clearSelection = (event)=>{\n        var _onOptionSelect;\n        setSelectedOptions([]);\n        (_onOptionSelect = onOptionSelect) === null || _onOptionSelect === void 0 ? void 0 : _onOptionSelect(event, {\n            optionValue: undefined,\n            optionText: undefined,\n            selectedOptions: []\n        });\n    };\n    return {\n        clearSelection,\n        selectOption,\n        selectedOptions\n    };\n};\n"],"names":["useSelection","props","defaultSelectedOptions","multiselect","onOptionSelect","selectedOptions","setSelectedOptions","useControllableState","state","defaultState","initialState","selectOption","useCallback","event","option","_onOptionSelect","disabled","newSelection","value","selectedIndex","findIndex","o","slice","optionValue","optionText","text","clearSelection","undefined"],"mappings":";;;;+BAEaA;;;eAAAA;;;uBAFe;gCACS;AAC9B,MAAMA,eAAe,CAACC;IACzB,MAAM,EAAEC,sBAAsB,EAAEC,WAAW,EAAEC,cAAc,EAAE,GAAGH;IAChE,MAAM,CAACI,iBAAiBC,mBAAmB,GAAGC,IAAAA,oCAAoB,EAAC;QAC/DC,OAAOP,MAAMI,eAAe;QAC5BI,cAAcP;QACdQ,cAAc,EAAE;IACpB;IACA,MAAMC,eAAeC,IAAAA,kBAAW,EAAC,CAACC,OAAOC;QACrC,IAAIC;QACJ,wCAAwC;QACxC,IAAID,OAAOE,QAAQ,EAAE;YACjB;QACJ;QACA,uDAAuD;QACvD,IAAIC,eAAe;YACfH,OAAOI,KAAK;SACf;QACD,sDAAsD;QACtD,IAAIf,aAAa;YACb,MAAMgB,gBAAgBd,gBAAgBe,SAAS,CAAC,CAACC,IAAIA,MAAMP,OAAOI,KAAK;YACvE,IAAIC,gBAAgB,CAAC,GAAG;gBACpB,kBAAkB;gBAClBF,eAAe;uBACRZ,gBAAgBiB,KAAK,CAAC,GAAGH;uBACzBd,gBAAgBiB,KAAK,CAACH,gBAAgB;iBAC5C;YACL,OAAO;gBACH,gBAAgB;gBAChBF,eAAe;uBACRZ;oBACHS,OAAOI,KAAK;iBACf;YACL;QACJ;QACAZ,mBAAmBW;QAClBF,CAAAA,kBAAkBX,cAAa,MAAO,QAAQW,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBF,OAAO;YACxGU,aAAaT,OAAOI,KAAK;YACzBM,YAAYV,OAAOW,IAAI;YACvBpB,iBAAiBY;QACrB;IACJ,GAAG;QACCb;QACAD;QACAE;QACAC;KACH;IACD,MAAMoB,iBAAiB,CAACb;QACpB,IAAIE;QACJT,mBAAmB,EAAE;QACpBS,CAAAA,kBAAkBX,cAAa,MAAO,QAAQW,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBF,OAAO;YACxGU,aAAaI;YACbH,YAAYG;YACZtB,iBAAiB,EAAE;QACvB;IACJ;IACA,OAAO;QACHqB;QACAf;QACAN;IACJ;AACJ"}

package/lib-commonjs/utils/useTriggerListboxSlots.js

@@ -4,19 +4,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useTriggerListboxSlots", {
     enumerable: true,
-    get: ()=>useTriggerListboxSlots
+    get: function() {
+        return useTriggerListboxSlots;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
 const _dropdownKeyActions = require("../utils/dropdownKeyActions");
 function useTriggerListboxSlots(props, state, ref, triggerSlot, listboxSlot) {
-    const { multiselect  } = props;
-    const { activeOption , getCount , getIndexOfId , getOptionAtIndex , ignoreNextBlur , open , selectOption , setActiveOption , setFocusVisible , setHasFocus , setOpen  } = state;
+    var _listboxSlot, _activeOption, _triggerSlot, _listbox, _listbox1, _listbox2;
+    const { multiselect } = props;
+    const { activeOption, getCount, getIndexOfId, getOptionAtIndex, ignoreNextBlur, open, selectOption, setActiveOption, setFocusVisible, setHasFocus, setOpen } = state;
     // handle trigger focus/blur
     const triggerRef = _react.useRef(null);
     // resolve listbox shorthand props
-    const listboxId = (0, _reactUtilities.useId)('fluent-listbox', listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id);
+    const listboxId = (0, _reactutilities.useId)('fluent-listbox', (_listboxSlot = listboxSlot) === null || _listboxSlot === void 0 ? void 0 : _listboxSlot.id);
     const listbox = listboxSlot && {
         id: listboxId,
         multiselect,
@@ -26,28 +29,28 @@ function useTriggerListboxSlots(props, state, ref, triggerSlot, listboxSlot) {
     // resolve trigger shorthand props
     const trigger = {
         'aria-expanded': open,
-        'aria-activedescendant': open ? activeOption === null || activeOption === void 0 ? void 0 : activeOption.id : undefined,
+        'aria-activedescendant': open ? (_activeOption = activeOption) === null || _activeOption === void 0 ? void 0 : _activeOption.id : undefined,
         role: 'combobox',
         ...triggerSlot,
         // explicitly type the ref as an intersection here to prevent type errors
         // since the `children` prop has mutually incompatible types between input/button
         // functionally both ref and triggerRef will always be the same element type
-        ref: (0, _reactUtilities.useMergedRefs)(ref, triggerSlot === null || triggerSlot === void 0 ? void 0 : triggerSlot.ref, triggerRef)
+        ref: (0, _reactutilities.useMergedRefs)(ref, (_triggerSlot = triggerSlot) === null || _triggerSlot === void 0 ? void 0 : _triggerSlot.ref, triggerRef)
     };
     /*
    * Handle focus when clicking the listbox popup:
    * 1. Move focus back to the button/input when the listbox is clicked (otherwise it goes to body)
    * 2. Do not close the listbox on button/input blur when clicking into the listbox
-   */ const listboxOnClick = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)((event)=>{
+   */ const listboxOnClick = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)((event)=>{
         var _triggerRef_current;
         (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
-    }, listbox === null || listbox === void 0 ? void 0 : listbox.onClick));
-    const listboxOnMouseOver = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)((event)=>{
+    }, (_listbox = listbox) === null || _listbox === void 0 ? void 0 : _listbox.onClick));
+    const listboxOnMouseOver = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)((event)=>{
         setFocusVisible(false);
-    }, listbox === null || listbox === void 0 ? void 0 : listbox.onMouseOver));
-    const listboxOnMouseDown = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)((event)=>{
+    }, (_listbox1 = listbox) === null || _listbox1 === void 0 ? void 0 : _listbox1.onMouseOver));
+    const listboxOnMouseDown = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)((event)=>{
         ignoreNextBlur.current = true;
-    }, listbox === null || listbox === void 0 ? void 0 : listbox.onMouseDown));
+    }, (_listbox2 = listbox) === null || _listbox2 === void 0 ? void 0 : _listbox2.onMouseDown));
     // listbox is nullable, only add event handlers if it exists
     if (listbox) {
         listbox.onClick = listboxOnClick;
@@ -55,21 +58,21 @@ function useTriggerListboxSlots(props, state, ref, triggerSlot, listboxSlot) {
         listbox.onMouseDown = listboxOnMouseDown;
     }
     // the trigger should open/close the popup on click or blur
-    trigger.onBlur = (0, _reactUtilities.mergeCallbacks)((event)=>{
+    trigger.onBlur = (0, _reactutilities.mergeCallbacks)((event)=>{
         if (!ignoreNextBlur.current) {
             setOpen(event, false);
         }
         ignoreNextBlur.current = false;
         setHasFocus(false);
     }, trigger.onBlur);
-    trigger.onClick = (0, _reactUtilities.mergeCallbacks)((event)=>{
+    trigger.onClick = (0, _reactutilities.mergeCallbacks)((event)=>{
         setOpen(event, !open);
     }, trigger.onClick);
-    trigger.onFocus = (0, _reactUtilities.mergeCallbacks)((event)=>{
+    trigger.onFocus = (0, _reactutilities.mergeCallbacks)((event)=>{
         setHasFocus(true);
     }, trigger.onFocus);
     // handle combobox keyboard interaction
-    trigger.onKeyDown = (0, _reactUtilities.mergeCallbacks)((event)=>{
+    trigger.onKeyDown = (0, _reactutilities.mergeCallbacks)((event)=>{
         const action = (0, _dropdownKeyActions.getDropdownActionFromKey)(event, {
             open,
             multiselect
@@ -90,7 +93,8 @@ function useTriggerListboxSlots(props, state, ref, triggerSlot, listboxSlot) {
                 setOpen(event, false);
                 break;
             case 'CloseSelect':
-                !multiselect && !(activeOption === null || activeOption === void 0 ? void 0 : activeOption.disabled) && setOpen(event, false);
+                var _activeOption;
+                !multiselect && !((_activeOption = activeOption) === null || _activeOption === void 0 ? void 0 : _activeOption.disabled) && setOpen(event, false);
             // fallthrough
             case 'Select':
                 activeOption && selectOption(event, activeOption);
@@ -109,7 +113,7 @@ function useTriggerListboxSlots(props, state, ref, triggerSlot, listboxSlot) {
             setFocusVisible(true);
         }
     }, trigger.onKeyDown);
-    trigger.onMouseOver = (0, _reactUtilities.mergeCallbacks)((event)=>{
+    trigger.onMouseOver = (0, _reactutilities.mergeCallbacks)((event)=>{
         setFocusVisible(false);
     }, trigger.onMouseOver);
     return [

package/lib-commonjs/utils/useTriggerListboxSlots.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTriggerListboxSlots.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeCallbacks, useId, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey, getIndexFromAction } from '../utils/dropdownKeyActions';\n/*\n * useTriggerListboxSlots returns a tuple of trigger/listbox shorthand,\n * with the semantics and event handlers needed for the Combobox and Dropdown components.\n * The element type of the ref should always match the element type used in the trigger shorthand.\n */ export function useTriggerListboxSlots(props, state, ref, triggerSlot, listboxSlot) {\n    const { multiselect  } = props;\n    const { activeOption , getCount , getIndexOfId , getOptionAtIndex , ignoreNextBlur , open , selectOption , setActiveOption , setFocusVisible , setHasFocus , setOpen  } = state;\n    // handle trigger focus/blur\n    const triggerRef = React.useRef(null);\n    // resolve listbox shorthand props\n    const listboxId = useId('fluent-listbox', listboxSlot === null || listboxSlot === void 0 ? void 0 : listboxSlot.id);\n    const listbox = listboxSlot && {\n        id: listboxId,\n        multiselect,\n        tabIndex: undefined,\n        ...listboxSlot\n    };\n    // resolve trigger shorthand props\n    const trigger = {\n        'aria-expanded': open,\n        'aria-activedescendant': open ? activeOption === null || activeOption === void 0 ? void 0 : activeOption.id : undefined,\n        role: 'combobox',\n        ...triggerSlot,\n        // explicitly type the ref as an intersection here to prevent type errors\n        // since the `children` prop has mutually incompatible types between input/button\n        // functionally both ref and triggerRef will always be the same element type\n        ref: useMergedRefs(ref, triggerSlot === null || triggerSlot === void 0 ? void 0 : triggerSlot.ref, triggerRef)\n    };\n    /*\n   * Handle focus when clicking the listbox popup:\n   * 1. Move focus back to the button/input when the listbox is clicked (otherwise it goes to body)\n   * 2. Do not close the listbox on button/input blur when clicking into the listbox\n   */ const listboxOnClick = useEventCallback(mergeCallbacks((event)=>{\n        var _triggerRef_current;\n        (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n    }, listbox === null || listbox === void 0 ? void 0 : listbox.onClick));\n    const listboxOnMouseOver = useEventCallback(mergeCallbacks((event)=>{\n        setFocusVisible(false);\n    }, listbox === null || listbox === void 0 ? void 0 : listbox.onMouseOver));\n    const listboxOnMouseDown = useEventCallback(mergeCallbacks((event)=>{\n        ignoreNextBlur.current = true;\n    }, listbox === null || listbox === void 0 ? void 0 : listbox.onMouseDown));\n    // listbox is nullable, only add event handlers if it exists\n    if (listbox) {\n        listbox.onClick = listboxOnClick;\n        listbox.onMouseOver = listboxOnMouseOver;\n        listbox.onMouseDown = listboxOnMouseDown;\n    }\n    // the trigger should open/close the popup on click or blur\n    trigger.onBlur = mergeCallbacks((event)=>{\n        if (!ignoreNextBlur.current) {\n            setOpen(event, false);\n        }\n        ignoreNextBlur.current = false;\n        setHasFocus(false);\n    }, trigger.onBlur);\n    trigger.onClick = mergeCallbacks((event)=>{\n        setOpen(event, !open);\n    }, trigger.onClick);\n    trigger.onFocus = mergeCallbacks((event)=>{\n        setHasFocus(true);\n    }, trigger.onFocus);\n    // handle combobox keyboard interaction\n    trigger.onKeyDown = mergeCallbacks((event)=>{\n        const action = getDropdownActionFromKey(event, {\n            open,\n            multiselect\n        });\n        const maxIndex = getCount() - 1;\n        const activeIndex = activeOption ? getIndexOfId(activeOption.id) : -1;\n        let newIndex = activeIndex;\n        switch(action){\n            case 'Open':\n                event.preventDefault();\n                setFocusVisible(true);\n                setOpen(event, true);\n                break;\n            case 'Close':\n                // stop propagation for escape key to avoid dismissing any parent popups\n                event.stopPropagation();\n                event.preventDefault();\n                setOpen(event, false);\n                break;\n            case 'CloseSelect':\n                !multiselect && !(activeOption === null || activeOption === void 0 ? void 0 : activeOption.disabled) && setOpen(event, false);\n            // fallthrough\n            case 'Select':\n                activeOption && selectOption(event, activeOption);\n                event.preventDefault();\n                break;\n            case 'Tab':\n                !multiselect && activeOption && selectOption(event, activeOption);\n                break;\n            default:\n                newIndex = getIndexFromAction(action, activeIndex, maxIndex);\n        }\n        if (newIndex !== activeIndex) {\n            // prevent default page scroll/keyboard action if the index changed\n            event.preventDefault();\n            setActiveOption(getOptionAtIndex(newIndex));\n            setFocusVisible(true);\n        }\n    }, trigger.onKeyDown);\n    trigger.onMouseOver = mergeCallbacks((event)=>{\n        setFocusVisible(false);\n    }, trigger.onMouseOver);\n    return [\n        trigger,\n        listbox\n    ];\n}\n"],"names":["useTriggerListboxSlots","props","state","ref","triggerSlot","listboxSlot","multiselect","activeOption","getCount","getIndexOfId","getOptionAtIndex","ignoreNextBlur","open","selectOption","setActiveOption","setFocusVisible","setHasFocus","setOpen","triggerRef","React","useRef","listboxId","useId","id","listbox","tabIndex","undefined","trigger","role","useMergedRefs","listboxOnClick","useEventCallback","mergeCallbacks","event","_triggerRef_current","current","focus","onClick","listboxOnMouseOver","onMouseOver","listboxOnMouseDown","onMouseDown","onBlur","onFocus","onKeyDown","action","getDropdownActionFromKey","maxIndex","activeIndex","newIndex","preventDefault","stopPropagation","disabled","getIndexFromAction"],"mappings":"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"}
+{"version":3,"sources":["useTriggerListboxSlots.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeCallbacks, useId, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey, getIndexFromAction } from '../utils/dropdownKeyActions';\n/*\n * useTriggerListboxSlots returns a tuple of trigger/listbox shorthand,\n * with the semantics and event handlers needed for the Combobox and Dropdown components.\n * The element type of the ref should always match the element type used in the trigger shorthand.\n */ export function useTriggerListboxSlots(props, state, ref, triggerSlot, listboxSlot) {\n    var _listboxSlot, _activeOption, _triggerSlot, _listbox, _listbox1, _listbox2;\n    const { multiselect } = props;\n    const { activeOption, getCount, getIndexOfId, getOptionAtIndex, ignoreNextBlur, open, selectOption, setActiveOption, setFocusVisible, setHasFocus, setOpen } = state;\n    // handle trigger focus/blur\n    const triggerRef = React.useRef(null);\n    // resolve listbox shorthand props\n    const listboxId = useId('fluent-listbox', (_listboxSlot = listboxSlot) === null || _listboxSlot === void 0 ? void 0 : _listboxSlot.id);\n    const listbox = listboxSlot && {\n        id: listboxId,\n        multiselect,\n        tabIndex: undefined,\n        ...listboxSlot\n    };\n    // resolve trigger shorthand props\n    const trigger = {\n        'aria-expanded': open,\n        'aria-activedescendant': open ? (_activeOption = activeOption) === null || _activeOption === void 0 ? void 0 : _activeOption.id : undefined,\n        role: 'combobox',\n        ...triggerSlot,\n        // explicitly type the ref as an intersection here to prevent type errors\n        // since the `children` prop has mutually incompatible types between input/button\n        // functionally both ref and triggerRef will always be the same element type\n        ref: useMergedRefs(ref, (_triggerSlot = triggerSlot) === null || _triggerSlot === void 0 ? void 0 : _triggerSlot.ref, triggerRef)\n    };\n    /*\n   * Handle focus when clicking the listbox popup:\n   * 1. Move focus back to the button/input when the listbox is clicked (otherwise it goes to body)\n   * 2. Do not close the listbox on button/input blur when clicking into the listbox\n   */ const listboxOnClick = useEventCallback(mergeCallbacks((event)=>{\n        var _triggerRef_current;\n        (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n    }, (_listbox = listbox) === null || _listbox === void 0 ? void 0 : _listbox.onClick));\n    const listboxOnMouseOver = useEventCallback(mergeCallbacks((event)=>{\n        setFocusVisible(false);\n    }, (_listbox1 = listbox) === null || _listbox1 === void 0 ? void 0 : _listbox1.onMouseOver));\n    const listboxOnMouseDown = useEventCallback(mergeCallbacks((event)=>{\n        ignoreNextBlur.current = true;\n    }, (_listbox2 = listbox) === null || _listbox2 === void 0 ? void 0 : _listbox2.onMouseDown));\n    // listbox is nullable, only add event handlers if it exists\n    if (listbox) {\n        listbox.onClick = listboxOnClick;\n        listbox.onMouseOver = listboxOnMouseOver;\n        listbox.onMouseDown = listboxOnMouseDown;\n    }\n    // the trigger should open/close the popup on click or blur\n    trigger.onBlur = mergeCallbacks((event)=>{\n        if (!ignoreNextBlur.current) {\n            setOpen(event, false);\n        }\n        ignoreNextBlur.current = false;\n        setHasFocus(false);\n    }, trigger.onBlur);\n    trigger.onClick = mergeCallbacks((event)=>{\n        setOpen(event, !open);\n    }, trigger.onClick);\n    trigger.onFocus = mergeCallbacks((event)=>{\n        setHasFocus(true);\n    }, trigger.onFocus);\n    // handle combobox keyboard interaction\n    trigger.onKeyDown = mergeCallbacks((event)=>{\n        const action = getDropdownActionFromKey(event, {\n            open,\n            multiselect\n        });\n        const maxIndex = getCount() - 1;\n        const activeIndex = activeOption ? getIndexOfId(activeOption.id) : -1;\n        let newIndex = activeIndex;\n        switch(action){\n            case 'Open':\n                event.preventDefault();\n                setFocusVisible(true);\n                setOpen(event, true);\n                break;\n            case 'Close':\n                // stop propagation for escape key to avoid dismissing any parent popups\n                event.stopPropagation();\n                event.preventDefault();\n                setOpen(event, false);\n                break;\n            case 'CloseSelect':\n                var _activeOption;\n                !multiselect && !((_activeOption = activeOption) === null || _activeOption === void 0 ? void 0 : _activeOption.disabled) && setOpen(event, false);\n            // fallthrough\n            case 'Select':\n                activeOption && selectOption(event, activeOption);\n                event.preventDefault();\n                break;\n            case 'Tab':\n                !multiselect && activeOption && selectOption(event, activeOption);\n                break;\n            default:\n                newIndex = getIndexFromAction(action, activeIndex, maxIndex);\n        }\n        if (newIndex !== activeIndex) {\n            // prevent default page scroll/keyboard action if the index changed\n            event.preventDefault();\n            setActiveOption(getOptionAtIndex(newIndex));\n            setFocusVisible(true);\n        }\n    }, trigger.onKeyDown);\n    trigger.onMouseOver = mergeCallbacks((event)=>{\n        setFocusVisible(false);\n    }, trigger.onMouseOver);\n    return [\n        trigger,\n        listbox\n    ];\n}\n"],"names":["useTriggerListboxSlots","props","state","ref","triggerSlot","listboxSlot","_listboxSlot","_activeOption","_triggerSlot","_listbox","_listbox1","_listbox2","multiselect","activeOption","getCount","getIndexOfId","getOptionAtIndex","ignoreNextBlur","open","selectOption","setActiveOption","setFocusVisible","setHasFocus","setOpen","triggerRef","React","useRef","listboxId","useId","id","listbox","tabIndex","undefined","trigger","role","useMergedRefs","listboxOnClick","useEventCallback","mergeCallbacks","event","_triggerRef_current","current","focus","onClick","listboxOnMouseOver","onMouseOver","listboxOnMouseDown","onMouseDown","onBlur","onFocus","onKeyDown","action","getDropdownActionFromKey","maxIndex","activeIndex","newIndex","preventDefault","stopPropagation","disabled","getIndexFromAction"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-combobox",
-  "version": "9.5.8",
+  "version": "9.5.10",
   "description": "Fluent UI React Combobox component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,24 +33,24 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-context-selector": "^9.1.30",
-    "@fluentui/react-field": "^9.1.21",
+    "@fluentui/keyboard-keys": "^9.0.4",
+    "@fluentui/react-context-selector": "^9.1.32",
+    "@fluentui/react-field": "^9.1.23",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-jsx-runtime": "^9.0.2",
-    "@fluentui/react-portal": "^9.3.9",
-    "@fluentui/react-positioning": "^9.9.7",
-    "@fluentui/react-shared-contexts": "^9.7.2",
-    "@fluentui/react-theme": "^9.1.11",
-    "@fluentui/react-utilities": "^9.12.0",
+    "@fluentui/react-jsx-runtime": "^9.0.4",
+    "@fluentui/react-portal": "^9.3.11",
+    "@fluentui/react-positioning": "^9.9.9",
+    "@fluentui/react-shared-contexts": "^9.7.3",
+    "@fluentui/react-theme": "^9.1.12",
+    "@fluentui/react-utilities": "^9.13.1",
     "@griffel/react": "^1.5.14",
-    "@swc/helpers": "^0.4.14"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <19.0.0",
-    "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0",
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0",
     "scheduler": "^0.19.0 || ^0.20.0"
   },
   "beachball": {