@fluentui-copilot/react-prompt-listbox 0.0.0-nightly-20240719-0406-ee8d99d6.1

package/lib-commonjs/components/PromptListbox/PromptListbox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptListbox.types.ts"],"sourcesContent":["import type { ActiveDescendantContextValue } from '@fluentui/react-aria';\nimport type {\n  ComboboxProps,\n  ComponentProps,\n  ComponentState,\n  Listbox,\n  ListboxContextValue,\n  PortalProps,\n  Slot,\n} from '@fluentui/react-components';\nimport type { PromptListboxContextState } from './usePromptListboxContextValues';\nimport type { OptionCollectionState } from '../utils/OptionCollection.types';\nimport type { SelectionState } from '../utils/Selection.types';\n\nexport type PromptListboxSlots = {\n  root: Slot<typeof Listbox>;\n};\n\n/**\n * PromptListbox Props\n */\nexport type PromptListboxProps = ComponentProps<PromptListboxSlots> &\n  Pick<PortalProps, 'mountNode'> &\n  OptionCollectionState &\n  SelectionState &\n  Pick<PromptListboxContextState, 'activeDescendantController'> &\n  Pick<ComboboxProps, 'onActiveOptionChange'> & {\n    /**\n     * Whether to listbox should be rendered.\n     *\n     * @default false\n     */\n    open?: boolean;\n    /**\n     * Whether to render the listbox inline or in a portal.\n     *\n     * @default false\n     */\n    inlinePopup?: boolean;\n  };\n\n/**\n * State used in rendering PromptListbox\n */\nexport type PromptListboxState = ComponentState<PromptListboxSlots> &\n  PromptListboxContextState &\n  Required<Pick<PromptListboxProps, 'open' | 'inlinePopup'>> &\n  Pick<PromptListboxProps, 'mountNode'>;\n\nexport type PromptListboxContextValues = {\n  listbox: ListboxContextValue;\n  activeDescendant: ActiveDescendantContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/components/PromptListbox/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./PromptListbox"), exports);
+_export_star._(require("./PromptListbox.types"), exports);
+_export_star._(require("./renderPromptListbox"), exports);
+_export_star._(require("./usePromptListbox"), exports);
+_export_star._(require("./usePromptListboxStyles.styles"), exports);
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PromptListbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PromptListbox';\nexport * from './PromptListbox.types';\nexport * from './renderPromptListbox';\nexport * from './usePromptListbox';\nexport * from './usePromptListboxStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/PromptListbox/renderPromptListbox.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderPromptListbox_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderPromptListbox_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const _reactaria = require("@fluentui/react-aria");
+const renderPromptListbox_unstable = (state, contextValues)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.ListboxProvider, {
+        value: contextValues.listbox,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactaria.ActiveDescendantContextProvider, {
+            value: contextValues.activeDescendant,
+            children: state.open && (state.inlinePopup ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.Portal, {
+                mountNode: state.mountNode,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+            }))
+        })
+    });
+}; //# sourceMappingURL=renderPromptListbox.js.map

package/lib-commonjs/components/PromptListbox/renderPromptListbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderPromptListbox.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots, ListboxProvider, Portal } from '@fluentui/react-components';\nimport { ActiveDescendantContextProvider } from '@fluentui/react-aria';\nimport type { PromptListboxState, PromptListboxSlots, PromptListboxContextValues } from './PromptListbox.types';\n\n/**\n * Render the final JSX of PromptListbox\n */\nexport const renderPromptListbox_unstable = (state: PromptListboxState, contextValues: PromptListboxContextValues) => {\n  assertSlots<PromptListboxSlots>(state);\n\n  return (\n    <ListboxProvider value={contextValues.listbox}>\n      <ActiveDescendantContextProvider value={contextValues.activeDescendant}>\n        {state.open &&\n          (state.inlinePopup ? (\n            <state.root />\n          ) : (\n            <Portal mountNode={state.mountNode}>\n              <state.root />\n            </Portal>\n          ))}\n      </ActiveDescendantContextProvider>\n    </ListboxProvider>\n  );\n};\n"],"names":["assertSlots","state","value","contextValues","listbox","inlinePopup","mountNode","_jsx","root","Portal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWEA;;;eAAAA;;;4BAXwB;iCAG2B;2BACL;AAO9CA,MAAAA,+BAAgCC,CAAAA,OAAAA;oCAEhC,EAAAA;WACmBC,WAAOC,GAAAA,IAAAA,eAAAA,EAAAA,gCAAqB,EAAA;6BAC3CC,OAAA;kBAAiCF,WAAOC,GAAAA,IAAAA,eAAAA,EAAAA,0CAA8B,EAAA;iCACnEF,gBACQI;sBAGGC,MAAAA,IAAAA,IAAWL,CAAAA,MAAMK,WAAS,GAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAN,MAAAO,IAAA,EAAA,CAAA,KAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAE,uBAAA,EAAA;0CAChC;0BAEJ,WAAA,GAAAF,IAAAA,eAAA,EAAAN,MAAAO,IAAA,EAAA,CAAA;;;IAIR"}

package/lib-commonjs/components/PromptListbox/usePromptListbox.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePromptListbox_unstable", {
+    enumerable: true,
+    get: function() {
+        return usePromptListbox_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _reactutilities = require("@fluentui/react-utilities");
+const usePromptListbox_unstable = (props, ref)=>{
+    const { id, onActiveOptionChange, inlinePopup = false, mountNode = undefined, open = true, activeDescendantController, getOptionById, getOptionsMatchingValue, selectedOptions, selectOption, registerOption } = props;
+    const listboxId = (0, _reactutilities.useId)('prompt-listbox', id);
+    const onActiveDescendantChange = (0, _reactutilities.useEventCallback)((event)=>{
+        const previousOption = event.detail.previousId ? getOptionById(event.detail.previousId) : null;
+        const nextOption = getOptionById(event.detail.id);
+        onActiveOptionChange === null || onActiveOptionChange === void 0 ? void 0 : onActiveOptionChange(event, {
+            event,
+            type: 'change',
+            previousOption,
+            nextOption
+        });
+    });
+    const state = {
+        ...deprecatedPropsDefaults,
+        open,
+        getOptionById,
+        getOptionsMatchingValue,
+        selectedOptions,
+        selectOption,
+        registerOption,
+        onActiveDescendantChange,
+        activeDescendantController,
+        inlinePopup,
+        mountNode,
+        components: {
+            root: _reactcomponents.Listbox
+        },
+        root: _reactcomponents.slot.always({
+            ...props,
+            selectedOptions
+        }, {
+            defaultProps: {
+                disableAutoFocus: true,
+                id: listboxId,
+                tabIndex: undefined
+            },
+            elementType: _reactcomponents.Listbox
+        })
+    };
+    state.root.ref = (0, _reactcomponents.useMergedRefs)(ref, state.root.ref);
+    state.root.onMouseDown = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)((event)=>{
+        event.preventDefault();
+    }, state.root.onMouseDown));
+    state.root.onClick = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)((event)=>{
+        event.preventDefault();
+    }, state.root.onClick));
+    return state;
+};
+const noop = ()=>null;
+const deprecatedPropsDefaults = {
+    activeOption: undefined,
+    focusVisible: false,
+    setActiveOption: noop,
+    onOptionClick: noop
+}; //# sourceMappingURL=usePromptListbox.js.map

package/lib-commonjs/components/PromptListbox/usePromptListbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptListbox.ts"],"sourcesContent":["import { Listbox, slot, useMergedRefs } from '@fluentui/react-components';\nimport { mergeCallbacks, useEventCallback, useId } from '@fluentui/react-utilities';\nimport type * as React from 'react';\nimport type { PromptListboxProps, PromptListboxState } from './PromptListbox.types';\nimport type { PromptListboxContextState } from './usePromptListboxContextValues';\nimport type { ActiveDescendantChangeEvent } from '@fluentui/react-aria';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PromptListbox.\n *\n * The returned state can be modified with hooks such as usePromptListboxStyles_unstable,\n * before being passed to renderPromptListbox_unstable.\n *\n * @param props - props from this instance of PromptListbox\n * @param ref - reference to root HTMLElement of PromptListbox\n */\nexport const usePromptListbox_unstable = (\n  props: PromptListboxProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptListboxState => {\n  const {\n    id,\n    onActiveOptionChange,\n    inlinePopup = false,\n    mountNode = undefined,\n    open = true,\n    activeDescendantController,\n    getOptionById,\n    getOptionsMatchingValue,\n    selectedOptions,\n    selectOption,\n    registerOption,\n  } = props;\n  const listboxId = useId('prompt-listbox', id);\n\n  const onActiveDescendantChange = useEventCallback((event: ActiveDescendantChangeEvent) => {\n    const previousOption = event.detail.previousId ? getOptionById(event.detail.previousId) : null;\n    const nextOption = getOptionById(event.detail.id);\n    onActiveOptionChange?.(event, { event, type: 'change', previousOption, nextOption });\n  });\n\n  const state: PromptListboxState = {\n    ...deprecatedPropsDefaults,\n    open,\n    getOptionById,\n    getOptionsMatchingValue,\n    selectedOptions,\n    selectOption,\n    registerOption,\n    onActiveDescendantChange,\n    activeDescendantController,\n    inlinePopup,\n    mountNode,\n\n    components: {\n      root: Listbox,\n    },\n\n    root: slot.always(\n      { ...props, selectedOptions },\n      {\n        defaultProps: {\n          disableAutoFocus: true,\n          id: listboxId,\n          tabIndex: undefined,\n        },\n        elementType: Listbox,\n      },\n    ),\n  };\n\n  state.root.ref = useMergedRefs(ref, state.root.ref);\n  state.root.onMouseDown = useEventCallback(\n    mergeCallbacks((event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    }, state.root.onMouseDown),\n  );\n\n  state.root.onClick = useEventCallback(\n    mergeCallbacks((event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    }, state.root.onClick),\n  );\n\n  return state;\n};\n\nconst noop = () => null;\n\nconst deprecatedPropsDefaults: Pick<\n  PromptListboxContextState,\n  'activeOption' | 'focusVisible' | 'setActiveOption' | 'onOptionClick'\n> = {\n  activeOption: undefined,\n  focusVisible: false,\n  setActiveOption: noop,\n  onOptionClick: noop,\n};\n"],"names":["id","inlinePopup","previousOption","nextOption","onActiveOptionChange","event","selectOption","registerOption","open","getOptionById","getOptionsMatchingValue","selectedOptions","onActiveDescendantChange","root","Listbox","state","onMouseDown","preventDefault","tabIndex","undefined","noop","deprecatedPropsDefaults","activeOption","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBIA;;;eAAAA;;;iCAvByC;gCACW;AAqBtD,MACEA,4BAEAC,CAAAA,OAAAA;UAUF,EAEAD,EAAA,sBACQE,gBACAC,KAAAA,cACNC,SAAAA,aAAgCC,4BAAa,eAAUH,yBAAgBC,iBAAW,EACpFG,YAAA,EAEAC,cAAkC;UAEhCC,YAAAA,IAAAA,qBAAAA,EAAAA,kBAAAA;UACAC,2BAAAA,IAAAA,gCAAAA,EAAAA,CAAAA;cACAC,iBAAAA,MAAAA,MAAAA,CAAAA,UAAAA,GAAAA,cAAAA,MAAAA,MAAAA,CAAAA,UAAAA,IAAAA;cACAC,aAAAA,cAAAA,MAAAA,MAAAA,CAAAA,EAAAA;iCACAL,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,OAAAA;;kBAEAM;;;;;kBAMEC;kCACF;;;;;;;;;;;oBAWE;YAEJA,MAAAC,wBAAA;QAEAC;QACAA,MAAMF,qBAAI,CAACG,MAAAA,CAAAA;eAEPX,KAAMY;YACRN;QAGFI,GAAAA;0BAEUE;gBACLF,kBAAkB;gBAGvBf,IAAOe;gBACPG,UAAAC;YAEIC;YAEAC,aAAAA,wBAAAA;QAIJC;;UAEAC,IAAAA,CAAAA,GAAAA,GAAAA,IAAAA,8BAAiBH,EAAAA,KAAAA,MAAAA,IAAAA,CAAAA,GAAAA;UACjBI,IAAAA,CAAAA,WAAeJ,GAAAA,IAAAA,gCAAAA,EAAAA,IAAAA,8BAAAA,EAAAA,CAAAA;QACjBf,MAAAY,cAAA"}

package/lib-commonjs/components/PromptListbox/usePromptListboxContextValues.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePromptListboxContextValues", {
+    enumerable: true,
+    get: function() {
+        return usePromptListboxContextValues;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function usePromptListboxContextValues(state) {
+    const { getOptionById, getOptionsMatchingValue, registerOption, selectedOptions, selectOption, activeDescendantController, onOptionClick, onActiveDescendantChange } = state;
+    const activeDescendant = _react.useMemo(()=>({
+            controller: activeDescendantController
+        }), [
+        activeDescendantController
+    ]);
+    const listbox = {
+        activeOption: undefined,
+        focusVisible: false,
+        getOptionById,
+        getOptionsMatchingValue,
+        registerOption,
+        selectedOptions,
+        selectOption,
+        setActiveOption: ()=>null,
+        onOptionClick,
+        onActiveDescendantChange
+    };
+    return {
+        activeDescendant,
+        listbox
+    };
+} //# sourceMappingURL=usePromptListboxContextValues.js.map

package/lib-commonjs/components/PromptListbox/usePromptListboxContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptListboxContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComboboxBaseState, ComboboxState, ListboxContextValue } from '@fluentui/react-combobox';\nimport type { PromptListboxContextValues } from './PromptListbox.types';\n\nexport type PromptListboxContextState = Pick<ComboboxBaseState, keyof ListboxContextValue> &\n  Pick<ComboboxState, 'activeDescendantController'>;\n\nexport function usePromptListboxContextValues(state: PromptListboxContextState): PromptListboxContextValues {\n  const {\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    activeDescendantController,\n    onOptionClick,\n    onActiveDescendantChange,\n  } = state;\n\n  const activeDescendant = React.useMemo(\n    () => ({\n      controller: activeDescendantController,\n    }),\n    [activeDescendantController],\n  );\n\n  const listbox = {\n    activeOption: undefined,\n    focusVisible: false,\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption: () => null,\n    onOptionClick,\n    onActiveDescendantChange,\n  };\n\n  return {\n    activeDescendant,\n    listbox,\n  };\n}\n"],"names":["usePromptListboxContextValues","state","getOptionById","activeDescendant","activeDescendantController","activeOption","getOptionsMatchingValue","registerOption","selectedOptions","selectOption","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;AAOhB,SAASA,8BAA8BC,KAAgC;UAC5E,EAWAC,aAAMC,yBAEUC,gBAEd,iBAACA,cAA2B,EAG9BA,0BAAgB,eACdC,0BACc;UAEdC,mBAAAA,OAAAA,OAAAA,CAAAA,IAAAA,CAAAA;wBACAC;;;KACAC;UACAC,UAAAA;sBACAC;sBACAC;;QAEFL;QAEAC;;;QAGAG,iBAAA,IAAA;QACFC"}

package/lib-commonjs/components/PromptListbox/usePromptListboxStyles.styles.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    promptListboxClassNames: function() {
+        return promptListboxClassNames;
+    },
+    usePromptListboxStyles_unstable: function() {
+        return usePromptListboxStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const promptListboxClassNames = {
+    root: 'fai-PromptListbox'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.__styles)({
+    listbox: {
+        E5pizo: "f1hg901r",
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ],
+        Bxyxcbc: "fmmk62d",
+        B7ck84d: "f1ewtqcl"
+    },
+    listboxCollapsed: {
+        mc9l5x: "fjseox"
+    },
+    inlineListbox: {
+        Bj3rh1h: "f19g0ac"
+    }
+}, {
+    d: [
+        ".f1hg901r{box-shadow:var(--shadow16);}",
+        ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".fmmk62d{max-height:80vh;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".fjseox{display:none;}",
+        ".f19g0ac{z-index:1;}"
+    ]
+});
+const usePromptListboxStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(promptListboxClassNames.root, styles.listbox, state.inlinePopup && styles.inlineListbox, !state.open && styles.listboxCollapsed, state.root.className);
+    return state;
+}; //# sourceMappingURL=usePromptListboxStyles.styles.js.map

package/lib-commonjs/components/PromptListbox/usePromptListboxStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptListboxStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens } from '@fluentui/react-components';\nimport type { PromptListboxSlots, PromptListboxState } from './PromptListbox.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptListboxClassNames: SlotClassNames<PromptListboxSlots> = {\n  root: 'fai-PromptListbox',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  listbox: {\n    boxShadow: tokens.shadow16,\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n    maxHeight: '80vh',\n    boxSizing: 'border-box',\n  },\n\n  listboxCollapsed: {\n    display: 'none',\n  },\n\n  // When rendering inline, the popupSurface will be rendered under relatively positioned elements such as Input.\n  // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n  inlineListbox: {\n    zIndex: 1,\n  },\n});\n\n/**\n * Apply styling to the PromptListbox slots based on the state\n */\nexport const usePromptListboxStyles_unstable = (state: PromptListboxState): PromptListboxState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    promptListboxClassNames.root,\n    styles.listbox,\n    state.inlinePopup && styles.inlineListbox,\n    !state.open && styles.listboxCollapsed,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["promptListboxClassNames","usePromptListboxStyles_unstable","root","listbox","__styles","boxShadow","shorthands","maxHeight","boxSizing","B7oj6ja","listboxCollapsed","display","B7ck84d","inlineListbox","Bj3rh1h","d","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;IA0CXC,+BAAA;eAAAA;;;iCA9CmD;AAI9C,MAAMD,0BAA8D;UACzEE;AACF;AAEA;;CAEC,SAECC,YAASC,IAAAA,yBAAA,EAAA;aACPC;gBACGC;iBACHC;YAAAA;YAAW;SAAA;iBACXC;YAAAA;YAAW;SAAA;QACbC,SAAA;YAAA;YAAA;SAAA;QAEAC,SAAAA;YAAAA;YAAkB;SAAA;iBAChBC;QACFC,SAAA;;sBAGA;QACAC,QAAAA;;mBAEA;QACFC,SAAA;IAEA;;IAECC,GACD;QAAA;QAAad;QAAmCe;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;KAAAA;;AAa9C,MAAAf,kCAAAe,CAAAA"}

package/lib-commonjs/components/utils/OptionCollection.types.js

@@ -0,0 +1,6 @@
+// Brought from Fluent UI
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=OptionCollection.types.js.map

package/lib-commonjs/components/utils/OptionCollection.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["OptionCollection.types.ts"],"sourcesContent":["// Brought from Fluent UI\n\nexport type OptionValue = {\n  /** The disabled state of the option. */\n  disabled?: boolean;\n\n  /** The `id` attribute of the option. */\n  id: string;\n\n  /** The `text` string for the option. */\n  text: string;\n\n  /** The value string of the option. */\n  value: string;\n};\n\nexport type OptionCollectionState = {\n  /** The total number of options in the collection. */\n  getCount: () => number;\n\n  /** Returns the option data by key. */\n  getOptionById(id: string): OptionValue | undefined;\n\n  /** Returns an array of options filtered by a value matching function against the option's value string. */\n  getOptionsMatchingValue(matcher: (value: string) => boolean): OptionValue[];\n\n  /** The unordered option data. */\n  options: OptionValue[];\n\n  /** A function that child options call to register their values. Returns a function to unregister the option. */\n  registerOption: (option: OptionValue, element: HTMLElement) => () => void;\n};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,yBAAyB"}

package/lib-commonjs/components/utils/PromptListboxFunctionality.types.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=PromptListboxFunctionality.types.js.map

package/lib-commonjs/components/utils/PromptListboxFunctionality.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptListboxFunctionality.types.ts"],"sourcesContent":["import type React from 'react';\nimport type { PromptListboxProps } from '../../components/PromptListbox';\nimport type { PositioningShorthand } from '@fluentui/react-components';\nimport type { EventData, EventHandler } from '@fluentui/react-utilities';\nimport type { EditorInputProps } from '@fluentui-copilot/react-editor-input';\n\n// Note: While we are removing multiselect, we are keeping the logic and disabling it\n// in case it's needed in the future.\nexport type ProcessedPromptListboxProps = Partial<\n  Omit<PromptListboxProps, 'activeDescendantController' | 'multiselect'>\n> & {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ref?: React.MutableRefObject<any>;\n};\n\nexport type UsePromptListboxFunctionality = {\n  /**\n   * Component to be rendered in the Input component. This should be passed to the listbox prop.\n   */\n  promptListbox: JSX.Element;\n  /**\n   * Props to be spread in the PromptInput, these props are needed for the keyboard behavior to\n   * work correctly.\n   */\n  triggerProps: {\n    ref: React.RefObject<HTMLSpanElement>;\n    /**\n     * Whether the listbox is being used to go through options or the user is currently typing.\n     */\n    isInSelectionMode: boolean;\n  } & Required<Pick<EditorInputProps, 'onBlur' | 'onFocus' | 'onKeyDown'>>;\n  /**\n   * Ref used to point which element the listbox should be anchored to. Most use cases\n   * will provide this prop to the PromptInput's EditorInput (since this is the root slot,\n   * this is provided directly to the component and not the slot).\n   *\n   * Note: If the targetRef is the same as the trigger, the ref provided in triggerProps needs\n   * to be merged with this one using `useMergedRefs(targetRef, triggerProps.ref);`\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  targetRef: React.MutableRefObject<any>;\n  /**\n   * Plugin used to tell where the cursor is in the EditorInput, this is important for the\n   * keyboard behavior. This should be passed as children in the PromptInput.\n   */\n  cursorPositionPlugin: JSX.Element;\n};\n\nexport type UsePromptListboxFunctionalityParams = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: EventHandler<OnOpenChangeData>;\n  onSelectionModeChange?: (isInSelectionMode: boolean) => void;\n  positioning?: PositioningShorthand;\n  /**\n   * Props to be passed to the ListboxComponent\n   */\n  listboxProps?: ProcessedPromptListboxProps;\n};\n\nexport type OnOpenChangeData = (\n  | EventData<'click', React.MouseEvent<HTMLSpanElement>>\n  | EventData<'focus', React.FocusEvent<HTMLSpanElement>>\n  | EventData<'keyboard', React.KeyboardEvent<HTMLSpanElement>>\n) & {\n  open: boolean;\n};\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/components/utils/Selection.types.js

@@ -0,0 +1,6 @@
+// Brought from Fluent UI
+/** Possible event types for onOptionSelect */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=Selection.types.js.map

package/lib-commonjs/components/utils/Selection.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Selection.types.ts"],"sourcesContent":["// Brought from Fluent UI\n\nimport type * as React from 'react';\nimport type { OptionValue } from './OptionCollection.types';\n\nexport type SelectionProps = {\n  /**\n   * For an uncontrolled component, sets the initial selection.\n   * If this is set, the `defaultValue` prop MUST also be set.\n   */\n  defaultSelectedOptions?: string[];\n\n  /**\n   * Sets the selection type to multiselect.\n   * Set this to true for multiselect, even if fully controlling selection state.\n   * This enables styles and accessibility properties to be set.\n   * @default false\n   */\n  multiselect?: boolean;\n\n  /** Callback when an option is selected */\n  onOptionSelect?: (event: SelectionEvents, data: OptionOnSelectData) => void;\n\n  /**\n   * An array of selected option keys.\n   * Use this with `onOptionSelect` to directly control the selected option(s)\n   * If this is set, the `value` prop MUST also be controlled.\n   */\n  selectedOptions?: string[];\n};\n\n/** Values returned by the useSelection hook */\nexport type SelectionState = {\n  clearSelection: (event: SelectionEvents) => void;\n  selectedOptions: string[];\n  selectOption: (event: SelectionEvents, option: OptionValue) => void;\n};\n\n/**\n * Data for the onOptionSelect callback.\n * `optionValue` and `optionText` will be undefined if multiple options are modified at once.\n */\nexport type OptionOnSelectData = {\n  optionValue: string | undefined;\n  optionText: string | undefined;\n  selectedOptions: string[];\n};\n\n/** Possible event types for onOptionSelect */\nexport type SelectionEvents =\n  | React.ChangeEvent<HTMLElement>\n  | React.KeyboardEvent<HTMLElement>\n  | React.MouseEvent<HTMLElement>;\n"],"names":[],"rangeMappings":";","mappings":"AAAA,yBAAyB;AAgDzB,4CAA4C"}

package/lib-commonjs/components/utils/dropdownKeyActions.js

@@ -0,0 +1,52 @@
+/**
+ * Note, this is mainly brought from Fluent UI, only removed the closing and
+ * opening logic since that's not needed for this use case.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getDropdownActionFromKey", {
+    enumerable: true,
+    get: function() {
+        return getDropdownActionFromKey;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _keyboardkeys = /*#__PURE__*/ _interop_require_wildcard._(require("@fluentui/keyboard-keys"));
+function getDropdownActionFromKey(e, options) {
+    const { isInLastPosition } = options;
+    const code = e.key;
+    const { altKey, ctrlKey, key, metaKey } = e;
+    // typing action occurs whether open or closed
+    if (key.length === 1 && code !== _keyboardkeys.Space && !altKey && !ctrlKey && !metaKey) {
+        return 'Type';
+    }
+    // select or close actions
+    if (code === _keyboardkeys.ArrowUp && altKey || code === _keyboardkeys.Enter) {
+        return 'CloseSelect';
+    }
+    // navigation interactions
+    if (code === _keyboardkeys.ArrowDown) {
+        return isInLastPosition ? 'Next' : 'Type';
+    }
+    if (code === _keyboardkeys.ArrowUp) {
+        return isInLastPosition ? 'Previous' : 'Type';
+    }
+    if (code === _keyboardkeys.Home) {
+        return 'First';
+    }
+    if (code === _keyboardkeys.End) {
+        return 'Last';
+    }
+    if (code === _keyboardkeys.PageUp) {
+        return 'PageUp';
+    }
+    if (code === _keyboardkeys.PageDown) {
+        return 'PageDown';
+    }
+    if (code === _keyboardkeys.Tab) {
+        return 'Tab';
+    }
+    // if nothing matched, return none
+    return 'None';
+} //# sourceMappingURL=dropdownKeyActions.js.map

package/lib-commonjs/components/utils/dropdownKeyActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["dropdownKeyActions.ts"],"sourcesContent":["/**\n * Note, this is mainly brought from Fluent UI, only removed the closing and\n * opening logic since that's not needed for this use case.\n */\n\nimport * as keys from '@fluentui/keyboard-keys';\nimport type * as React from 'react';\n\n/**\n * enum of actions available in any type of managed dropdown control\n * e.g. combobox, select, datepicker, menu\n */\nexport type DropdownActions =\n  | 'CloseSelect'\n  | 'First'\n  | 'Last'\n  | 'Next'\n  | 'None'\n  | 'PageDown'\n  | 'PageUp'\n  | 'Previous'\n  | 'Select'\n  | 'Tab'\n  | 'Type';\n\nexport interface DropdownActionOptions {\n  open?: boolean;\n  multiselect?: boolean;\n  isInLastPosition: boolean;\n}\n\n/**\n * Converts a keyboard interaction into a defined action\n */\nexport function getDropdownActionFromKey(\n  e: KeyboardEvent | React.KeyboardEvent,\n  options: DropdownActionOptions,\n): DropdownActions {\n  const { isInLastPosition } = options;\n  const code = e.key;\n  const { altKey, ctrlKey, key, metaKey } = e;\n\n  // typing action occurs whether open or closed\n  if (key.length === 1 && code !== keys.Space && !altKey && !ctrlKey && !metaKey) {\n    return 'Type';\n  }\n\n  // select or close actions\n  if ((code === keys.ArrowUp && altKey) || code === keys.Enter) {\n    return 'CloseSelect';\n  }\n\n  // navigation interactions\n  if (code === keys.ArrowDown) {\n    return isInLastPosition ? 'Next' : 'Type';\n  }\n  if (code === keys.ArrowUp) {\n    return isInLastPosition ? 'Previous' : 'Type';\n  }\n  if (code === keys.Home) {\n    return 'First';\n  }\n  if (code === keys.End) {\n    return 'Last';\n  }\n  if (code === keys.PageUp) {\n    return 'PageUp';\n  }\n  if (code === keys.PageDown) {\n    return 'PageDown';\n  }\n  if (code === keys.Tab) {\n    return 'Tab';\n  }\n\n  // if nothing matched, return none\n  return 'None';\n}\n"],"names":["isInLastPosition","keys","options","ctrlKey","key","length","altKey","e","code","ArrowDown","Space","metaKey","ArrowUp","Enter","Home","End","PageUp","PageDown"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;CAGC;;;;+BAmCSA;;;eAAAA;;;;wEAjCEC;AAiCV,SAAQD,yBAAqBE,CAAAA,EAAAA,OAAAA;UAC7B,EACAF,gBAAgBG,KAEhBD;UACIE,OAAIC,EAAAA,GAAM;UACZ,EACFC,MAAA,EAEAH,OAAA,EACAC,GAAA,SACE,KACFG;kDAE0B;QAC1BH,IAAII,MAAAA,KAASP,KAAKQ,SAAWR,cAAAS,KAAA,IAAA,CAAAJ,UAAA,CAAAH,WAAA,CAAAQ,SAAA;eAC3B;;8BAEgBC;iBACTZ,cAAAA,OAAAA,IAAAA,UAAmBQ,SAAaP,cAAAY,KAAA,EAAA;QACzC,OAAA;;8BAES;QACTL,SAAAP,cAAAQ,SAAA,EAAA;QACA,OAAID,mBAAmB,SAAA;;QAEvBA,SAAAP,cAAAW,OAAA,EAAA;QACA,OAAIJ,mBAAsB,aAAA;;QAE1BA,SAAAP,cAAAa,IAAA,EAAA;QACA,OAAIN;;QAEJA,SAAAP,cAAAc,GAAA,EAAA;QACA,OAAIP;;QAEJA,SAAAP,cAAAe,MAAA,EAAA;QAEA,OAAA;;IAEF,IAAAR,SAAAP,cAAAgB,QAAA,EAAA"}

package/lib-commonjs/components/utils/useComboboxPositioning.js

@@ -0,0 +1,32 @@
+// Brought from Fluent UI
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useComboboxPositioning", {
+    enumerable: true,
+    get: function() {
+        return useComboboxPositioning;
+    }
+});
+const _reactpositioning = require("@fluentui/react-positioning");
+function useComboboxPositioning(props) {
+    const { positioning } = props;
+    // popper options
+    const popperOptions = {
+        position: 'below',
+        align: 'start',
+        offset: {
+            crossAxis: 0,
+            mainAxis: 2
+        },
+        fallbackPositions: [],
+        matchTargetSize: 'width',
+        ...(0, _reactpositioning.resolvePositioningShorthand)(positioning)
+    };
+    const { targetRef, containerRef } = (0, _reactpositioning.usePositioning)(popperOptions);
+    return [
+        containerRef,
+        targetRef
+    ];
+} //# sourceMappingURL=useComboboxPositioning.js.map

package/lib-commonjs/components/utils/useComboboxPositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useComboboxPositioning.ts"],"sourcesContent":["// Brought from Fluent UI\n\nimport { resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport type * as React from 'react';\nimport type { ComboboxBaseProps } from '@fluentui/react-combobox';\n\nexport function useComboboxPositioning(props: ComboboxBaseProps): [\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  listboxRef: React.MutableRefObject<any>,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  triggerRef: React.MutableRefObject<any>,\n] {\n  const { positioning } = props;\n\n  // popper options\n  const popperOptions = {\n    position: 'below' as const,\n    align: 'start' as const,\n    offset: { crossAxis: 0, mainAxis: 2 },\n    fallbackPositions: [],\n    matchTargetSize: 'width' as const,\n    ...resolvePositioningShorthand(positioning),\n  };\n\n  const { targetRef, containerRef } = usePositioning(popperOptions);\n\n  return [containerRef, targetRef];\n}\n"],"names":["useComboboxPositioning","props","positioning","align","offset","mainAxis","fallbackPositions","resolvePositioningShorthand","matchTargetSize","containerRef","usePositioning","targetRef","popperOptions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,yBAAyB;;;;;+BAMTA;;;eAAAA;;;kCAJ4C;AAIrD,SAASA,uBAAuBC,KAAwB;UAM7D,EAEAC,WAAA,KACAD;qBACY;UACVE,gBAAO;kBACPC;;gBAAwBC;uBAAY;sBACpCC;;2BAEGC,EAAAA;QACLC,iBAAA;QAEA,GAAAD,IAAAA,6CAAmBE,EAAYP,YAAKQ;;UAE5BD,WAAcE,cAAU,EAClC,GAAAD,IAAAA,gCAAA,EAAAE"}

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

@@ -0,0 +1,46 @@
+// Brought from Fluent UI
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOptionCollection", {
+    enumerable: true,
+    get: function() {
+        return useOptionCollection;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const useOptionCollection = ()=>{
+    const optionsById = _react.useRef(new Map());
+    const collectionAPI = _react.useMemo(()=>{
+        const getCount = ()=>optionsById.current.size;
+        // index searches are no longer used
+        const getOptionById = (id)=>{
+            return optionsById.current.get(id);
+        };
+        const getOptionsMatchingValue = (matcher)=>{
+            const matches = [];
+            for (const option of optionsById.current.values()){
+                if (matcher(option.value)) {
+                    matches.push(option);
+                }
+            }
+            return matches;
+        };
+        return {
+            getCount,
+            getOptionById,
+            getOptionsMatchingValue
+        };
+    }, []);
+    const registerOption = _react.useCallback((option)=>{
+        optionsById.current.set(option.id, option);
+        return ()=>optionsById.current.delete(option.id);
+    }, []);
+    return {
+        ...collectionAPI,
+        options: Array.from(optionsById.current.values()),
+        registerOption
+    };
+}; //# sourceMappingURL=useOptionCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useOptionCollection.ts"],"sourcesContent":["// Brought from Fluent UI\n\nimport * as React from 'react';\nimport type { OptionCollectionState, OptionValue } from './OptionCollection.types';\n\n/**\n * A hook for managing a collection of child Options\n */\nexport const useOptionCollection = (): OptionCollectionState => {\n  const optionsById = React.useRef(new Map<string, OptionValue>());\n\n  const collectionAPI = React.useMemo(() => {\n    const getCount = () => optionsById.current.size;\n\n    // index searches are no longer used\n\n    const getOptionById = (id: string) => {\n      return optionsById.current.get(id);\n    };\n\n    const getOptionsMatchingValue = (matcher: (value: string) => boolean) => {\n      const matches: OptionValue[] = [];\n      for (const option of optionsById.current.values()) {\n        if (matcher(option.value)) {\n          matches.push(option);\n        }\n      }\n\n      return matches;\n    };\n\n    return {\n      getCount,\n      getOptionById,\n      getOptionsMatchingValue,\n    };\n  }, []);\n\n  const registerOption = React.useCallback((option: OptionValue) => {\n    optionsById.current.set(option.id, option);\n\n    return () => optionsById.current.delete(option.id);\n  }, []);\n\n  return {\n    ...collectionAPI,\n    options: Array.from(optionsById.current.values()),\n    registerOption,\n  };\n};\n"],"names":["optionsById","useRef","collectionAPI","React","useMemo","Map","getCount","current","size","id","get","matcher","matches","option","value","values","push","useCallback","delete","Array","registerOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,yBAAyB;;;;;+BASjBA;;;eAAAA;;;;iEAPe;AAOrB,MAAMA,sBAAoBC;UAE1BD,cAAME,OAAgBC,MAAMC,CAAAA,IAAOC;UACjCH,gBAAMI,OAAiBN,OAAAA,CAAAA;cAEvBM,WAAA,IAAAN,YAAAO,OAAoC,CAAAC,IAAA;4CAEbC;8BACdT,CAAAA;mBACTA,YAAAO,OAAA,CAAAG,GAAA,CAAAD;;wCAGmCE,CAAAA;kBACjCC,UAAK,EAAMC;uBACTA,UAAIF,YAAeG,OAAQ,CAAAC,MAAA,GAAA;4BACzBH,OAAAA,KAAY,GAACC;4BACfG,IAAA,CAAAH;;;mBAIJD;;;;;;QAOF;OAEA,EAAA;UACEZ,iBAAYO,OAAWU,WAAU,CAAEJ,CAAAA;oBAE5BN,OAAMP,CAAAA,GAAAA,CAAAA,OAAYO,EAAAA,EAAQW;QACnC,OAAK,IAAAlB,YAAAO,OAAA,CAAAW,MAAA,CAAAL,OAAAJ,EAAA;OAEL,EAAA;WACE;wBACSU;iBACTC,MAAAA,IAAAA,CAAAA,YAAAA,OAAAA,CAAAA,MAAAA;QACFA;IACA"}

package/lib-commonjs/components/utils/usePromptListboxFunctionality.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePromptListboxFunctionality", {
+    enumerable: true,
+    get: function() {
+        return usePromptListboxFunctionality;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactaria = require("@fluentui/react-aria");
+const _reactcomponents = require("@fluentui/react-components");
+const _reactutilities = require("@fluentui/react-utilities");
+const _dropdownKeyActions = require("./dropdownKeyActions");
+const _TextCursorPositionPlugin = require("../../plugins/TextCursorPositionPlugin");
+const _useOptionCollection = require("./useOptionCollection");
+const _useSelection = require("./useSelection");
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _useComboboxPositioning = require("./useComboboxPositioning");
+const _useTriggerKeyDown = require("./useTriggerKeyDown");
+const _PromptListbox = require("../PromptListbox");
+function usePromptListboxFunctionality(params) {
+    const { positioning, onOpenChange, onSelectionModeChange, listboxProps } = params;
+    const { listboxRef: activeDescendantListboxRef, activeParentRef, controller: activeDescendantController } = (0, _reactaria.useActiveDescendant)({
+        matchOption: (el)=>el.classList.contains(_reactcomponents.optionClassNames.root)
+    });
+    // useMergedRefs to normalize the ref into a React.RefObject type
+    const triggerRef = (0, _reactutilities.useMergedRefs)(activeParentRef);
+    const selectionState = (0, _useSelection.useSelection)(listboxProps !== null && listboxProps !== void 0 ? listboxProps : {});
+    const { selectOption } = selectionState;
+    const optionCollection = (0, _useOptionCollection.useOptionCollection)();
+    const { getOptionById } = optionCollection;
+    const [isInLastPosition, setIsInLastPosition] = _react.useState(true);
+    const [isInSelectionMode, setIsInSelectionMode] = _react.useState(false);
+    const [open, setOpen] = (0, _reactutilities.useControllableState)({
+        state: params.open,
+        defaultState: params.defaultOpen,
+        initialState: false
+    });
+    const onBlur = (event)=>{
+        setOpen(false);
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {
+            event,
+            type: 'focus',
+            open: false
+        });
+    };
+    const onFocus = (event)=>{
+        if (event.target === event.currentTarget) {
+            setOpen(true);
+            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {
+                event,
+                type: 'focus',
+                open: true
+            });
+        }
+    };
+    const cursorPositionPlugin = /*#__PURE__*/ _react.createElement(_TextCursorPositionPlugin.TextCursorPositionPlugin, {
+        setIsInLastPosition: setIsInLastPosition
+    });
+    const onListboxBlur = _react.useCallback(()=>{
+        setIsInSelectionMode(false);
+        onSelectionModeChange === null || onSelectionModeChange === void 0 ? void 0 : onSelectionModeChange(false);
+    }, [
+        onSelectionModeChange
+    ]);
+    // handle combobox keyboard interaction
+    const onKeyDown = (0, _useTriggerKeyDown.useTriggerKeydown)({
+        ...optionCollection,
+        activeDescendantController,
+        getOptionById,
+        onBlur: onListboxBlur,
+        selectOption,
+        isInLastPosition,
+        open,
+        multiselect: false
+    });
+    // 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);
+    /**
+  * Freeform combobox should not select
+  */ const onInputTriggerKeyDown = (0, _reactutilities.useEventCallback)((event)=>{
+        // update typing state to true if the user is typing
+        const action = (0, _dropdownKeyActions.getDropdownActionFromKey)(event, {
+            open,
+            multiselect: false,
+            isInLastPosition
+        });
+        if (event.key === _keyboardkeys.ArrowLeft || event.key === _keyboardkeys.ArrowRight || !isInLastPosition && (event.key === _keyboardkeys.ArrowDown || event.key === _keyboardkeys.ArrowUp) || action === 'Type' && isInLastPosition || action === 'Type') {
+            activeDescendantController.blur();
+            setHideActiveDescendant(true);
+            setIsInSelectionMode(false);
+            onSelectionModeChange === null || onSelectionModeChange === void 0 ? void 0 : onSelectionModeChange(false);
+        } else if (action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {
+            setHideActiveDescendant(false);
+            setIsInSelectionMode(true);
+            onSelectionModeChange === null || onSelectionModeChange === void 0 ? void 0 : onSelectionModeChange(true);
+        }
+    });
+    _react.useEffect(()=>{
+        if (hideActiveDescendant) {
+            var _triggerRef_current;
+            (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.removeAttribute('aria-activedescendant');
+        }
+    // We only want to run this when the hideActiveDescendant changes, if the triggerRef
+    // is undefined, there's no need to remove theAttribute and we shouldn't be adding
+    // refs as dependencies since it can blow up the number of runs.
+    // eslint-disable-next-line react-compiler/react-compiler
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        hideActiveDescendant
+    ]);
+    const [comboboxPopupRef, comboboxTargetRef] = (0, _useComboboxPositioning.useComboboxPositioning)({
+        positioning
+    });
+    const listboxMergedRef = (0, _reactutilities.useMergedRefs)(comboboxPopupRef, activeDescendantListboxRef, listboxProps === null || listboxProps === void 0 ? void 0 : listboxProps.ref);
+    const listbox = _react.useMemo(()=>{
+        return /*#__PURE__*/ _react.createElement(_PromptListbox.PromptListbox, {
+            open: open,
+            ...listboxProps,
+            ...optionCollection,
+            ...selectionState,
+            ref: listboxMergedRef,
+            activeDescendantController: activeDescendantController
+        });
+    }, [
+        activeDescendantController,
+        listboxMergedRef,
+        listboxProps,
+        open,
+        optionCollection,
+        selectionState
+    ]);
+    return {
+        promptListbox: listbox,
+        triggerProps: {
+            ref: triggerRef,
+            onBlur,
+            onFocus,
+            onKeyDown: (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)(onKeyDown, onInputTriggerKeyDown)),
+            isInSelectionMode
+        },
+        targetRef: comboboxTargetRef,
+        cursorPositionPlugin
+    };
+} //# sourceMappingURL=usePromptListboxFunctionality.js.map

package/lib-commonjs/components/utils/usePromptListboxFunctionality.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptListboxFunctionality.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useActiveDescendant } from '@fluentui/react-aria';\nimport { optionClassNames } from '@fluentui/react-components';\nimport { mergeCallbacks, useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from './dropdownKeyActions';\nimport { TextCursorPositionPlugin } from '../../plugins/TextCursorPositionPlugin';\nimport { useOptionCollection } from './useOptionCollection';\nimport { useSelection } from './useSelection';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp } from '@fluentui/keyboard-keys';\nimport { useComboboxPositioning } from './useComboboxPositioning';\nimport { useTriggerKeydown } from './useTriggerKeyDown';\nimport { PromptListbox } from '../PromptListbox';\nimport type { EditorInputProps } from '@fluentui-copilot/react-editor-input';\nimport type {\n  UsePromptListboxFunctionalityParams,\n  UsePromptListboxFunctionality,\n} from './PromptListboxFunctionality.types';\n\nexport function usePromptListboxFunctionality(\n  params: UsePromptListboxFunctionalityParams,\n): UsePromptListboxFunctionality {\n  const { positioning, onOpenChange, onSelectionModeChange, listboxProps } = params;\n  const {\n    listboxRef: activeDescendantListboxRef,\n    activeParentRef,\n    controller: activeDescendantController,\n  } = useActiveDescendant<HTMLSpanElement, HTMLDivElement>({\n    matchOption: el => el.classList.contains(optionClassNames.root),\n  });\n  // useMergedRefs to normalize the ref into a React.RefObject type\n  const triggerRef = useMergedRefs(activeParentRef);\n  const selectionState = useSelection(listboxProps ?? {});\n  const { selectOption } = selectionState;\n  const optionCollection = useOptionCollection();\n  const { getOptionById } = optionCollection;\n  const [isInLastPosition, setIsInLastPosition] = React.useState(true);\n  const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);\n  const [open, setOpen] = useControllableState({\n    state: params.open,\n    defaultState: params.defaultOpen,\n    initialState: false,\n  });\n\n  const onBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n    setOpen(false);\n    onOpenChange?.(event, { event, type: 'focus', open: false });\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n    if (event.target === event.currentTarget) {\n      setOpen(true);\n      onOpenChange?.(event, { event, type: 'focus', open: true });\n    }\n  };\n\n  const cursorPositionPlugin = <TextCursorPositionPlugin setIsInLastPosition={setIsInLastPosition} />;\n\n  const onListboxBlur = React.useCallback(() => {\n    setIsInSelectionMode(false);\n    onSelectionModeChange?.(false);\n  }, [onSelectionModeChange]);\n\n  // handle combobox keyboard interaction\n  const onKeyDown = useTriggerKeydown({\n    ...optionCollection,\n    activeDescendantController,\n    getOptionById,\n    onBlur: onListboxBlur,\n    selectOption,\n    isInLastPosition,\n    open,\n    multiselect: false,\n  });\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  /**\n   * Freeform combobox should not select\n   */\n  const onInputTriggerKeyDown: EditorInputProps['onKeyDown'] = useEventCallback(event => {\n    // update typing state to true if the user is typing\n    const action = getDropdownActionFromKey(event, { open, multiselect: false, isInLastPosition });\n    if (\n      event.key === ArrowLeft ||\n      event.key === ArrowRight ||\n      (!isInLastPosition && (event.key === ArrowDown || event.key === ArrowUp)) ||\n      (action === 'Type' && isInLastPosition) ||\n      action === 'Type'\n    ) {\n      activeDescendantController.blur();\n      setHideActiveDescendant(true);\n      setIsInSelectionMode(false);\n      onSelectionModeChange?.(false);\n    } else if (\n      action === 'Next' ||\n      action === 'Previous' ||\n      action === 'First' ||\n      action === 'Last' ||\n      action === 'PageUp' ||\n      action === 'PageDown'\n    ) {\n      setHideActiveDescendant(false);\n      setIsInSelectionMode(true);\n      onSelectionModeChange?.(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (hideActiveDescendant) {\n      triggerRef.current?.removeAttribute('aria-activedescendant');\n    }\n    // We only want to run this when the hideActiveDescendant changes, if the triggerRef\n    // is undefined, there's no need to remove theAttribute and we shouldn't be adding\n    // refs as dependencies since it can blow up the number of runs.\n    // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hideActiveDescendant]);\n\n  const [comboboxPopupRef, comboboxTargetRef] = useComboboxPositioning({ positioning });\n\n  const listboxMergedRef = useMergedRefs(comboboxPopupRef, activeDescendantListboxRef, listboxProps?.ref);\n  const listbox = React.useMemo(() => {\n    return (\n      <PromptListbox\n        open={open}\n        {...listboxProps}\n        {...optionCollection}\n        {...selectionState}\n        ref={listboxMergedRef}\n        activeDescendantController={activeDescendantController}\n      />\n    );\n  }, [activeDescendantController, listboxMergedRef, listboxProps, open, optionCollection, selectionState]);\n\n  return {\n    promptListbox: listbox,\n    triggerProps: {\n      ref: triggerRef,\n      onBlur,\n      onFocus,\n      onKeyDown: useEventCallback(mergeCallbacks(onKeyDown, onInputTriggerKeyDown)),\n      isInSelectionMode,\n    },\n    targetRef: comboboxTargetRef,\n    cursorPositionPlugin,\n  };\n}\n"],"names":["usePromptListboxFunctionality","params","positioning","listboxRef","matchOption","onSelectionModeChange","listboxProps","selectOption","selectionState","activeParentRef","optionCollection","controller","getOptionById","useActiveDescendant","isInLastPosition","isInSelectionMode","setIsInSelectionMode","useState","defaultState","defaultOpen","initialState","useSelection","onBlur","onOpenChange","type","setIsInLastPosition","React","open","onFocus","event","target","setOpen","cursorPositionPlugin","onListboxBlur","currentTarget","onKeyDown","useTriggerKeydown","activeDescendantController","onInputTriggerKeyDown","useEventCallback","action","hideActiveDescendant","key","ArrowRight","ArrowDown","ArrowUp","triggerRef","setHideActiveDescendant","useEffect","comboboxTargetRef","_triggerRef_current","current","removeAttribute","PromptListbox","listboxMergedRef","useMergedRefs","comboboxPopupRef","activeDescendantListboxRef","ref","targetRef"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}