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

package/lib/components/utils/useTriggerKeyDown.js

@@ -2,139 +2,148 @@
  * Note, this is mainly brought from Fluent UI, only removed the closing and
  * opening logic since that's not needed for this use case and added the bluring
  * functionality.
- */ import * as React from 'react';
+ */import * as React from 'react';
 import { useSetKeyboardNavigation } from '@fluentui/react-tabster';
 import { useEventCallback } from '@fluentui/react-utilities';
 import { getDropdownActionFromKey } from './dropdownKeyActions';
 import { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';
 export function useTriggerKeydown(options) {
-    const { activeDescendantController, getOptionById, selectOption, multiselect, open, cursorPosition, onBlur, allowArrowUpNavigation, isInSelectionMode, setSelectionMode } = options;
-    const getActiveOption = React.useCallback(()=>{
-        const activeOptionId = activeDescendantController.active();
-        return activeOptionId ? getOptionById(activeOptionId) : undefined;
-    }, [
-        activeDescendantController,
-        getOptionById
-    ]);
-    const first = ()=>{
-        activeDescendantController.first();
-    };
-    const last = ()=>{
-        activeDescendantController.last();
-    };
-    const blur = ()=>{
-        activeDescendantController.blur();
-        onBlur();
-    };
-    const next = (activeOption)=>{
-        if (activeOption) {
-            activeDescendantController.next();
-        } else {
-            activeDescendantController.first();
-        }
-    };
-    const previous = (activeOption)=>{
-        if (activeOption) {
-            activeDescendantController.prev();
-        } else {
-            activeDescendantController.first();
+  const {
+    activeDescendantController,
+    getOptionById,
+    selectOption,
+    multiselect,
+    open,
+    cursorPosition,
+    onBlur,
+    allowArrowUpNavigation,
+    isInSelectionMode,
+    setSelectionMode
+  } = options;
+  const getActiveOption = React.useCallback(() => {
+    const activeOptionId = activeDescendantController.active();
+    return activeOptionId ? getOptionById(activeOptionId) : undefined;
+  }, [activeDescendantController, getOptionById]);
+  const first = () => {
+    activeDescendantController.first();
+  };
+  const last = () => {
+    activeDescendantController.last();
+  };
+  const blur = () => {
+    activeDescendantController.blur();
+    onBlur();
+  };
+  const next = activeOption => {
+    if (activeOption) {
+      activeDescendantController.next();
+    } else {
+      activeDescendantController.first();
+    }
+  };
+  const previous = activeOption => {
+    if (activeOption) {
+      activeDescendantController.prev();
+    } else {
+      activeDescendantController.first();
+    }
+  };
+  const pageUp = () => {
+    for (let i = 0; i < 10; i++) {
+      activeDescendantController.prev();
+    }
+  };
+  const pageDown = () => {
+    for (let i = 0; i < 10; i++) {
+      activeDescendantController.next();
+    }
+  };
+  const setKeyboardNavigation = useSetKeyboardNavigation();
+  return useEventCallback(e => {
+    const action = getDropdownActionFromKey(e, {
+      open,
+      multiselect,
+      cursorPosition,
+      allowArrowUpNavigation,
+      isInSelectionMode
+    });
+    const activeOption = getActiveOption();
+    const firstOption = activeDescendantController.first({
+      passive: true
+    });
+    if (e.key === ArrowLeft || e.key === ArrowRight || action === 'Type') {
+      setSelectionMode(false);
+    } else if (action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {
+      setSelectionMode(true);
+    }
+    switch (action) {
+      case 'Last':
+      case 'First':
+      case 'PageDown':
+      case 'PageUp':
+      case 'CloseSelect':
+      case 'Select':
+        e.preventDefault();
+        break;
+      case 'Previous':
+        e.preventDefault();
+        break;
+      case 'Next':
+        e.preventDefault();
+        break;
+    }
+    setKeyboardNavigation(true);
+    switch (action) {
+      case 'First':
+        first();
+        if (!isInSelectionMode) {
+          setSelectionMode(true);
         }
-    };
-    const pageUp = ()=>{
-        for(let i = 0; i < 10; i++){
-            activeDescendantController.prev();
+        break;
+      case 'Last':
+        last();
+        if (!isInSelectionMode) {
+          setSelectionMode(true);
         }
-    };
-    const pageDown = ()=>{
-        for(let i = 0; i < 10; i++){
-            activeDescendantController.next();
+        break;
+      case 'Next':
+        next(activeOption);
+        if (!isInSelectionMode) {
+          setSelectionMode(true);
         }
-    };
-    const setKeyboardNavigation = useSetKeyboardNavigation();
-    return useEventCallback((e)=>{
-        const action = getDropdownActionFromKey(e, {
-            open,
-            multiselect,
-            cursorPosition,
-            allowArrowUpNavigation,
-            isInSelectionMode
-        });
-        const activeOption = getActiveOption();
-        const firstOption = activeDescendantController.first({
-            passive: true
-        });
-        if (e.key === ArrowLeft || e.key === ArrowRight || action === 'Type') {
-            setSelectionMode(false);
-        } else if (action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {
+        break;
+      case 'Previous':
+        // when active option is the first option and the action was "Previous",
+        // this means we were in the first option and we are "leaving" the listbox
+        if (activeOption && activeOption.id !== firstOption) {
+          previous(activeOption);
+          if (!isInSelectionMode) {
             setSelectionMode(true);
+          }
+        } else {
+          blur();
+          setSelectionMode(false);
         }
-        switch(action){
-            case 'Last':
-            case 'First':
-            case 'PageDown':
-            case 'PageUp':
-            case 'CloseSelect':
-            case 'Select':
-                e.preventDefault();
-                break;
-            case 'Previous':
-                e.preventDefault();
-                break;
-            case 'Next':
-                e.preventDefault();
-                break;
-        }
-        setKeyboardNavigation(true);
-        switch(action){
-            case 'First':
-                first();
-                if (!isInSelectionMode) {
-                    setSelectionMode(true);
-                }
-                break;
-            case 'Last':
-                last();
-                if (!isInSelectionMode) {
-                    setSelectionMode(true);
-                }
-                break;
-            case 'Next':
-                next(activeOption);
-                if (!isInSelectionMode) {
-                    setSelectionMode(true);
-                }
-                break;
-            case 'Previous':
-                // when active option is the first option and the action was "Previous",
-                // this means we were in the first option and we are "leaving" the listbox
-                if (activeOption && activeOption.id !== firstOption) {
-                    previous(activeOption);
-                    if (!isInSelectionMode) {
-                        setSelectionMode(true);
-                    }
-                } else {
-                    blur();
-                    setSelectionMode(false);
-                }
-                break;
-            case 'PageDown':
-                pageDown();
-                break;
-            case 'PageUp':
-                pageUp();
-                break;
-            case 'CloseSelect':
-                if (!multiselect && !(activeOption === null || activeOption === void 0 ? void 0 : activeOption.disabled)) {
-                    blur();
-                    setSelectionMode(false);
-                }
-            // fallthrough
-            case 'Select':
-                activeOption && selectOption(e, activeOption);
-                break;
-            case 'Tab':
-                !multiselect && activeOption && selectOption(e, activeOption);
-                break;
+        break;
+      case 'PageDown':
+        pageDown();
+        break;
+      case 'PageUp':
+        pageUp();
+        break;
+      case 'CloseSelect':
+        if (!multiselect && !(activeOption === null || activeOption === void 0 ? void 0 : activeOption.disabled)) {
+          blur();
+          setSelectionMode(false);
         }
-    });
+      // fallthrough
+      case 'Select':
+        activeOption && selectOption(e, activeOption);
+        break;
+      case 'Tab':
+        !multiselect && activeOption && selectOption(e, activeOption);
+        break;
+    }
+  });
 }
+//# sourceMappingURL=useTriggerKeyDown.js.map

package/lib/index.js

@@ -3,3 +3,4 @@ export { usePromptListboxFunctionality } from './components/utils/usePromptListb
 export { usePromptListboxFunctionality as usePromptListboxFunctionalityDeprecated } from './components/utils/usePromptListboxFunctionality';
 export { PromptOption, promptOptionClassNames, renderPromptOption_unstable, usePromptOptionStyles_unstable, usePromptOption_unstable } from './PromptOption';
 export { Option, optionClassNames, renderOption_unstable, useOption_unstable, useInputListboxOptionStyles_unstable } from '@fluentui-copilot/react-input-listbox';
+//# sourceMappingURL=index.js.map

package/lib/plugins/CursorPositionPlugin.js

@@ -1,43 +1,43 @@
 import { $isSentinelNode } from '@fluentui-copilot/chat-input-plugins';
 import { SELECTION_CHANGE_COMMAND, $getSelection, useLexicalComposerContext, $isRangeSelection, $isElementNode, COMMAND_PRIORITY_HIGH } from '@fluentui-copilot/react-text-editor';
 import * as React from 'react';
-export const CursorPositionPlugin = ({ setCursorPosition })=>{
-    const [editor] = useLexicalComposerContext();
-    React.useEffect(()=>{
-        const $selectionChangeHandler = ()=>{
-            const selection = $getSelection();
-            // If selection is null, the cursor is not active in the editor and we should just noop
-            if (selection === null || !$isRangeSelection(selection) || !selection.isCollapsed()) {
-                setCursorPosition('between-text');
-                return false;
-            }
-            // Should only be one node in the selection because the selection is collapsed
-            const selectedNode = selection.getNodes().at(0);
-            // If there's no selected node, focus isn't in the editor
-            if (!selectedNode) {
-                return false;
-            }
-            // If there are no leaf nodes, the paragraph node will be selected
-            if ($isElementNode(selectedNode)) {
-                setCursorPosition('start-end');
-                return false;
-            } else if ($isSentinelNode(selectedNode) && !selectedNode.getNextSibling()) {
-                setCursorPosition('end');
-                return false;
-            } else if ($isSentinelNode(selectedNode.getNextSibling()) && selection.focus.offset === selectedNode.getTextContentSize()) {
-                setCursorPosition('end');
-                return false;
-            } else if (selectedNode.getPreviousSibling() === null && selection.focus.offset === 0) {
-                setCursorPosition('start');
-                return false;
-            }
-            setCursorPosition('between-text');
-            return false;
-        };
-        return editor.registerCommand(SELECTION_CHANGE_COMMAND, $selectionChangeHandler, COMMAND_PRIORITY_HIGH);
-    }, [
-        editor,
-        setCursorPosition
-    ]);
-    return null;
+export const CursorPositionPlugin = ({
+  setCursorPosition
+}) => {
+  const [editor] = useLexicalComposerContext();
+  React.useEffect(() => {
+    const $selectionChangeHandler = () => {
+      const selection = $getSelection();
+      // If selection is null, the cursor is not active in the editor and we should just noop
+      if (selection === null || !$isRangeSelection(selection) || !selection.isCollapsed()) {
+        setCursorPosition('between-text');
+        return false;
+      }
+      // Should only be one node in the selection because the selection is collapsed
+      const selectedNode = selection.getNodes().at(0);
+      // If there's no selected node, focus isn't in the editor
+      if (!selectedNode) {
+        return false;
+      }
+      // If there are no leaf nodes, the paragraph node will be selected
+      if ($isElementNode(selectedNode)) {
+        setCursorPosition('start-end');
+        return false;
+      } else if ($isSentinelNode(selectedNode) && !selectedNode.getNextSibling()) {
+        setCursorPosition('end');
+        return false;
+      } else if ($isSentinelNode(selectedNode.getNextSibling()) && selection.focus.offset === selectedNode.getTextContentSize()) {
+        setCursorPosition('end');
+        return false;
+      } else if (selectedNode.getPreviousSibling() === null && selection.focus.offset === 0) {
+        setCursorPosition('start');
+        return false;
+      }
+      setCursorPosition('between-text');
+      return false;
+    };
+    return editor.registerCommand(SELECTION_CHANGE_COMMAND, $selectionChangeHandler, COMMAND_PRIORITY_HIGH);
+  }, [editor, setCursorPosition]);
+  return null;
 };
+//# sourceMappingURL=CursorPositionPlugin.js.map

package/lib-commonjs/PromptListbox.js

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/PromptListbox/index");
+ //# sourceMappingURL=PromptListbox.js.map

package/lib-commonjs/PromptOption.js

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/PromptOption/index");
+ //# sourceMappingURL=PromptOption.js.map

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

@@ -20,4 +20,4 @@ const PromptListbox = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _usePromptListboxStylesstyles.usePromptListboxStyles_unstable)(state);
     return (0, _renderPromptListbox.renderPromptListbox_unstable)(state, contextValues);
 });
-PromptListbox.displayName = 'PromptListbox';
+PromptListbox.displayName = 'PromptListbox'; //# sourceMappingURL=PromptListbox.js.map

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

@@ -1 +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/**@deprecated - use InputListbox instead */\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":["PromptListbox","React","forwardRef","props","ref","state","usePromptListbox_unstable","contextValues","usePromptListboxContextValues","usePromptListboxStyles_unstable","renderPromptListbox_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;kCACmB;qCACG;8CACG;+CACF;AAKvC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,4DAAAA,EAA8BH;IAEpDI,IAAAA,6DAAAA,EAAgCJ;IAChC,OAAOK,IAAAA,iDAAAA,EAA6BL,OAAOE;AAC7C;AAEAP,cAAcW,WAAW,GAAG"}
+{"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/**@deprecated - use InputListbox instead */\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":["state","usePromptListbox_unstable","props","ref","contextValues","usePromptListboxContextValues","usePromptListboxStyles_unstable","renderPromptListbox_unstable","PromptListbox"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUQA;;;eAAAA;;;;iEAVe;kCACmB;qCACG;8CACG;+CACF;AAM5C,MAAMA,gBAAQC,WAAAA,GAAAA,OAA0BC,UAAOC,CAAAA,CAAAA,OAAAA;UAC/CH,QAAMI,IAAAA,2CAAgBC,EAAAA,OAAAA;UAEtBC,gBAAAA,IAAAA,4DAAgCN,EAAAA;qEACzBO,EAAAA;IACT,OAAGA,IAAAA,iDAAA,EAAAP,OAAAI;AAEHI"}

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

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+ //# sourceMappingURL=PromptListbox.types.js.map

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

@@ -29,3 +29,4 @@ const _PromptListbox = require("./PromptListbox");
 const _renderPromptListbox = require("./renderPromptListbox");
 const _usePromptListbox = require("./usePromptListbox");
 const _usePromptListboxStylesstyles = require("./usePromptListboxStyles.styles");
+ //# sourceMappingURL=index.js.map

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

@@ -27,4 +27,4 @@ const renderPromptListbox_unstable = (state, contextValues)=>{
             })
         })
     });
-};
+}; //# sourceMappingURL=renderPromptListbox.js.map

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

@@ -1 +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  const { open } = state;\n\n  return (\n    <ListboxProvider value={contextValues.listbox}>\n      <ActiveDescendantContextProvider value={contextValues.activeDescendant}>\n        <span aria-owns={open ? state.root.id : undefined}>\n          {open &&\n            (state.inlinePopup ? (\n              <state.root />\n            ) : (\n              <Portal mountNode={state.mountNode}>\n                <state.root />\n              </Portal>\n            ))}\n        </span>\n      </ActiveDescendantContextProvider>\n    </ListboxProvider>\n  );\n};\n"],"names":["renderPromptListbox_unstable","state","contextValues","assertSlots","open","_jsx","ListboxProvider","value","listbox","ActiveDescendantContextProvider","activeDescendant","span","aria-owns","root","id","undefined","inlinePopup","Portal","mountNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAEqD;2BACL;AAMzC,MAAMA,+BAA+B,CAACC,OAA2BC;IACtEC,IAAAA,4BAAAA,EAAgCF;IAChC,MAAM,EAAEG,IAAI,EAAE,GAAGH;IAEjB,OAAA,WAAA,GACEI,IAAAA,eAAA,EAACC,gCAAAA,EAAAA;QAAgBC,OAAOL,cAAcM,OAAO;kBAC3C,WAAA,GAAAH,IAAAA,eAAA,EAACI,0CAAAA,EAAAA;YAAgCF,OAAOL,cAAcQ,gBAAgB;sBACpE,WAAA,GAAAL,IAAAA,eAAA,EAACM,QAAAA;gBAAKC,aAAWR,OAAOH,MAAMY,IAAI,CAACC,EAAE,GAAGC;0BACrCX,QACEH,CAAAA,MAAMe,WAAW,GAAA,WAAA,GAChBX,IAAAA,eAAA,EAACJ,MAAMY,IAAI,EAAA,CAAA,KAAA,WAAA,GAEXR,IAAAA,eAAA,EAACY,uBAAAA,EAAAA;oBAAOC,WAAWjB,MAAMiB,SAAS;8BAChC,WAAA,GAAAb,IAAAA,eAAA,EAACJ,MAAMY,IAAI,EAAA,CAAA;;;;;AAO3B"}
+{"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  const { open } = state;\n\n  return (\n    <ListboxProvider value={contextValues.listbox}>\n      <ActiveDescendantContextProvider value={contextValues.activeDescendant}>\n        <span aria-owns={open ? state.root.id : undefined}>\n          {open &&\n            (state.inlinePopup ? (\n              <state.root />\n            ) : (\n              <Portal mountNode={state.mountNode}>\n                <state.root />\n              </Portal>\n            ))}\n        </span>\n      </ActiveDescendantContextProvider>\n    </ListboxProvider>\n  );\n};\n"],"names":["assertSlots","state","open","value","contextValues","activeDescendant","listbox","aria-owns","undefined","inlinePopup","mountNode","root","id","_jsx","Portal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWEA;;;eAAAA;;;4BAXwB;iCAG2B;2BACL;AAO9CA,MAAAA,+BAAgCC,CAAAA,OAAAA;oCACxBC,EAAAA;UAER,MACmBC;sBACyBC,GAAAA,IAAAA,eAAAA,EAAAA,gCAAcC,EAAAA;6BACpDC,OAAA;6BAAMC,GAAAA,IAAAA,eAAWL,EAAAA,0CAAuBM,EAAAA;iCACrCN,gBACQO;iCAGGC,GAAAA,IAAAA,eAAWT,EAAAA,QAAMS;0CACvBC,IAAA,CAAAC,EAAA,GAAAJ;0BAEJN,QAAAD,CAAAA,MAAAQ,WAAA,GAAA,WAAA,GAAAI,IAAAA,eAAA,EAAAZ,MAAAU,IAAA,EAAA,CAAA,KAAA,WAAA,GAAAE,IAAAA,eAAA,EAAAC,uBAAA,EAAA;;;;YAKV"}

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

@@ -66,4 +66,4 @@ const deprecatedPropsDefaults = {
     focusVisible: false,
     setActiveOption: noop,
     onOptionClick: noop
-};
+}; //# sourceMappingURL=usePromptListbox.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["usePromptListbox.ts"],"sourcesContent":["import type * as React from 'react';\nimport { Listbox, slot, useMergedRefs } from '@fluentui/react-components';\nimport { mergeCallbacks, useEventCallback, useId } from '@fluentui/react-utilities';\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          role: 'listbox',\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":["usePromptListbox_unstable","props","ref","id","onActiveOptionChange","inlinePopup","mountNode","undefined","open","activeDescendantController","getOptionById","getOptionsMatchingValue","selectedOptions","selectOption","registerOption","listboxId","useId","onActiveDescendantChange","useEventCallback","event","previousOption","detail","previousId","nextOption","type","state","deprecatedPropsDefaults","components","root","Listbox","slot","always","defaultProps","disableAutoFocus","tabIndex","role","elementType","useMergedRefs","onMouseDown","mergeCallbacks","preventDefault","onClick","noop","activeOption","focusVisible","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;iCAjBgC;gCACW;AAgBjD,MAAMA,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,YAAYC,IAAAA,qBAAAA,EAAM,kBAAkBb;IAE1C,MAAMc,2BAA2BC,IAAAA,gCAAAA,EAAiB,CAACC;QACjD,MAAMC,iBAAiBD,MAAME,MAAM,CAACC,UAAU,GAAGZ,cAAcS,MAAME,MAAM,CAACC,UAAU,IAAI;QAC1F,MAAMC,aAAab,cAAcS,MAAME,MAAM,CAAClB,EAAE;QAChDC,yBAAAA,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAuBe,OAAO;YAAEA;YAAOK,MAAM;YAAUJ;YAAgBG;QAAW;IACpF;IAEA,MAAME,QAA4B;QAChC,GAAGC,uBAAuB;QAC1BlB;QACAE;QACAC;QACAC;QACAC;QACAC;QACAG;QACAR;QACAJ;QACAC;QAEAqB,YAAY;YACVC,MAAMC,wBAAAA;QACR;QAEAD,MAAME,qBAAAA,CAAKC,MAAM,CACf;YAAE,GAAG9B,KAAK;YAAEW;QAAgB,GAC5B;YACEoB,cAAc;gBACZC,kBAAkB;gBAClB9B,IAAIY;gBACJmB,UAAU3B;gBACV4B,MAAM;YACR;YACAC,aAAaP,wBAAAA;QACf;IAEJ;IAEAJ,MAAMG,IAAI,CAAC1B,GAAG,GAAGmC,IAAAA,8BAAAA,EAAcnC,KAAKuB,MAAMG,IAAI,CAAC1B,GAAG;IAClDuB,MAAMG,IAAI,CAACU,WAAW,GAAGpB,IAAAA,gCAAAA,EACvBqB,IAAAA,8BAAAA,EAAe,CAACpB;QACdA,MAAMqB,cAAc;IACtB,GAAGf,MAAMG,IAAI,CAACU,WAAW;IAG3Bb,MAAMG,IAAI,CAACa,OAAO,GAAGvB,IAAAA,gCAAAA,EACnBqB,IAAAA,8BAAAA,EAAe,CAACpB;QACdA,MAAMqB,cAAc;IACtB,GAAGf,MAAMG,IAAI,CAACa,OAAO;IAGvB,OAAOhB;AACT;AAEA,MAAMiB,OAAO,IAAM;AAEnB,MAAMhB,0BAGF;IACFiB,cAAcpC;IACdqC,cAAc;IACdC,iBAAiBH;IACjBI,eAAeJ;AACjB"}
+{"version":3,"sources":["usePromptListbox.ts"],"sourcesContent":["import type * as React from 'react';\nimport { Listbox, slot, useMergedRefs } from '@fluentui/react-components';\nimport { mergeCallbacks, useEventCallback, useId } from '@fluentui/react-utilities';\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          role: 'listbox',\n        },\n        elementType: Listbox,\n      },\n    ),\n  };\n\n  state.root.ref = useMergedRefs(ref, state.root.ref);\n  state.root.onMouseDown = useEventCallback(\n    mergeCallbacks((event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    }, state.root.onMouseDown),\n  );\n\n  state.root.onClick = useEventCallback(\n    mergeCallbacks((event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    }, state.root.onClick),\n  );\n\n  return state;\n};\n\nconst noop = () => null;\n\nconst deprecatedPropsDefaults: Pick<\n  PromptListboxContextState,\n  'activeOption' | 'focusVisible' | 'setActiveOption' | 'onOptionClick'\n> = {\n  activeOption: undefined,\n  focusVisible: false,\n  setActiveOption: noop,\n  onOptionClick: noop,\n};\n"],"names":["id","inlinePopup","previousOption","nextOption","onActiveOptionChange","event","selectOption","registerOption","open","getOptionById","getOptionsMatchingValue","selectedOptions","onActiveDescendantChange","root","elementType","Listbox","state","ref","useMergedRefs","onClick","preventDefault","tabIndex","role","noop","deprecatedPropsDefaults","activeOption","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBIA;;;eAAAA;;;iCAtByC;gCACW;AAoBtD,MACEA,4BAEAC,CAAAA,OAAAA;UAUF,EAEAD,EAAA,sBACQE,gBACAC,KAAAA,cACNC,SAAAA,aAAgCC,4BAAa,eAAUH,yBAAgBC,iBAAW,EACpFG,YAAA,EAEAC,cAAkC;UAEhCC,YAAAA,IAAAA,qBAAAA,EAAAA,kBAAAA;UACAC,2BAAAA,IAAAA,gCAAAA,EAAAA,CAAAA;cACAC,iBAAAA,MAAAA,MAAAA,CAAAA,UAAAA,GAAAA,cAAAA,MAAAA,MAAAA,CAAAA,UAAAA,IAAAA;cACAC,aAAAA,cAAAA,MAAAA,MAAAA,CAAAA,EAAAA;iCACAL,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,OAAAA;;kBAEAM;;;;;kBAMEC;kCACF;;;;;;;;;;;oBAWIC;kBACFC,wBAAA;QAEJ;QAEAC,MAAMH,qBAAI,CAACI,MAAMC,CAAAA;YACjBF,GAAAA,KAAU;;QAGR,GAAGA;YAGLA,cAAWG;gBAEPd,kBAAMe;gBACLJ,IAAAA;gBAGLK,UAAOL;gBACPM,MAAA;YAEIC;YAEAC,aAAAA,wBAAAA;QAIJC;;UAEAC,IAAAA,CAAAA,GAAAA,GAAAA,IAAAA,8BAAiBH,EAAAA,KAAAA,MAAAA,IAAAA,CAAAA,GAAAA;UACjBI,IAAAA,CAAAA,WAAeJ,GAAAA,IAAAA,gCAAAA,EAAAA,IAAAA,8BAAAA,EAAAA,CAAAA;QACjBlB,MAAAe,cAAA"}

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

@@ -33,4 +33,4 @@ function usePromptListboxContextValues(state) {
         activeDescendant,
         listbox
     };
-}
+} //# sourceMappingURL=usePromptListboxContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["usePromptListboxContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComboboxBaseState, ComboboxState, ListboxContextValue } from '@fluentui/react-combobox';\nimport type { PromptListboxContextValues } from './PromptListbox.types';\n\nexport type PromptListboxContextState = Pick<ComboboxBaseState, keyof ListboxContextValue> &\n  Pick<ComboboxState, 'activeDescendantController'>;\n\nexport function usePromptListboxContextValues(state: PromptListboxContextState): PromptListboxContextValues {\n  const {\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    activeDescendantController,\n    onOptionClick,\n    onActiveDescendantChange,\n  } = state;\n\n  const activeDescendant = React.useMemo(\n    () => ({\n      controller: activeDescendantController,\n    }),\n    [activeDescendantController],\n  );\n\n  const listbox = {\n    activeOption: undefined,\n    focusVisible: false,\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption: () => null,\n    onOptionClick,\n    onActiveDescendantChange,\n  };\n\n  return {\n    activeDescendant,\n    listbox,\n  };\n}\n"],"names":["usePromptListboxContextValues","state","getOptionById","getOptionsMatchingValue","registerOption","selectedOptions","selectOption","activeDescendantController","onOptionClick","onActiveDescendantChange","activeDescendant","React","useMemo","controller","listbox","activeOption","undefined","focusVisible","setActiveOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;AAOhB,SAASA,8BAA8BC,KAAgC;IAC5E,MAAM,EACJC,aAAa,EACbC,uBAAuB,EACvBC,cAAc,EACdC,eAAe,EACfC,YAAY,EACZC,0BAA0B,EAC1BC,aAAa,EACbC,wBAAwB,EACzB,GAAGR;IAEJ,MAAMS,mBAAmBC,OAAMC,OAAO,CACpC,IAAO,CAAA;YACLC,YAAYN;QACd,CAAA,GACA;QAACA;KAA2B;IAG9B,MAAMO,UAAU;QACdC,cAAcC;QACdC,cAAc;QACdf;QACAC;QACAC;QACAC;QACAC;QACAY,iBAAiB,IAAM;QACvBV;QACAC;IACF;IAEA,OAAO;QACLC;QACAI;IACF;AACF"}
+{"version":3,"sources":["usePromptListboxContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComboboxBaseState, ComboboxState, ListboxContextValue } from '@fluentui/react-combobox';\nimport type { PromptListboxContextValues } from './PromptListbox.types';\n\nexport type PromptListboxContextState = Pick<ComboboxBaseState, keyof ListboxContextValue> &\n  Pick<ComboboxState, 'activeDescendantController'>;\n\nexport function usePromptListboxContextValues(state: PromptListboxContextState): PromptListboxContextValues {\n  const {\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    activeDescendantController,\n    onOptionClick,\n    onActiveDescendantChange,\n  } = state;\n\n  const activeDescendant = React.useMemo(\n    () => ({\n      controller: activeDescendantController,\n    }),\n    [activeDescendantController],\n  );\n\n  const listbox = {\n    activeOption: undefined,\n    focusVisible: false,\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption: () => null,\n    onOptionClick,\n    onActiveDescendantChange,\n  };\n\n  return {\n    activeDescendant,\n    listbox,\n  };\n}\n"],"names":["usePromptListboxContextValues","state","getOptionById","activeDescendant","activeDescendantController","activeOption","getOptionsMatchingValue","registerOption","selectedOptions","selectOption","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;AAOhB,SAASA,8BAA8BC,KAAgC;UAC5E,EAWAC,aAAMC,yBAEUC,gBAEd,iBAACA,cAA2B,EAG9BA,0BAAgB,eACdC,0BACc;UAEdC,mBAAAA,OAAAA,OAAAA,CAAAA,IAAAA,CAAAA;wBACAC;;;KACAC;UACAC,UAAAA;sBACAC;sBACAC;;QAEFL;QAEAC;;;QAGAG,iBAAA,IAAA;QACFC"}

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

@@ -44,4 +44,4 @@ const usePromptListboxStyles_unstable = (state)=>{
     const styles = useStyles();
     state.root.className = (0, _reactcomponents.mergeClasses)(promptListboxClassNames.root, styles.listbox, state.inlinePopup && styles.inlineListbox, !state.open && styles.listboxCollapsed, state.root.className);
     return state;
-};
+}; //# sourceMappingURL=usePromptListboxStyles.styles.raw.js.map

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

@@ -1 +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":["promptListboxClassNames","usePromptListboxStyles_unstable","root","useStyles","makeStyles","listbox","boxShadow","tokens","shadow16","borderRadius","borderRadiusMedium","maxHeight","boxSizing","listboxCollapsed","display","inlineListbox","zIndex","state","styles","className","mergeClasses","inlinePopup","open"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IA6BAC,+BAAAA;eAAAA;;;iCAlC4B;wBAClB;AAIhB,MAAMD,0BAA8D;IACzEE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BC,SAAS;QACPC,WAAWC,cAAAA,CAAOC,QAAQ;QAC1BC,cAAcF,cAAAA,CAAOG,kBAAkB;QACvCC,WAAW;QACXC,WAAW;IACb;IAEAC,kBAAkB;QAChBC,SAAS;IACX;IAEA,+GAA+G;IAC/G,0GAA0G;IAC1GC,eAAe;QACbC,QAAQ;IACV;AACF;AAKO,MAAMf,kCAAkC,CAACgB;IAC9C;IAEA,MAAMC,SAASf;IACfc,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,6BAAAA,EACrBpB,wBAAwBE,IAAI,EAC5BgB,OAAOb,OAAO,EACdY,MAAMI,WAAW,IAAIH,OAAOH,aAAa,EACzC,CAACE,MAAMK,IAAI,IAAIJ,OAAOL,gBAAgB,EACtCI,MAAMf,IAAI,CAACiB,SAAS;IAGtB,OAAOF;AACT"}
+{"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":["promptListboxClassNames","styles","useStyles","root","listbox","makeStyles","boxShadow","borderRadius","tokens","borderRadiusMedium","maxHeight","boxSizing","display","zIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IAgCLC,+BAASC;eAATD;;;iCArCiC;wBAClB;AAIhB,MAAMD,0BAA8D;UACzEG;AACF;AAEA;;CAEC,SAECC,YAASC,IAAAA,2BAAA,EAAA;aACPC;mBACAC,cAAAA,CAAcC,QAAOC;sBACrBC,cAAW,CAAAD,kBAAA;mBACXE;QACFA,WAAA;;sBAGW;QACXC,SAAA;;mHAG0G;8GAC3F;mBACL;QACVC,QAAA;IACF;AAEA;AAME,MAAMZ,kCAASC,CAAAA;;IAUf,MAAAD,SAAAC"}

package/lib-commonjs/components/PromptOption/PromptOption.js

@@ -18,4 +18,4 @@ const PromptOption = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _usePromptOptionStylesstyles.usePromptOptionStyles_unstable)(state);
     return (0, _renderPromptOption.renderPromptOption_unstable)(state);
 });
-PromptOption.displayName = 'PromptOption';
+PromptOption.displayName = 'PromptOption'; //# sourceMappingURL=PromptOption.js.map

package/lib-commonjs/components/PromptOption/PromptOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PromptOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptOption_unstable } from './usePromptOption';\nimport { renderPromptOption_unstable } from './renderPromptOption';\nimport { usePromptOptionStyles_unstable } from './usePromptOptionStyles.styles';\nimport type { PromptOptionProps } from './PromptOption.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**@deprecated - use Option instead */\nexport const PromptOption: ForwardRefComponent<PromptOptionProps> = React.forwardRef((props, ref) => {\n  const state = usePromptOption_unstable(props, ref);\n\n  usePromptOptionStyles_unstable(state);\n  return renderPromptOption_unstable(state);\n});\n\nPromptOption.displayName = 'PromptOption';\n"],"names":["PromptOption","React","forwardRef","props","ref","state","usePromptOption_unstable","usePromptOptionStyles_unstable","renderPromptOption_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;iCACkB;oCACG;6CACG;AAKxC,MAAMA,eAAAA,WAAAA,GAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,yCAAAA,EAAyBH,OAAOC;IAE9CG,IAAAA,2DAAAA,EAA+BF;IAC/B,OAAOG,IAAAA,+CAAAA,EAA4BH;AACrC;AAEAL,aAAaS,WAAW,GAAG"}
+{"version":3,"sources":["PromptOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptOption_unstable } from './usePromptOption';\nimport { renderPromptOption_unstable } from './renderPromptOption';\nimport { usePromptOptionStyles_unstable } from './usePromptOptionStyles.styles';\nimport type { PromptOptionProps } from './PromptOption.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**@deprecated - use Option instead */\nexport const PromptOption: ForwardRefComponent<PromptOptionProps> = React.forwardRef((props, ref) => {\n  const state = usePromptOption_unstable(props, ref);\n\n  usePromptOptionStyles_unstable(state);\n  return renderPromptOption_unstable(state);\n});\n\nPromptOption.displayName = 'PromptOption';\n"],"names":["state","usePromptOption_unstable","props","ref","usePromptOptionStyles_unstable","renderPromptOption_unstable","PromptOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASQA;;;eAAAA;;;;iEATe;iCACkB;oCACG;6CACG;AAM7C,MAAMA,eAAQC,WAAAA,GAAAA,OAAyBC,UAAOC,CAAAA,CAAAA,OAAAA;UAE9CC,QAAAA,IAAAA,yCAA+BJ,EAAAA,OAAAA;mEACxBK,EAAAA;IACT,OAAGA,IAAAA,+CAAA,EAAAL;AAEHM"}

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

@@ -4,3 +4,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+ //# sourceMappingURL=PromptOption.types.js.map

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

@@ -29,3 +29,4 @@ const _PromptOption = require("./PromptOption");
 const _renderPromptOption = require("./renderPromptOption");
 const _usePromptOption = require("./usePromptOption");
 const _usePromptOptionStylesstyles = require("./usePromptOptionStyles.styles");
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PromptOption/renderPromptOption.js

@@ -13,4 +13,4 @@ const _reactcomponents = require("@fluentui/react-components");
 const renderPromptOption_unstable = (state)=>{
     (0, _reactcomponents.assertSlots)(state);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
-};
+}; //# sourceMappingURL=renderPromptOption.js.map

package/lib-commonjs/components/PromptOption/renderPromptOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPromptOption.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptOptionSlots, PromptOptionState } from './PromptOption.types';\n\n/**\n * Render the final JSX of PromptOption\n */\nexport const renderPromptOption_unstable = (state: PromptOptionState) => {\n  assertSlots<PromptOptionSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderPromptOption_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE4B;AAMrB,MAAMA,8BAA8B,CAACC;IAC1CC,IAAAA,4BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
+{"version":3,"sources":["renderPromptOption.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptOptionSlots, PromptOptionState } from './PromptOption.types';\n\n/**\n * Render the final JSX of PromptOption\n */\nexport const renderPromptOption_unstable = (state: PromptOptionState) => {\n  assertSlots<PromptOptionSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","state","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BAVwB;iCAGE;AAO1BA,MAAAA,8BAA+BC,CAAAA;oCAE/B,EAAAA;IACA,OAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAAA,CAAA"}

package/lib-commonjs/components/PromptOption/usePromptOption.js

@@ -100,4 +100,4 @@ function getTextString(text, children) {
         console.warn('Provide a `text` prop to Option components when they contain non-string children.');
     }
     return textString;
-}
+} //# sourceMappingURL=usePromptOption.js.map

package/lib-commonjs/components/PromptOption/usePromptOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-components';\nimport { useActiveDescendantContext } from '@fluentui/react-aria';\nimport { useListboxContext_unstable } from '@fluentui/react-combobox';\nimport type { PromptOptionProps, PromptOptionState } from './PromptOption.types';\nimport type { OptionValue } from '../utils/OptionCollection.types';\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 PromptOption.\n *\n * The returned state can be modified with hooks such as usePromptOptionStyles_unstable,\n * before being passed to renderPromptOption_unstable.\n *\n * @param props - props from this instance of PromptOption\n * @param ref - reference to root HTMLElement of PromptOption\n */\nexport const usePromptOption_unstable = (\n  props: PromptOptionProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptOptionState => {\n  const { controller: activeDescendantController } = useActiveDescendantContext();\n  const { children, disabled, text, value } = props;\n  const optionRef = React.useRef<HTMLDivElement>(null);\n  const optionText = getTextString(text, children);\n  const optionValue = value ?? optionText;\n\n  // use the id if provided, otherwise use a generated id\n  const id = useId('fluent-option', props.id);\n\n  // data used for context registration & events\n  const optionData = React.useMemo<OptionValue>(\n    () => ({ id, disabled, text: optionText, value: optionValue }),\n    [id, disabled, optionText, optionValue],\n  );\n\n  // context values\n  const registerOption = useListboxContext_unstable(ctx => ctx.registerOption);\n  const selected = useListboxContext_unstable(ctx => {\n    const selectedOptions = ctx.selectedOptions;\n\n    return optionValue !== undefined && selectedOptions.find(o => o === optionValue) !== undefined;\n  });\n  const selectOption = useListboxContext_unstable(ctx => ctx.selectOption);\n  const onOptionClick = useListboxContext_unstable(ctx => ctx.onOptionClick);\n\n  const onClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    activeDescendantController.focus(id);\n\n    // handle selection change\n    selectOption(event, optionData);\n\n    onOptionClick(event);\n    props.onClick?.(event);\n  };\n\n  // register option data with context\n  React.useEffect(() => {\n    if (id && optionRef.current) {\n      return registerOption(optionData, optionRef.current);\n    }\n  }, [id, optionData, registerOption]);\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, optionRef),\n        'aria-disabled': disabled ? true : undefined,\n        id,\n        role: 'option',\n        ...props,\n        onClick,\n      }),\n      { elementType: 'div' },\n    ),\n    disabled,\n    selected,\n  };\n};\n\nfunction getTextString(text: string | undefined, children: React.ReactNode) {\n  if (text !== undefined) {\n    return text;\n  }\n\n  let textString = '';\n  let hasNonStringChild = false;\n  React.Children.forEach(children, child => {\n    if (typeof child === 'string') {\n      textString += child;\n    } else {\n      hasNonStringChild = true;\n    }\n  });\n\n  // warn if an Option has non-string children and no text prop\n  if (hasNonStringChild) {\n    // eslint-disable-next-line no-console\n    console.warn('Provide a `text` prop to Option components when they contain non-string children.');\n  }\n\n  return textString;\n}\n"],"names":["usePromptOption_unstable","props","ref","controller","activeDescendantController","useActiveDescendantContext","children","disabled","text","value","optionRef","React","useRef","optionText","getTextString","optionValue","id","useId","optionData","useMemo","registerOption","useListboxContext_unstable","ctx","selected","selectedOptions","undefined","find","o","selectOption","onOptionClick","onClick","event","preventDefault","focus","useEffect","current","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","role","elementType","textString","hasNonStringChild","Children","forEach","child","console","warn"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;;iEAlBU;iCAC8C;2BAC1B;+BACA;AAepC,MAAMA,2BAA2B,CACtCC,OACAC;IAEA,MAAM,EAAEC,YAAYC,0BAA0B,EAAE,GAAGC,IAAAA,qCAAAA;IACnD,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGR;IAC5C,MAAMS,YAAYC,OAAMC,MAAM,CAAiB;IAC/C,MAAMC,aAAaC,cAAcN,MAAMF;IACvC,MAAMS,cAAcN,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAASI;IAE7B,uDAAuD;IACvD,MAAMG,KAAKC,IAAAA,sBAAAA,EAAM,iBAAiBhB,MAAMe,EAAE;IAE1C,8CAA8C;IAC9C,MAAME,aAAaP,OAAMQ,OAAO,CAC9B,IAAO,CAAA;YAAEH;YAAIT;YAAUC,MAAMK;YAAYJ,OAAOM;QAAY,CAAA,GAC5D;QAACC;QAAIT;QAAUM;QAAYE;KAAY;IAGzC,iBAAiB;IACjB,MAAMK,iBAAiBC,IAAAA,yCAAAA,EAA2BC,CAAAA,MAAOA,IAAIF,cAAc;IAC3E,MAAMG,WAAWF,IAAAA,yCAAAA,EAA2BC,CAAAA;QAC1C,MAAME,kBAAkBF,IAAIE,eAAe;QAE3C,OAAOT,gBAAgBU,aAAaD,gBAAgBE,IAAI,CAACC,CAAAA,IAAKA,MAAMZ,iBAAiBU;IACvF;IACA,MAAMG,eAAeP,IAAAA,yCAAAA,EAA2BC,CAAAA,MAAOA,IAAIM,YAAY;IACvE,MAAMC,gBAAgBR,IAAAA,yCAAAA,EAA2BC,CAAAA,MAAOA,IAAIO,aAAa;IAEzE,MAAMC,UAAU,CAACC;YAYf9B;QAXA,IAAIM,UAAU;YACZwB,MAAMC,cAAc;YACpB;QACF;QAEA5B,2BAA2B6B,KAAK,CAACjB;QAEjC,0BAA0B;QAC1BY,aAAaG,OAAOb;QAEpBW,cAAcE;QACd9B,CAAAA,iBAAAA,MAAM6B,OAAO,AAAPA,MAAO,QAAb7B,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,IAAAA,CAAAA,OAAgB8B;IAClB;IAEA,oCAAoC;IACpCpB,OAAMuB,SAAS,CAAC;QACd,IAAIlB,MAAMN,UAAUyB,OAAO,EAAE;YAC3B,OAAOf,eAAeF,YAAYR,UAAUyB,OAAO;QACrD;IACF,GAAG;QAACnB;QAAIE;QAAYE;KAAe;IAEnC,OAAO;QACLgB,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9BtC,KAAKuC,IAAAA,8BAAAA,EAAcvC,KAAKQ;YACxB,iBAAiBH,WAAW,OAAOkB;YACnCT;YACA0B,MAAM;YACN,GAAGzC,KAAK;YACR6B;QACF,IACA;YAAEa,aAAa;QAAM;QAEvBpC;QACAgB;IACF;AACF;AAEA,SAAST,cAAcN,IAAwB,EAAEF,QAAyB;IACxE,IAAIE,SAASiB,WAAW;QACtB,OAAOjB;IACT;IAEA,IAAIoC,aAAa;IACjB,IAAIC,oBAAoB;IACxBlC,OAAMmC,QAAQ,CAACC,OAAO,CAACzC,UAAU0C,CAAAA;QAC/B,IAAI,OAAOA,UAAU,UAAU;YAC7BJ,cAAcI;QAChB,OAAO;YACLH,oBAAoB;QACtB;IACF;IAEA,6DAA6D;IAC7D,IAAIA,mBAAmB;QACrB,sCAAsC;QACtCI,QAAQC,IAAI,CAAC;IACf;IAEA,OAAON;AACT"}
+{"version":3,"sources":["usePromptOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-components';\nimport { useActiveDescendantContext } from '@fluentui/react-aria';\nimport { useListboxContext_unstable } from '@fluentui/react-combobox';\nimport type { PromptOptionProps, PromptOptionState } from './PromptOption.types';\nimport type { OptionValue } from '../utils/OptionCollection.types';\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 PromptOption.\n *\n * The returned state can be modified with hooks such as usePromptOptionStyles_unstable,\n * before being passed to renderPromptOption_unstable.\n *\n * @param props - props from this instance of PromptOption\n * @param ref - reference to root HTMLElement of PromptOption\n */\nexport const usePromptOption_unstable = (\n  props: PromptOptionProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptOptionState => {\n  const { controller: activeDescendantController } = useActiveDescendantContext();\n  const { children, disabled, text, value } = props;\n  const optionRef = React.useRef<HTMLDivElement>(null);\n  const optionText = getTextString(text, children);\n  const optionValue = value ?? optionText;\n\n  // use the id if provided, otherwise use a generated id\n  const id = useId('fluent-option', props.id);\n\n  // data used for context registration & events\n  const optionData = React.useMemo<OptionValue>(\n    () => ({ id, disabled, text: optionText, value: optionValue }),\n    [id, disabled, optionText, optionValue],\n  );\n\n  // context values\n  const registerOption = useListboxContext_unstable(ctx => ctx.registerOption);\n  const selected = useListboxContext_unstable(ctx => {\n    const selectedOptions = ctx.selectedOptions;\n\n    return optionValue !== undefined && selectedOptions.find(o => o === optionValue) !== undefined;\n  });\n  const selectOption = useListboxContext_unstable(ctx => ctx.selectOption);\n  const onOptionClick = useListboxContext_unstable(ctx => ctx.onOptionClick);\n\n  const onClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    activeDescendantController.focus(id);\n\n    // handle selection change\n    selectOption(event, optionData);\n\n    onOptionClick(event);\n    props.onClick?.(event);\n  };\n\n  // register option data with context\n  React.useEffect(() => {\n    if (id && optionRef.current) {\n      return registerOption(optionData, optionRef.current);\n    }\n  }, [id, optionData, registerOption]);\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, optionRef),\n        'aria-disabled': disabled ? true : undefined,\n        id,\n        role: 'option',\n        ...props,\n        onClick,\n      }),\n      { elementType: 'div' },\n    ),\n    disabled,\n    selected,\n  };\n};\n\nfunction getTextString(text: string | undefined, children: React.ReactNode) {\n  if (text !== undefined) {\n    return text;\n  }\n\n  let textString = '';\n  let hasNonStringChild = false;\n  React.Children.forEach(children, child => {\n    if (typeof child === 'string') {\n      textString += child;\n    } else {\n      hasNonStringChild = true;\n    }\n  });\n\n  // warn if an Option has non-string children and no text prop\n  if (hasNonStringChild) {\n    // eslint-disable-next-line no-console\n    console.warn('Provide a `text` prop to Option components when they contain non-string children.');\n  }\n\n  return textString;\n}\n"],"names":["controller","activeDescendantController","optionRef","useActiveDescendantContext","getTextString","children","disabled","id","text","value","optionText","optionValue","registerOption","selected","useListboxContext_unstable","selectedOptions","find","ctx","selectOption","onOptionClick","undefined","props","preventDefault","event","optionData","React","onClick","_props_onClick","call","useEffect","current","components","slot","always","getIntrinsicElementProps","root","ref","useMergedRefs","role","textString","hasNonStringChild","child","Children","forEach","warn"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBUA;;;eAAAA;;;;iEAtBa;iCAC8C;2BAC1B;+BACA;AAmBzC,MAAQA,2BAAYC,CAAAA,OAAAA;UACpB,EACAD,YAAME,0BAAyC,KAC/CC,IAAAA,qCAAmBC;UACnB,EAEAC,QAAA,EACAC,QAAMC,EAENC,IAAA,EACAC,KAAA;sBACeH,OAAAA,MAAAA,CAAAA;uBAAgBI,cAAAA,MAAAA;wBAAmBC,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAAA;2DAChD;UAACJ,KAAAA,IAAAA,sBAAAA,EAAAA,iBAAAA,MAAAA,EAAAA;kDAAID;UAAUI,aAAAA,OAAAA,OAAAA,CAAAA,IAAAA,CAAAA;;;YAGjBF,MAAAE;YACAD,OAAMG;YACN;QAAAL;QAAMM;QAAWC;QAAAA;KAAAA;qBACTC;UAENH,iBAAOD,IAAAA,yCAA6BI,EAAAA,CAAAA,MAAAA,IAAgBC,cAAgBL;UACtEE,WAAAC,IAAAA,yCAAA,EAAAG,CAAAA;QACA,MAAMC,kBAAeJ,IAAAA,eAAAA;QACrB,OAAMK,gBAAgBL,aAAAA,gBAA2BG,IAAOA,CAAAA,CAAAA,IAAIE,MAAAA,iBAAaC;;yBAcvEC,IAAAA,yCAAAA,EAAAA,CAAAA,MAAAA,IAAAA,YAAAA;UAXAF,gBAAcL,IAAAA,yCAAA,EAAAG,CAAAA,MAAAA,IAAAE,aAAA;oBACNG,CAAAA;;YAERhB,UAAA;kBAEAL,cAAAA;;;mCAKcsB,KAAAA,CAAAA;kCACdF;QACFH,aAAAK,OAAAC;QAEAL,cAAAI;QACAE,CAAAA,iBAAgBJ,MAAAK,OAAA,MAAA,QAAAC,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAC,IAAA,CAAAP,OAAAE;;wCAEUC;WACxBK,SAAA,CAAA;QACF,IAAGtB,MAAAL,UAAA4B,OAAA,EAAA;mBAACvB,eAAAA,YAAAA,UAAAA,OAAAA;;;;QAAgBK;QAAAA;KAAAA;WAAe;QAEnCmB,YAAO;kBACLA;;cAEAC,qBAAA,CAAAC,MAAA,CAAAC,IAAAA,yCAAA,EAAA,OAAA;iBACAC,IAAAA,8BAAWF,EAAMG,KACfF;6BACOG,WAAcD,OAAKlC;;kBAExBK;oBACA+B;;;yBAIF;;;;;;AAKN,SAAElC,cAAAI,IAAA,EAAAH,QAAA;IAEF,IAAAG,SAASJ,WAAcI;QACrB,OAAIA;;QAEJ+B,aAAA;QAEAC,oBAAiB;WACbA,QAAAA,CAAAA,OAAAA,CAAAA,UAAoBC,CAAAA;QACxBhB,IAAAA,OAAMiB,UAASC,UAAQtC;0BACVoC;;gCAEJ;;;iEAGT;QAEAD,mBAAA;QACA,sCAAuB;gBACrBI,IAAA,CAAA;;WAEFL;EAGF,2CAAA"}