@fluentui-copilot/react-prompt-listbox 0.8.1-hotfix.1 → 0.8.1-hotfix.2

package/CHANGELOG.json

@@ -2,16 +2,16 @@
   "name": "@fluentui-copilot/react-prompt-listbox",
   "entries": [
     {
-      "date": "Tue, 12 Aug 2025 16:09:22 GMT",
-      "tag": "@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.1",
-      "version": "0.8.1-hotfix.1",
+      "date": "Fri, 19 Sep 2025 15:10:20 GMT",
+      "tag": "@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.2",
+      "version": "0.8.1-hotfix.2",
       "comments": {
         "prerelease": [
           {
             "author": "hochelmartin@gmail.com",
             "package": "@fluentui-copilot/react-prompt-listbox",
             "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
-            "comment": "release: prepare hotfix 0.26.2-hotfix.1"
+            "comment": "release: prepare hotfix 0.26.2-hotfix.2"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,17 +1,17 @@
 # Change Log - @fluentui-copilot/react-prompt-listbox
 
-This log was last generated on Tue, 12 Aug 2025 16:09:22 GMT and should not be manually modified.
+This log was last generated on Fri, 19 Sep 2025 15:10:20 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.8.1-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.1)
+## [0.8.1-hotfix.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.2)
 
-Tue, 12 Aug 2025 16:09:22 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-listbox_v0.8.1..@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.1)
+Fri, 19 Sep 2025 15:10:20 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-listbox_v0.8.1..@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.2)
 
 ### Changes
 
-- release: prepare hotfix 0.26.2-hotfix.1 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
+- release: prepare hotfix 0.26.2-hotfix.2 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
 
 ## [0.8.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.8.0)
 

package/lib/PromptListbox.js

@@ -1 +1,2 @@
 export { PromptListbox, promptListboxClassNames, renderPromptListbox_unstable, usePromptListboxStyles_unstable, usePromptListbox_unstable } from './components/PromptListbox/index';
+//# sourceMappingURL=PromptListbox.js.map

package/lib/PromptOption.js

@@ -1 +1,2 @@
 export { PromptOption, promptOptionClassNames, renderPromptOption_unstable, usePromptOptionStyles_unstable, usePromptOption_unstable } from './components/PromptOption/index';
+//# sourceMappingURL=PromptOption.js.map

package/lib/components/PromptListbox/PromptListbox.js

@@ -3,10 +3,12 @@ import { usePromptListbox_unstable } from './usePromptListbox';
 import { renderPromptListbox_unstable } from './renderPromptListbox';
 import { usePromptListboxStyles_unstable } from './usePromptListboxStyles.styles';
 import { usePromptListboxContextValues } from './usePromptListboxContextValues';
-/**@deprecated - use InputListbox instead */ export const PromptListbox = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = usePromptListbox_unstable(props, ref);
-    const contextValues = usePromptListboxContextValues(state);
-    usePromptListboxStyles_unstable(state);
-    return renderPromptListbox_unstable(state, contextValues);
+/**@deprecated - use InputListbox instead */
+export const PromptListbox = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = usePromptListbox_unstable(props, ref);
+  const contextValues = usePromptListboxContextValues(state);
+  usePromptListboxStyles_unstable(state);
+  return renderPromptListbox_unstable(state, contextValues);
 });
 PromptListbox.displayName = 'PromptListbox';
+//# sourceMappingURL=PromptListbox.js.map

package/lib/components/PromptListbox/PromptListbox.types.js

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=PromptListbox.types.js.map

package/lib/components/PromptListbox/index.js

@@ -2,3 +2,4 @@ export { PromptListbox } from './PromptListbox';
 export { renderPromptListbox_unstable } from './renderPromptListbox';
 export { usePromptListbox_unstable } from './usePromptListbox';
 export { promptListboxClassNames, usePromptListboxStyles_unstable } from './usePromptListboxStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/PromptListbox/renderPromptListbox.js

@@ -1,22 +1,26 @@
-  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots, ListboxProvider, Portal } from '@fluentui/react-components';
 import { ActiveDescendantContextProvider } from '@fluentui/react-aria';
 /**
  * Render the final JSX of PromptListbox
- */ export const renderPromptListbox_unstable = (state, contextValues)=>{
-    assertSlots(state);
-    const { open } = state;
-    return /*#__PURE__*/ _jsx(ListboxProvider, {
-        value: contextValues.listbox,
-        children: /*#__PURE__*/ _jsx(ActiveDescendantContextProvider, {
-            value: contextValues.activeDescendant,
-            children: /*#__PURE__*/ _jsx("span", {
-                "aria-owns": open ? state.root.id : undefined,
-                children: open && (state.inlinePopup ? /*#__PURE__*/ _jsx(state.root, {}) : /*#__PURE__*/ _jsx(Portal, {
-                    mountNode: state.mountNode,
-                    children: /*#__PURE__*/ _jsx(state.root, {})
-                }))
-            })
-        })
-    });
+ */
+export const renderPromptListbox_unstable = (state, contextValues) => {
+  assertSlots(state);
+  const {
+    open
+  } = state;
+  return /*#__PURE__*/_jsx(ListboxProvider, {
+    value: contextValues.listbox,
+    children: /*#__PURE__*/_jsx(ActiveDescendantContextProvider, {
+      value: contextValues.activeDescendant,
+      children: /*#__PURE__*/_jsx("span", {
+        "aria-owns": open ? state.root.id : undefined,
+        children: open && (state.inlinePopup ? /*#__PURE__*/_jsx(state.root, {}) : /*#__PURE__*/_jsx(Portal, {
+          mountNode: state.mountNode,
+          children: /*#__PURE__*/_jsx(state.root, {})
+        }))
+      })
+    })
+  });
 };
+//# sourceMappingURL=renderPromptListbox.js.map

package/lib/components/PromptListbox/usePromptListbox.js

@@ -9,60 +9,74 @@ import { mergeCallbacks, useEventCallback, useId } from '@fluentui/react-utiliti
  *
  * @param props - props from this instance of PromptListbox
  * @param ref - reference to root HTMLElement of PromptListbox
- */ export const usePromptListbox_unstable = (props, ref)=>{
-    const { id, onActiveOptionChange, inlinePopup = false, mountNode = undefined, open = true, activeDescendantController, getOptionById, getOptionsMatchingValue, selectedOptions, selectOption, registerOption } = props;
-    const listboxId = useId('prompt-listbox', id);
-    const onActiveDescendantChange = 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
-        });
+ */
+export const usePromptListbox_unstable = (props, ref) => {
+  const {
+    id,
+    onActiveOptionChange,
+    inlinePopup = false,
+    mountNode = undefined,
+    open = true,
+    activeDescendantController,
+    getOptionById,
+    getOptionsMatchingValue,
+    selectedOptions,
+    selectOption,
+    registerOption
+  } = props;
+  const listboxId = useId('prompt-listbox', id);
+  const onActiveDescendantChange = 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: Listbox
-        },
-        root: slot.always({
-            ...props,
-            selectedOptions
-        }, {
-            defaultProps: {
-                disableAutoFocus: true,
-                id: listboxId,
-                tabIndex: undefined,
-                role: 'listbox'
-            },
-            elementType: Listbox
-        })
-    };
-    state.root.ref = useMergedRefs(ref, state.root.ref);
-    state.root.onMouseDown = useEventCallback(mergeCallbacks((event)=>{
-        event.preventDefault();
-    }, state.root.onMouseDown));
-    state.root.onClick = useEventCallback(mergeCallbacks((event)=>{
-        event.preventDefault();
-    }, state.root.onClick));
-    return state;
+  });
+  const state = {
+    ...deprecatedPropsDefaults,
+    open,
+    getOptionById,
+    getOptionsMatchingValue,
+    selectedOptions,
+    selectOption,
+    registerOption,
+    onActiveDescendantChange,
+    activeDescendantController,
+    inlinePopup,
+    mountNode,
+    components: {
+      root: Listbox
+    },
+    root: slot.always({
+      ...props,
+      selectedOptions
+    }, {
+      defaultProps: {
+        disableAutoFocus: true,
+        id: listboxId,
+        tabIndex: undefined,
+        role: 'listbox'
+      },
+      elementType: Listbox
+    })
+  };
+  state.root.ref = useMergedRefs(ref, state.root.ref);
+  state.root.onMouseDown = useEventCallback(mergeCallbacks(event => {
+    event.preventDefault();
+  }, state.root.onMouseDown));
+  state.root.onClick = useEventCallback(mergeCallbacks(event => {
+    event.preventDefault();
+  }, state.root.onClick));
+  return state;
 };
-const noop = ()=>null;
+const noop = () => null;
 const deprecatedPropsDefaults = {
-    activeOption: undefined,
-    focusVisible: false,
-    setActiveOption: noop,
-    onOptionClick: noop
+  activeOption: undefined,
+  focusVisible: false,
+  setActiveOption: noop,
+  onOptionClick: noop
 };
+//# sourceMappingURL=usePromptListbox.js.map

package/lib/components/PromptListbox/usePromptListboxContextValues.js

@@ -1,25 +1,33 @@
 import * as React from 'react';
 export 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
-    };
+  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/components/PromptListbox/usePromptListboxStyles.styles.raw.js

@@ -1,31 +1,35 @@
 import { makeStyles, mergeClasses } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const promptListboxClassNames = {
-    root: 'fai-PromptListbox'
+  root: 'fai-PromptListbox'
 };
 /**
  * Styles for the root slot
- */ const useStyles = makeStyles({
-    listbox: {
-        boxShadow: tokens.shadow16,
-        borderRadius: tokens.borderRadiusMedium,
-        maxHeight: '80vh',
-        boxSizing: 'border-box'
-    },
-    listboxCollapsed: {
-        display: 'none'
-    },
-    // When rendering inline, the popupSurface will be rendered under relatively positioned elements such as Input.
-    // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.
-    inlineListbox: {
-        zIndex: 1
-    }
+ */
+const useStyles = makeStyles({
+  listbox: {
+    boxShadow: tokens.shadow16,
+    borderRadius: tokens.borderRadiusMedium,
+    maxHeight: '80vh',
+    boxSizing: 'border-box'
+  },
+  listboxCollapsed: {
+    display: 'none'
+  },
+  // When rendering inline, the popupSurface will be rendered under relatively positioned elements such as Input.
+  // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.
+  inlineListbox: {
+    zIndex: 1
+  }
 });
 /**
  * Apply styling to the PromptListbox slots based on the state
- */ export const usePromptListboxStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    state.root.className = mergeClasses(promptListboxClassNames.root, styles.listbox, state.inlinePopup && styles.inlineListbox, !state.open && styles.listboxCollapsed, state.root.className);
-    return state;
+ */
+export const usePromptListboxStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(promptListboxClassNames.root, styles.listbox, state.inlinePopup && styles.inlineListbox, !state.open && styles.listboxCollapsed, state.root.className);
+  return state;
 };
+//# sourceMappingURL=usePromptListboxStyles.styles.raw.js.map

package/lib/components/PromptOption/PromptOption.js

@@ -2,9 +2,11 @@ import * as React from 'react';
 import { usePromptOption_unstable } from './usePromptOption';
 import { renderPromptOption_unstable } from './renderPromptOption';
 import { usePromptOptionStyles_unstable } from './usePromptOptionStyles.styles';
-/**@deprecated - use Option instead */ export const PromptOption = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = usePromptOption_unstable(props, ref);
-    usePromptOptionStyles_unstable(state);
-    return renderPromptOption_unstable(state);
+/**@deprecated - use Option instead */
+export const PromptOption = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = usePromptOption_unstable(props, ref);
+  usePromptOptionStyles_unstable(state);
+  return renderPromptOption_unstable(state);
 });
 PromptOption.displayName = 'PromptOption';
+//# sourceMappingURL=PromptOption.js.map

package/lib/components/PromptOption/PromptOption.types.js

@@ -1,3 +1,4 @@
 /**
  * State used in rendering PromptOption
- */ export { };
+ */export {};
+//# sourceMappingURL=PromptOption.types.js.map

package/lib/components/PromptOption/index.js

@@ -2,3 +2,4 @@ export { PromptOption } from './PromptOption';
 export { renderPromptOption_unstable } from './renderPromptOption';
 export { usePromptOption_unstable } from './usePromptOption';
 export { promptOptionClassNames, usePromptOptionStyles_unstable } from './usePromptOptionStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/PromptOption/renderPromptOption.js

@@ -1,8 +1,10 @@
-  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of PromptOption
- */ export const renderPromptOption_unstable = (state)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsx(state.root, {});
+ */
+export const renderPromptOption_unstable = state => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsx(state.root, {});
 };
+//# sourceMappingURL=renderPromptOption.js.map

package/lib/components/PromptOption/usePromptOption.js

@@ -11,91 +11,91 @@ import { useListboxContext_unstable } from '@fluentui/react-combobox';
  *
  * @param props - props from this instance of PromptOption
  * @param ref - reference to root HTMLElement of PromptOption
- */ export const usePromptOption_unstable = (props, ref)=>{
-    const { controller: activeDescendantController } = useActiveDescendantContext();
-    const { children, disabled, text, value } = props;
-    const optionRef = React.useRef(null);
-    const optionText = getTextString(text, children);
-    const optionValue = value !== null && value !== void 0 ? value : optionText;
-    // use the id if provided, otherwise use a generated id
-    const id = useId('fluent-option', props.id);
-    // data used for context registration & events
-    const optionData = React.useMemo(()=>({
-            id,
-            disabled,
-            text: optionText,
-            value: optionValue
-        }), [
-        id,
-        disabled,
-        optionText,
-        optionValue
-    ]);
-    // context values
-    const registerOption = useListboxContext_unstable((ctx)=>ctx.registerOption);
-    const selected = useListboxContext_unstable((ctx)=>{
-        const selectedOptions = ctx.selectedOptions;
-        return optionValue !== undefined && selectedOptions.find((o)=>o === optionValue) !== undefined;
-    });
-    const selectOption = useListboxContext_unstable((ctx)=>ctx.selectOption);
-    const onOptionClick = useListboxContext_unstable((ctx)=>ctx.onOptionClick);
-    const onClick = (event)=>{
-        var _props_onClick;
-        if (disabled) {
-            event.preventDefault();
-            return;
-        }
-        activeDescendantController.focus(id);
-        // handle selection change
-        selectOption(event, optionData);
-        onOptionClick(event);
-        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);
-    };
-    // register option data with context
-    React.useEffect(()=>{
-        if (id && optionRef.current) {
-            return registerOption(optionData, optionRef.current);
-        }
-    }, [
-        id,
-        optionData,
-        registerOption
-    ]);
-    return {
-        components: {
-            root: 'div'
-        },
-        root: slot.always(getIntrinsicElementProps('div', {
-            ref: useMergedRefs(ref, optionRef),
-            'aria-disabled': disabled ? true : undefined,
-            id,
-            role: 'option',
-            ...props,
-            onClick
-        }), {
-            elementType: 'div'
-        }),
-        disabled,
-        selected
-    };
+ */
+export const usePromptOption_unstable = (props, ref) => {
+  const {
+    controller: activeDescendantController
+  } = useActiveDescendantContext();
+  const {
+    children,
+    disabled,
+    text,
+    value
+  } = props;
+  const optionRef = React.useRef(null);
+  const optionText = getTextString(text, children);
+  const optionValue = value !== null && value !== void 0 ? value : optionText;
+  // use the id if provided, otherwise use a generated id
+  const id = useId('fluent-option', props.id);
+  // data used for context registration & events
+  const optionData = React.useMemo(() => ({
+    id,
+    disabled,
+    text: optionText,
+    value: optionValue
+  }), [id, disabled, optionText, optionValue]);
+  // context values
+  const registerOption = useListboxContext_unstable(ctx => ctx.registerOption);
+  const selected = useListboxContext_unstable(ctx => {
+    const selectedOptions = ctx.selectedOptions;
+    return optionValue !== undefined && selectedOptions.find(o => o === optionValue) !== undefined;
+  });
+  const selectOption = useListboxContext_unstable(ctx => ctx.selectOption);
+  const onOptionClick = useListboxContext_unstable(ctx => ctx.onOptionClick);
+  const onClick = event => {
+    var _props_onClick;
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+    activeDescendantController.focus(id);
+    // handle selection change
+    selectOption(event, optionData);
+    onOptionClick(event);
+    (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);
+  };
+  // register option data with context
+  React.useEffect(() => {
+    if (id && optionRef.current) {
+      return registerOption(optionData, optionRef.current);
+    }
+  }, [id, optionData, registerOption]);
+  return {
+    components: {
+      root: 'div'
+    },
+    root: slot.always(getIntrinsicElementProps('div', {
+      ref: useMergedRefs(ref, optionRef),
+      'aria-disabled': disabled ? true : undefined,
+      id,
+      role: 'option',
+      ...props,
+      onClick
+    }), {
+      elementType: 'div'
+    }),
+    disabled,
+    selected
+  };
 };
 function getTextString(text, children) {
-    if (text !== undefined) {
-        return text;
-    }
-    let textString = '';
-    let hasNonStringChild = false;
-    React.Children.forEach(children, (child)=>{
-        if (typeof child === 'string') {
-            textString += child;
-        } else {
-            hasNonStringChild = true;
-        }
-    });
-    // warn if an Option has non-string children and no text prop
-    if (hasNonStringChild) {
-        // eslint-disable-next-line no-console
-        console.warn('Provide a `text` prop to Option components when they contain non-string children.');
+  if (text !== undefined) {
+    return text;
+  }
+  let textString = '';
+  let hasNonStringChild = false;
+  React.Children.forEach(children, child => {
+    if (typeof child === 'string') {
+      textString += child;
+    } else {
+      hasNonStringChild = true;
     }
-    return textString;
+  });
+  // warn if an Option has non-string children and no text prop
+  if (hasNonStringChild) {
+    // eslint-disable-next-line no-console
+    console.warn('Provide a `text` prop to Option components when they contain non-string children.');
+  }
+  return textString;
 }
+//# sourceMappingURL=usePromptOption.js.map