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

package/CHANGELOG.json

@@ -0,0 +1,56 @@
+{
+  "name": "@fluentui-copilot/react-prompt-listbox",
+  "entries": [
+    {
+      "date": "Fri, 19 Jul 2024 04:13:27 GMT",
+      "tag": "@fluentui-copilot/react-prompt-listbox_v0.0.0-nightly-20240719-0406-ee8d99d6.1",
+      "version": "0.0.0-nightly-20240719-0406-ee8d99d6.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "fluentui-internal@service.microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "commit": "not available",
+            "comment": "Release nightly"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "comment": "Bump @fluentui-copilot/chat-input-plugins to v0.0.0-nightly-20240719-0406-ee8d99d6.1",
+            "commit": "e568e817e90915ee691011151b826dc43e4c0778"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "comment": "Bump @fluentui-copilot/react-chat-input-plugins to v0.0.0-nightly-20240719-0406-ee8d99d6.1",
+            "commit": "e568e817e90915ee691011151b826dc43e4c0778"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "comment": "Bump @fluentui-copilot/react-editor-input to v0.0.0-nightly-20240719-0406-ee8d99d6.1",
+            "commit": "e568e817e90915ee691011151b826dc43e4c0778"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "comment": "Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240719-0406-ee8d99d6.1",
+            "commit": "e568e817e90915ee691011151b826dc43e4c0778"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "comment": "Bump @fluentui-copilot/react-text-editor to v0.0.0-nightly-20240719-0406-ee8d99d6.1",
+            "commit": "e568e817e90915ee691011151b826dc43e4c0778"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "comment": "Bump @fluentui-copilot/text-editor to v0.0.0-nightly-20240719-0406-ee8d99d6.1",
+            "commit": "e568e817e90915ee691011151b826dc43e4c0778"
+          }
+        ]
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# Change Log - @fluentui-copilot/react-prompt-listbox
+
+This log was last generated on Fri, 19 Jul 2024 04:13:27 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## [0.0.0-nightly-20240719-0406-ee8d99d6.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.0.0-nightly-20240719-0406-ee8d99d6.1)
+
+Fri, 19 Jul 2024 04:13:27 GMT
+
+### Changes
+
+- Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
+- Bump @fluentui-copilot/chat-input-plugins to v0.0.0-nightly-20240719-0406-ee8d99d6.1 ([commit](https://github.com/microsoft/fluentai/commit/e568e817e90915ee691011151b826dc43e4c0778) by beachball)
+- Bump @fluentui-copilot/react-chat-input-plugins to v0.0.0-nightly-20240719-0406-ee8d99d6.1 ([commit](https://github.com/microsoft/fluentai/commit/e568e817e90915ee691011151b826dc43e4c0778) by beachball)
+- Bump @fluentui-copilot/react-editor-input to v0.0.0-nightly-20240719-0406-ee8d99d6.1 ([commit](https://github.com/microsoft/fluentai/commit/e568e817e90915ee691011151b826dc43e4c0778) by beachball)
+- Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240719-0406-ee8d99d6.1 ([commit](https://github.com/microsoft/fluentai/commit/e568e817e90915ee691011151b826dc43e4c0778) by beachball)
+- Bump @fluentui-copilot/react-text-editor to v0.0.0-nightly-20240719-0406-ee8d99d6.1 ([commit](https://github.com/microsoft/fluentai/commit/e568e817e90915ee691011151b826dc43e4c0778) by beachball)
+- Bump @fluentui-copilot/text-editor to v0.0.0-nightly-20240719-0406-ee8d99d6.1 ([commit](https://github.com/microsoft/fluentai/commit/e568e817e90915ee691011151b826dc43e4c0778) by beachball)

package/LICENSE

@@ -0,0 +1,23 @@
+@fluentui-copilot/react-prompt-listbox
+
+MIT License
+
+Copyright (c) Microsoft Corporation.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE

package/README.md

@@ -0,0 +1,5 @@
+# @fluentui-copilot/react-prompt-listbox
+
+**For internal use only. External use is not supported at this time.**
+
+**React Prompt Listbox components for [Fluent AI React](https://ai.fluentui.dev/)**

package/dist/index.d.ts

@@ -0,0 +1,230 @@
+/// <reference types="react" />
+
+import type { ActiveDescendantContextValue } from '@fluentui/react-aria';
+import type { ComboboxBaseState } from '@fluentui/react-combobox';
+import type { ComboboxProps } from '@fluentui/react-components';
+import type { ComboboxState } from '@fluentui/react-combobox';
+import type { ComponentProps } from '@fluentui/react-components';
+import type { ComponentState } from '@fluentui/react-components';
+import type { EventData } from '@fluentui/react-utilities';
+import type { EventHandler } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-components';
+import { InitialConfigType } from '@lexical/react/LexicalComposer';
+import type { Listbox } from '@fluentui/react-components';
+import type { ListboxContextValue } from '@fluentui/react-combobox';
+import type { ListboxContextValue as ListboxContextValue_2 } from '@fluentui/react-components';
+import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
+import type { PortalProps } from '@fluentui/react-components';
+import type { PositioningShorthand } from '@fluentui/react-components';
+import * as React_2 from 'react';
+import type { default as React_3 } from 'react';
+import type { Slot } from '@fluentui/react-components';
+import type { SlotClassNames } from '@fluentui/react-components';
+
+/**
+ * EditorInput Props
+ */
+declare type EditorInputProps = Omit<ComponentProps<Partial<EditorInputSlots>, 'input'>, 'onChange' | 'onPaste' | 'defaultValue' | 'onSubmit'> & {
+    disabled?: boolean;
+    /**
+     * If defaultValue is a string, it will be added to the input on first render.
+     * If defaultValue is a function, it can call lexical $ functions to imperatively set the initial content with more complex nodes.
+     */
+    defaultValue?: string | (() => void);
+    /**
+     * Callback for when the user changes the value.
+     * TODO: Add proper event type for callback
+     */
+    onChange?: (ev: any, data: EditorInputValueData) => void;
+    /**
+     * Callback for when content is pasted into the Editor.
+     */
+    onPaste?: (ev: ClipboardEvent) => void;
+    /**
+     * When true, the input will be cleared when only whitespace is remaining.
+     * @default false
+     */
+    trimWhiteSpace?: boolean;
+    /**
+     * Used to register any custom nodes used by plugins added. Can also be used to override the default nodes.
+     */
+    customNodes?: InitialConfigType['nodes'];
+    /**
+     * The plugin which is in charge of initializing Lexical and is given the `input` and `placeholder` slots
+     * @default LexicalPlainTextPlugin
+     */
+    textPlugin?: typeof PlainTextPlugin;
+    /**
+     * Controls whether history is tracked to provide undo and redo functionality
+     * @default true
+     */
+    history?: boolean;
+};
+
+declare type EditorInputSlots = {
+    root: NonNullable<Slot<'span'>>;
+    input: NonNullable<Slot<'span'>>;
+    placeholderValue?: Slot<'span'>;
+};
+
+/**
+ * Data passed to the `onChange` callback when the chat input's value changes.
+ */
+declare type EditorInputValueData = {
+    value: string;
+};
+
+export declare type OnOpenChangeData = (EventData<'click', React_3.MouseEvent<HTMLSpanElement>> | EventData<'focus', React_3.FocusEvent<HTMLSpanElement>> | EventData<'keyboard', React_3.KeyboardEvent<HTMLSpanElement>>) & {
+    open: boolean;
+};
+
+declare type OptionCollectionState = {
+    /** The total number of options in the collection. */
+    getCount: () => number;
+    /** Returns the option data by key. */
+    getOptionById(id: string): OptionValue | undefined;
+    /** Returns an array of options filtered by a value matching function against the option's value string. */
+    getOptionsMatchingValue(matcher: (value: string) => boolean): OptionValue[];
+    /** The unordered option data. */
+    options: OptionValue[];
+    /** A function that child options call to register their values. Returns a function to unregister the option. */
+    registerOption: (option: OptionValue, element: HTMLElement) => () => void;
+};
+
+declare type OptionValue = {
+    /** The disabled state of the option. */
+    disabled?: boolean;
+    /** The `id` attribute of the option. */
+    id: string;
+    /** The `text` string for the option. */
+    text: string;
+    /** The value string of the option. */
+    value: string;
+};
+
+export declare type ProcessedPromptListboxProps = Partial<Omit<PromptListboxProps, 'activeDescendantController' | 'multiselect'>> & {
+    ref?: React_3.MutableRefObject<any>;
+};
+
+export declare const PromptListbox: ForwardRefComponent<PromptListboxProps>;
+
+export declare const promptListboxClassNames: SlotClassNames<PromptListboxSlots>;
+
+declare type PromptListboxContextState = Pick<ComboboxBaseState, keyof ListboxContextValue> & Pick<ComboboxState, 'activeDescendantController'>;
+
+declare type PromptListboxContextValues = {
+    listbox: ListboxContextValue_2;
+    activeDescendant: ActiveDescendantContextValue;
+};
+
+/**
+ * PromptListbox Props
+ */
+export declare type PromptListboxProps = ComponentProps<PromptListboxSlots> & Pick<PortalProps, 'mountNode'> & OptionCollectionState & SelectionState & Pick<PromptListboxContextState, 'activeDescendantController'> & Pick<ComboboxProps, 'onActiveOptionChange'> & {
+    /**
+     * Whether to listbox should be rendered.
+     *
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Whether to render the listbox inline or in a portal.
+     *
+     * @default false
+     */
+    inlinePopup?: boolean;
+};
+
+export declare type PromptListboxSlots = {
+    root: Slot<typeof Listbox>;
+};
+
+/**
+ * State used in rendering PromptListbox
+ */
+export declare type PromptListboxState = ComponentState<PromptListboxSlots> & PromptListboxContextState & Required<Pick<PromptListboxProps, 'open' | 'inlinePopup'>> & Pick<PromptListboxProps, 'mountNode'>;
+
+/**
+ * Render the final JSX of PromptListbox
+ */
+export declare const renderPromptListbox_unstable: (state: PromptListboxState, contextValues: PromptListboxContextValues) => JSX.Element;
+
+/** Possible event types for onOptionSelect */
+declare type SelectionEvents = React_2.ChangeEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement> | React_2.MouseEvent<HTMLElement>;
+
+/** Values returned by the useSelection hook */
+declare type SelectionState = {
+    clearSelection: (event: SelectionEvents) => void;
+    selectedOptions: string[];
+    selectOption: (event: SelectionEvents, option: OptionValue) => void;
+};
+
+export declare const TextCursorPositionPlugin: React_2.FunctionComponent<TextCursorPositionPluginProps>;
+
+export declare type TextCursorPositionPluginProps = {
+    setIsInLastPosition: (isInLastPosition: boolean) => void;
+};
+
+/**
+ * Create the state required to render PromptListbox.
+ *
+ * The returned state can be modified with hooks such as usePromptListboxStyles_unstable,
+ * before being passed to renderPromptListbox_unstable.
+ *
+ * @param props - props from this instance of PromptListbox
+ * @param ref - reference to root HTMLElement of PromptListbox
+ */
+export declare const usePromptListbox_unstable: (props: PromptListboxProps, ref: React_2.Ref<HTMLDivElement>) => PromptListboxState;
+
+export declare type UsePromptListboxFunctionality = {
+    /**
+     * Component to be rendered in the Input component. This should be passed to the listbox prop.
+     */
+    promptListbox: JSX.Element;
+    /**
+     * Props to be spread in the PromptInput, these props are needed for the keyboard behavior to
+     * work correctly.
+     */
+    triggerProps: {
+        ref: React_3.RefObject<HTMLSpanElement>;
+        /**
+         * Whether the listbox is being used to go through options or the user is currently typing.
+         */
+        isInSelectionMode: boolean;
+    } & Required<Pick<EditorInputProps, 'onBlur' | 'onFocus' | 'onKeyDown'>>;
+    /**
+     * Ref used to point which element the listbox should be anchored to. Most use cases
+     * will provide this prop to the PromptInput's EditorInput (since this is the root slot,
+     * this is provided directly to the component and not the slot).
+     *
+     * Note: If the targetRef is the same as the trigger, the ref provided in triggerProps needs
+     * to be merged with this one using `useMergedRefs(targetRef, triggerProps.ref);`
+     */
+    targetRef: React_3.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.
+     */
+    cursorPositionPlugin: JSX.Element;
+};
+
+export declare function usePromptListboxFunctionality(params: UsePromptListboxFunctionalityParams): UsePromptListboxFunctionality;
+
+export declare type UsePromptListboxFunctionalityParams = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: EventHandler<OnOpenChangeData>;
+    onSelectionModeChange?: (isInSelectionMode: boolean) => void;
+    positioning?: PositioningShorthand;
+    /**
+     * Props to be passed to the ListboxComponent
+     */
+    listboxProps?: ProcessedPromptListboxProps;
+};
+
+/**
+ * Apply styling to the PromptListbox slots based on the state
+ */
+export declare const usePromptListboxStyles_unstable: (state: PromptListboxState) => PromptListboxState;
+
+export { }

package/lib/PromptListbox.js

@@ -0,0 +1,2 @@
+export * from './components/PromptListbox/index';
+//# sourceMappingURL=PromptListbox.js.map

package/lib/PromptListbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptListbox.ts"],"sourcesContent":["export * from './components/PromptListbox/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,mCAAmC"}

package/lib/components/PromptListbox/PromptListbox.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { usePromptListbox_unstable } from './usePromptListbox';
+import { renderPromptListbox_unstable } from './renderPromptListbox';
+import { usePromptListboxStyles_unstable } from './usePromptListboxStyles.styles';
+import { usePromptListboxContextValues } from './usePromptListboxContextValues';
+// PromptListbox component - TODO: add more docs
+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.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptListbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptListbox_unstable } from './usePromptListbox';\nimport { renderPromptListbox_unstable } from './renderPromptListbox';\nimport { usePromptListboxStyles_unstable } from './usePromptListboxStyles.styles';\nimport { usePromptListboxContextValues } from './usePromptListboxContextValues';\nimport type { PromptListboxProps } from './PromptListbox.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// PromptListbox component - TODO: add more docs\nexport const PromptListbox: ForwardRefComponent<PromptListboxProps> = React.forwardRef((props, ref) => {\n  const state = usePromptListbox_unstable(props, ref);\n  const contextValues = usePromptListboxContextValues(state);\n\n  usePromptListboxStyles_unstable(state);\n  return renderPromptListbox_unstable(state, contextValues);\n});\n\nPromptListbox.displayName = 'PromptListbox';\n"],"names":["React","usePromptListbox_unstable","renderPromptListbox_unstable","usePromptListboxStyles_unstable","usePromptListboxContextValues","PromptListbox","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAClF,SAASC,6BAA6B,QAAQ,kCAAkC;AAIhF,gDAAgD;AAChD,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,0BAA0BM,OAAOC;IAC/C,MAAME,gBAAgBN,8BAA8BK;IAEpDN,gCAAgCM;IAChC,OAAOP,6BAA6BO,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}

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

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

package/lib/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":"AAiDA,WAGE"}

package/lib/components/PromptListbox/index.js

@@ -0,0 +1,6 @@
+export * from './PromptListbox';
+export * from './PromptListbox.types';
+export * from './renderPromptListbox';
+export * from './usePromptListbox';
+export * from './usePromptListboxStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/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":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}

package/lib/components/PromptListbox/renderPromptListbox.js

@@ -0,0 +1,20 @@
+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);
+  return /*#__PURE__*/_jsx(ListboxProvider, {
+    value: contextValues.listbox,
+    children: /*#__PURE__*/_jsx(ActiveDescendantContextProvider, {
+      value: contextValues.activeDescendant,
+      children: state.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/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","ListboxProvider","Portal","ActiveDescendantContextProvider","renderPromptListbox_unstable","state","contextValues","value","listbox","activeDescendant","open","inlinePopup","root","mountNode"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,EAAEC,eAAe,EAAEC,MAAM,QAAQ,6BAA6B;AAClF,SAASC,+BAA+B,QAAQ,uBAAuB;AAGvE;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,OAA2BC;IACtEN,YAAgCK;IAEhC,qBACE,KAACJ;QAAgBM,OAAOD,cAAcE,OAAO;kBAC3C,cAAA,KAACL;YAAgCI,OAAOD,cAAcG,gBAAgB;sBACnEJ,MAAMK,IAAI,IACRL,CAAAA,MAAMM,WAAW,iBAChB,KAACN,MAAMO,IAAI,sBAEX,KAACV;gBAAOW,WAAWR,MAAMQ,SAAS;0BAChC,cAAA,KAACR,MAAMO,IAAI;cAEf;;;AAIV,EAAE"}

package/lib/components/PromptListbox/usePromptListbox.js

@@ -0,0 +1,81 @@
+import { Listbox, slot, useMergedRefs } from '@fluentui/react-components';
+import { mergeCallbacks, useEventCallback, useId } from '@fluentui/react-utilities';
+// If you add JSX to this file, be sure to change the file type to .tsx
+/**
+ * Create the state required to render PromptListbox.
+ *
+ * The returned state can be modified with hooks such as usePromptListboxStyles_unstable,
+ * before being passed to renderPromptListbox_unstable.
+ *
+ * @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
+    });
+  });
+  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
+      },
+      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 deprecatedPropsDefaults = {
+  activeOption: undefined,
+  focusVisible: false,
+  setActiveOption: noop,
+  onOptionClick: noop
+};
+//# sourceMappingURL=usePromptListbox.js.map

package/lib/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":["Listbox","slot","useMergedRefs","mergeCallbacks","useEventCallback","useId","usePromptListbox_unstable","props","ref","id","onActiveOptionChange","inlinePopup","mountNode","undefined","open","activeDescendantController","getOptionById","getOptionsMatchingValue","selectedOptions","selectOption","registerOption","listboxId","onActiveDescendantChange","event","previousOption","detail","previousId","nextOption","type","state","deprecatedPropsDefaults","components","root","always","defaultProps","disableAutoFocus","tabIndex","elementType","onMouseDown","preventDefault","onClick","noop","activeOption","focusVisible","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,OAAO,EAAEC,IAAI,EAAEC,aAAa,QAAQ,6BAA6B;AAC1E,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AAMpF,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EACJC,EAAE,EACFC,oBAAoB,EACpBC,cAAc,KAAK,EACnBC,YAAYC,SAAS,EACrBC,OAAO,IAAI,EACXC,0BAA0B,EAC1BC,aAAa,EACbC,uBAAuB,EACvBC,eAAe,EACfC,YAAY,EACZC,cAAc,EACf,GAAGb;IACJ,MAAMc,YAAYhB,MAAM,kBAAkBI;IAE1C,MAAMa,2BAA2BlB,iBAAiB,CAACmB;QACjD,MAAMC,iBAAiBD,MAAME,MAAM,CAACC,UAAU,GAAGV,cAAcO,MAAME,MAAM,CAACC,UAAU,IAAI;QAC1F,MAAMC,aAAaX,cAAcO,MAAME,MAAM,CAAChB,EAAE;QAChDC,iCAAAA,2CAAAA,qBAAuBa,OAAO;YAAEA;YAAOK,MAAM;YAAUJ;YAAgBG;QAAW;IACpF;IAEA,MAAME,QAA4B;QAChC,GAAGC,uBAAuB;QAC1BhB;QACAE;QACAC;QACAC;QACAC;QACAC;QACAE;QACAP;QACAJ;QACAC;QAEAmB,YAAY;YACVC,MAAMhC;QACR;QAEAgC,MAAM/B,KAAKgC,MAAM,CACf;YAAE,GAAG1B,KAAK;YAAEW;QAAgB,GAC5B;YACEgB,cAAc;gBACZC,kBAAkB;gBAClB1B,IAAIY;gBACJe,UAAUvB;YACZ;YACAwB,aAAarC;QACf;IAEJ;IAEA6B,MAAMG,IAAI,CAACxB,GAAG,GAAGN,cAAcM,KAAKqB,MAAMG,IAAI,CAACxB,GAAG;IAClDqB,MAAMG,IAAI,CAACM,WAAW,GAAGlC,iBACvBD,eAAe,CAACoB;QACdA,MAAMgB,cAAc;IACtB,GAAGV,MAAMG,IAAI,CAACM,WAAW;IAG3BT,MAAMG,IAAI,CAACQ,OAAO,GAAGpC,iBACnBD,eAAe,CAACoB;QACdA,MAAMgB,cAAc;IACtB,GAAGV,MAAMG,IAAI,CAACQ,OAAO;IAGvB,OAAOX;AACT,EAAE;AAEF,MAAMY,OAAO,IAAM;AAEnB,MAAMX,0BAGF;IACFY,cAAc7B;IACd8B,cAAc;IACdC,iBAAiBH;IACjBI,eAAeJ;AACjB"}

package/lib/components/PromptListbox/usePromptListboxContextValues.js

@@ -0,0 +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
+  };
+}
+//# sourceMappingURL=usePromptListboxContextValues.js.map

package/lib/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":["React","usePromptListboxContextValues","state","getOptionById","getOptionsMatchingValue","registerOption","selectedOptions","selectOption","activeDescendantController","onOptionClick","onActiveDescendantChange","activeDescendant","useMemo","controller","listbox","activeOption","undefined","focusVisible","setActiveOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAO/B,OAAO,SAASC,8BAA8BC,KAAgC;IAC5E,MAAM,EACJC,aAAa,EACbC,uBAAuB,EACvBC,cAAc,EACdC,eAAe,EACfC,YAAY,EACZC,0BAA0B,EAC1BC,aAAa,EACbC,wBAAwB,EACzB,GAAGR;IAEJ,MAAMS,mBAAmBX,MAAMY,OAAO,CACpC,IAAO,CAAA;YACLC,YAAYL;QACd,CAAA,GACA;QAACA;KAA2B;IAG9B,MAAMM,UAAU;QACdC,cAAcC;QACdC,cAAc;QACdd;QACAC;QACAC;QACAC;QACAC;QACAW,iBAAiB,IAAM;QACvBT;QACAC;IACF;IAEA,OAAO;QACLC;QACAG;IACF;AACF"}

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

@@ -0,0 +1,37 @@
+import { __styles, mergeClasses, shorthands, tokens } from '@fluentui/react-components';
+export const promptListboxClassNames = {
+  root: 'fai-PromptListbox'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = __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;}"]
+});
+/**
+ * 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;
+};
+//# sourceMappingURL=usePromptListboxStyles.styles.js.map

package/lib/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":["makeStyles","mergeClasses","shorthands","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,EAAEC,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAI1F,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYN,WAAW;IAC3BO,SAAS;QACPC,WAAWL,OAAOM,QAAQ;QAC1B,GAAGP,WAAWQ,YAAY,CAACP,OAAOQ,kBAAkB,CAAC;QACrDC,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,GAAGpB,aACrBG,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/utils/OptionCollection.types.js

@@ -0,0 +1,3 @@
+// Brought from Fluent UI
+export {};
+//# sourceMappingURL=OptionCollection.types.js.map

package/lib/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;AAgBzB,WAeE"}

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

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

package/lib/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":"AA4DA,WAME"}

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

@@ -0,0 +1,3 @@
+// Brought from Fluent UI
+/** Possible event types for onOptionSelect */export {};
+//# sourceMappingURL=Selection.types.js.map

package/lib/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,GAC5C,WAGkC"}