@fluentui-copilot/react-prompt-listbox 0.7.1 → 0.7.2-hotfix.1

package/CHANGELOG.json

@@ -1,6 +1,42 @@
 {
   "name": "@fluentui-copilot/react-prompt-listbox",
   "entries": [
+    {
+      "date": "Wed, 06 Aug 2025 16:01:29 GMT",
+      "tag": "@fluentui-copilot/react-prompt-listbox_v0.7.2-hotfix.1",
+      "version": "0.7.2-hotfix.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "commit": "cb43a5bd5258c678c965fddff7e7d5a95f9d0396",
+            "comment": "release: prepare hotfix 0.25.3-hotfix.1"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 30 Apr 2025 01:47:49 GMT",
+      "tag": "@fluentui-copilot/react-prompt-listbox_v0.7.2",
+      "version": "0.7.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "commit": "1391e0a7243d050db30fcc27547fd3e91df0162c",
+            "comment": "chore: use named import when importing react for improved tree shaking."
+          },
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "commit": "5a9efb11481fbe2c9bd25c8825ec4a9b991050ab",
+            "comment": "chore: Bump @fluentui/react-components to 9.58.3."
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 20 Mar 2025 17:00:43 GMT",
       "tag": "@fluentui-copilot/react-prompt-listbox_v0.6.0",

package/CHANGELOG.md

@@ -1,9 +1,28 @@
 # Change Log - @fluentui-copilot/react-prompt-listbox
 
-This log was last generated on Thu, 20 Mar 2025 17:00:43 GMT and should not be manually modified.
+This log was last generated on Wed, 06 Aug 2025 16:01:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.7.2-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.7.2-hotfix.1)
+
+Wed, 06 Aug 2025 16:01:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-listbox_v0.7.2..@fluentui-copilot/react-prompt-listbox_v0.7.2-hotfix.1)
+
+### Changes
+
+- release: prepare hotfix 0.25.3-hotfix.1 ([PR #3280](https://github.com/microsoft/fluentai/pull/3280) by hochelmartin@gmail.com)
+
+## [0.7.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.7.2)
+
+Wed, 30 Apr 2025 01:47:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-listbox_v0.6.0..@fluentui-copilot/react-prompt-listbox_v0.7.2)
+
+### Patches
+
+- chore: use named import when importing react for improved tree shaking. ([PR #2956](https://github.com/microsoft/fluentai/pull/2956) by tristan.watanabe@gmail.com)
+- chore: Bump @fluentui/react-components to 9.58.3. ([PR #2963](https://github.com/microsoft/fluentai/pull/2963) by owcampbe@microsoft.com)
+
 ## [0.6.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.6.0)
 
 Thu, 20 Mar 2025 17:00:43 GMT 

package/dist/index.d.ts

@@ -31,7 +31,6 @@ import type { PortalProps } from '@fluentui/react-components';
 import type { PositioningShorthand } from '@fluentui/react-positioning';
 import type { PositioningShorthand as PositioningShorthand_2 } from '@fluentui/react-components';
 import * as React_2 from 'react';
-import type { default as React_3 } from 'react';
 import { renderOption_unstable } from '@fluentui-copilot/react-input-listbox';
 import type { Slot } from '@fluentui/react-components';
 import type { SlotClassNames } from '@fluentui/react-components';
@@ -45,7 +44,7 @@ export declare type OnOpenChangeData = (EventData<'click', React_2.MouseEvent<HT
     open: boolean;
 };
 
-export declare type OnOpenChangeDataDeprecated = (EventData<'click', React_3.MouseEvent<HTMLSpanElement>> | EventData<'focus', React_3.FocusEvent<HTMLSpanElement>> | EventData<'keyboard', React_3.KeyboardEvent<HTMLSpanElement>>) & {
+export declare type OnOpenChangeDataDeprecated = (EventData<'click', React_2.MouseEvent<HTMLSpanElement>> | EventData<'focus', React_2.FocusEvent<HTMLSpanElement>> | EventData<'keyboard', React_2.KeyboardEvent<HTMLSpanElement>>) & {
     open: boolean;
 };
 
@@ -94,7 +93,7 @@ export { OverrideActionHandlerOptions }
 export { OverrideActionHandlerResult }
 
 export declare type ProcessedPromptListboxPropsDeprecated = Partial<Omit<PromptListboxProps, 'activeDescendantController' | 'multiselect'>> & {
-    ref?: React_3.MutableRefObject<any>;
+    ref?: React_2.MutableRefObject<any>;
 };
 
 /**@deprecated - use InputListbox instead */
@@ -253,7 +252,7 @@ export declare type UsePromptListboxFunctionalityDeprecated = {
      * work correctly.
      */
     triggerProps: {
-        ref: React_3.RefObject<HTMLSpanElement>;
+        ref: React_2.RefObject<HTMLSpanElement>;
         /**
          * Whether the listbox is being used to go through options or the user is currently typing.
          */
@@ -267,7 +266,7 @@ export declare type UsePromptListboxFunctionalityDeprecated = {
      * Note: If the containerRef is the same as the trigger, the ref provided in triggerProps needs
      * to be merged with this one using `useMergedRefs(containerRef, triggerProps.ref);`
      */
-    containerRef: React_3.MutableRefObject<any>;
+    containerRef: React_2.MutableRefObject<any>;
     /**
      * Plugin used to tell where the cursor is in the EditorInput, this is important for the
      * keyboard behavior. This should be passed as children in the PromptInput.

package/lib/PromptListbox.js

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

package/lib/PromptOption.js

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

package/lib/components/PromptListbox/PromptListbox.js

@@ -3,12 +3,10 @@ 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,2 +1 @@
-export {};
-//# sourceMappingURL=PromptListbox.types.js.map
+export { };

package/lib/components/PromptListbox/index.js

@@ -2,4 +2,3 @@ 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,26 +1,22 @@
-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,74 +9,60 @@ 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,33 +1,25 @@
 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

@@ -0,0 +1,31 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const promptListboxClassNames = {
+    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
+    }
+});
+/**
+ * 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;
+};

package/lib/components/PromptListbox/usePromptListboxStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptListboxStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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    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":["makeStyles","mergeClasses","tokens","promptListboxClassNames","root","useStyles","listbox","boxShadow","shadow16","borderRadius","borderRadiusMedium","maxHeight","boxSizing","listboxCollapsed","display","inlineListbox","zIndex","usePromptListboxStyles_unstable","state","styles","className","inlinePopup","open"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BM,SAAS;QACPC,WAAWL,OAAOM,QAAQ;QAC1BC,cAAcP,OAAOQ,kBAAkB;QACvCC,WAAW;QACXC,WAAW;IACb;IAEAC,kBAAkB;QAChBC,SAAS;IACX;IAEA,+GAA+G;IAC/G,0GAA0G;IAC1GC,eAAe;QACbC,QAAQ;IACV;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,SAASd;IACfa,MAAMd,IAAI,CAACgB,SAAS,GAAGnB,aACrBE,wBAAwBC,IAAI,EAC5Be,OAAOb,OAAO,EACdY,MAAMG,WAAW,IAAIF,OAAOJ,aAAa,EACzC,CAACG,MAAMI,IAAI,IAAIH,OAAON,gBAAgB,EACtCK,MAAMd,IAAI,CAACgB,SAAS;IAGtB,OAAOF;AACT,EAAE"}

package/lib/components/PromptOption/PromptOption.js

@@ -2,11 +2,9 @@ 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,4 +1,3 @@
 /**
  * State used in rendering PromptOption
- */export {};
-//# sourceMappingURL=PromptOption.types.js.map
+ */ export { };

package/lib/components/PromptOption/index.js

@@ -2,4 +2,3 @@ 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,10 +1,8 @@
-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