@fluentui-copilot/react-prompt-listbox 0.7.1 → 0.7.2

package/CHANGELOG.json

@@ -1,6 +1,27 @@
 {
   "name": "@fluentui-copilot/react-prompt-listbox",
   "entries": [
+    {
+      "date": "Wed, 30 Apr 2025 01:46:03 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,19 @@
 # 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, 30 Apr 2025 01:46:03 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.7.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.7.2)
+
+Wed, 30 Apr 2025 01:46:03 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/components/utils/PromptListboxFunctionality.types.js.map

@@ -1 +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 containerRef is the same as the trigger, the ref provided in triggerProps needs\n   * to be merged with this one using `useMergedRefs(containerRef, triggerProps.ref);`\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  containerRef: 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  positioning?: PositioningShorthand;\n\n  /**\n   * Callback to call when the selection mode (selecting an action vs typing) changes.\n   */\n  onSelectionModeChange?: (isInSelectionMode: boolean) => void;\n\n  /**\n   * Props to be passed to the ListboxComponent\n   */\n  listboxProps?: ProcessedPromptListboxProps;\n\n  /**\n   * Whether the listbox's width should take all the available space or only\n   * the required space.\n   *\n   * @default false\n   */\n  fluid?: boolean;\n\n  /**\n   * Whether to allow reaching the listbox options by arrowing up at the start of the input.\n   * Note, this prop is meant to be used with the following positioning props:\n   * ```ts\n   *  usePromptListboxFunctionality({\n   *    positioning: {\n   *      position: 'above',\n   *      fallbackPositions: ['above']\n   *    }\n   *  });\n   * ```\n   * This is useful when using PromptListbox with other components such as ChatInput since\n   * the input will always stay at the bottom therefore the listbox would always get cut.\n   *\n   * @default false\n   */\n  allowArrowUpNavigation?: boolean;\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":"AA2FA,WAME"}
+{"version":3,"sources":["PromptListboxFunctionality.types.ts"],"sourcesContent":["import type * as 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 containerRef is the same as the trigger, the ref provided in triggerProps needs\n   * to be merged with this one using `useMergedRefs(containerRef, triggerProps.ref);`\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  containerRef: 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  positioning?: PositioningShorthand;\n\n  /**\n   * Callback to call when the selection mode (selecting an action vs typing) changes.\n   */\n  onSelectionModeChange?: (isInSelectionMode: boolean) => void;\n\n  /**\n   * Props to be passed to the ListboxComponent\n   */\n  listboxProps?: ProcessedPromptListboxProps;\n\n  /**\n   * Whether the listbox's width should take all the available space or only\n   * the required space.\n   *\n   * @default false\n   */\n  fluid?: boolean;\n\n  /**\n   * Whether to allow reaching the listbox options by arrowing up at the start of the input.\n   * Note, this prop is meant to be used with the following positioning props:\n   * ```ts\n   *  usePromptListboxFunctionality({\n   *    positioning: {\n   *      position: 'above',\n   *      fallbackPositions: ['above']\n   *    }\n   *  });\n   * ```\n   * This is useful when using PromptListbox with other components such as ChatInput since\n   * the input will always stay at the bottom therefore the listbox would always get cut.\n   *\n   * @default false\n   */\n  allowArrowUpNavigation?: boolean;\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":"AA2FA,WAME"}

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

@@ -1 +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 containerRef is the same as the trigger, the ref provided in triggerProps needs\n   * to be merged with this one using `useMergedRefs(containerRef, triggerProps.ref);`\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  containerRef: 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  positioning?: PositioningShorthand;\n\n  /**\n   * Callback to call when the selection mode (selecting an action vs typing) changes.\n   */\n  onSelectionModeChange?: (isInSelectionMode: boolean) => void;\n\n  /**\n   * Props to be passed to the ListboxComponent\n   */\n  listboxProps?: ProcessedPromptListboxProps;\n\n  /**\n   * Whether the listbox's width should take all the available space or only\n   * the required space.\n   *\n   * @default false\n   */\n  fluid?: boolean;\n\n  /**\n   * Whether to allow reaching the listbox options by arrowing up at the start of the input.\n   * Note, this prop is meant to be used with the following positioning props:\n   * ```ts\n   *  usePromptListboxFunctionality({\n   *    positioning: {\n   *      position: 'above',\n   *      fallbackPositions: ['above']\n   *    }\n   *  });\n   * ```\n   * This is useful when using PromptListbox with other components such as ChatInput since\n   * the input will always stay at the bottom therefore the listbox would always get cut.\n   *\n   * @default false\n   */\n  allowArrowUpNavigation?: boolean;\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":""}
+{"version":3,"sources":["PromptListboxFunctionality.types.ts"],"sourcesContent":["import type * as 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 containerRef is the same as the trigger, the ref provided in triggerProps needs\n   * to be merged with this one using `useMergedRefs(containerRef, triggerProps.ref);`\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  containerRef: 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  positioning?: PositioningShorthand;\n\n  /**\n   * Callback to call when the selection mode (selecting an action vs typing) changes.\n   */\n  onSelectionModeChange?: (isInSelectionMode: boolean) => void;\n\n  /**\n   * Props to be passed to the ListboxComponent\n   */\n  listboxProps?: ProcessedPromptListboxProps;\n\n  /**\n   * Whether the listbox's width should take all the available space or only\n   * the required space.\n   *\n   * @default false\n   */\n  fluid?: boolean;\n\n  /**\n   * Whether to allow reaching the listbox options by arrowing up at the start of the input.\n   * Note, this prop is meant to be used with the following positioning props:\n   * ```ts\n   *  usePromptListboxFunctionality({\n   *    positioning: {\n   *      position: 'above',\n   *      fallbackPositions: ['above']\n   *    }\n   *  });\n   * ```\n   * This is useful when using PromptListbox with other components such as ChatInput since\n   * the input will always stay at the bottom therefore the listbox would always get cut.\n   *\n   * @default false\n   */\n  allowArrowUpNavigation?: boolean;\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-prompt-listbox",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "PromptListbox for input components using EditorInput.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -13,27 +13,28 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-copilot/chat-input-plugins": "^0.4.2",
-    "@fluentui-copilot/react-chat-input-plugins": "^0.4.7",
-    "@fluentui-copilot/react-editor-input": "^0.4.8",
-    "@fluentui-copilot/react-input-listbox": "^0.3.1",
-    "@fluentui-copilot/react-prompt-input": "^0.7.1",
-    "@fluentui-copilot/react-provider": "^0.11.1",
+    "@fluentui-copilot/react-chat-input-plugins": "^0.4.8",
+    "@fluentui-copilot/react-editor-input": "^0.4.9",
+    "@fluentui-copilot/react-input-listbox": "^0.3.2",
+    "@fluentui-copilot/react-prompt-input": "^0.7.2",
+    "@fluentui-copilot/react-provider": "^0.11.2",
     "@fluentui-copilot/react-text-editor": "^0.4.1",
     "@fluentui-copilot/text-editor": "^0.3.1",
-    "@fluentui-copilot/tokens": "^0.3.9",
+    "@fluentui-copilot/tokens": "^0.3.10",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/keyboard-keys": ">=9.0.7 <10.0.0",
-    "@fluentui/react-aria": ">=9.13.2 <10.0.0",
-    "@fluentui/react-combobox": ">=9.13.3 <10.0.0",
-    "@fluentui/react-components": ">=9.55.1 <10.0.0",
+    "@fluentui/keyboard-keys": ">=9.0.8 <10.0.0",
+    "@fluentui/react-aria": ">=9.14.6 <10.0.0",
+    "@fluentui/react-combobox": ">=9.13.18 <10.0.0",
+    "@fluentui/react-components": ">=9.58.3 <10.0.0",
     "@fluentui/react-icons": ">=2.0.260 <3.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.0.45 <10.0.0",
-    "@fluentui/react-positioning": ">=9.15.7 <10.0.0",
-    "@fluentui/react-shared-contexts": ">=9.20.2 <10.0.0",
-    "@fluentui/react-tabster": ">=9.22.9 <10.0.0",
-    "@fluentui/react-utilities": ">=9.18.16 <10.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.50 <10.0.0",
+    "@fluentui/react-motion": ">=9.6.7 <10.0.0",
+    "@fluentui/react-positioning": ">=9.16.3 <10.0.0",
+    "@fluentui/react-shared-contexts": ">=9.23.1 <10.0.0",
+    "@fluentui/react-tabster": ">=9.24.6 <10.0.0",
+    "@fluentui/react-utilities": ">=9.19.0 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
     "@types/react-dom": ">=16.9.8 <19.0.0",
     "react": ">=16.14.0 <19.0.0",