@fluentui-copilot/react-prompt-listbox 0.0.4 → 0.1.0

package/lib-commonjs/components/utils/usePromptListboxFunctionality.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptListboxFunctionality.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useActiveDescendant } from '@fluentui/react-aria';\nimport { mergeCallbacks, useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from './dropdownKeyActions';\nimport { TextCursorPositionPlugin } from '../../plugins/TextCursorPositionPlugin';\nimport { useOptionCollection } from './useOptionCollection';\nimport { useSelection } from './useSelection';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp } from '@fluentui/keyboard-keys';\nimport { useComboboxPositioning } from './useComboboxPositioning';\nimport { useTriggerKeydown } from './useTriggerKeyDown';\nimport { PromptListbox } from '../PromptListbox';\nimport { promptOptionClassNames } from '../PromptOption';\nimport type { EditorInputProps } from '@fluentui-copilot/react-editor-input';\nimport type {\n  UsePromptListboxFunctionalityParams,\n  UsePromptListboxFunctionality,\n} from './PromptListboxFunctionality.types';\n\nexport function usePromptListboxFunctionality(\n  params: UsePromptListboxFunctionalityParams,\n): UsePromptListboxFunctionality {\n  const { positioning, onOpenChange, onSelectionModeChange, listboxProps, fluid = false } = params;\n  const {\n    listboxRef: activeDescendantListboxRef,\n    activeParentRef,\n    controller: activeDescendantController,\n  } = useActiveDescendant<HTMLSpanElement, HTMLDivElement>({\n    matchOption: el => el.classList.contains(promptOptionClassNames.root),\n  });\n  // useMergedRefs to normalize the ref into a React.RefObject type\n  const triggerRef = useMergedRefs(activeParentRef);\n  const selectionState = useSelection(listboxProps ?? {});\n  const { selectOption } = selectionState;\n  const optionCollection = useOptionCollection();\n  const { getOptionById } = optionCollection;\n  const [isInLastPosition, setIsInLastPosition] = React.useState(true);\n  const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);\n  const [open, setOpen] = useControllableState({\n    state: params.open,\n    defaultState: params.defaultOpen,\n    initialState: false,\n  });\n\n  const onBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n    setOpen(false);\n    onOpenChange?.(event, { event, type: 'focus', open: false });\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n    if (event.target === event.currentTarget) {\n      setOpen(true);\n      onOpenChange?.(event, { event, type: 'focus', open: true });\n    }\n  };\n\n  const cursorPositionPlugin = <TextCursorPositionPlugin setIsInLastPosition={setIsInLastPosition} />;\n\n  const onListboxBlur = React.useCallback(() => {\n    setIsInSelectionMode(false);\n    onSelectionModeChange?.(false);\n  }, [onSelectionModeChange]);\n\n  // handle combobox keyboard interaction\n  const onKeyDown = useTriggerKeydown({\n    ...optionCollection,\n    activeDescendantController,\n    getOptionById,\n    onBlur: onListboxBlur,\n    selectOption,\n    isInLastPosition,\n    open,\n    multiselect: false,\n  });\n\n  // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set\n  // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows\n  // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888\n  const [hideActiveDescendant, setHideActiveDescendant] = React.useState(false);\n\n  /**\n   * Freeform combobox should not select\n   */\n  const onInputTriggerKeyDown: EditorInputProps['onKeyDown'] = useEventCallback(event => {\n    // update typing state to true if the user is typing\n    const action = getDropdownActionFromKey(event, { open, multiselect: false, isInLastPosition });\n    if (\n      event.key === ArrowLeft ||\n      event.key === ArrowRight ||\n      (!isInLastPosition && (event.key === ArrowDown || event.key === ArrowUp)) ||\n      (action === 'Type' && isInLastPosition) ||\n      action === 'Type'\n    ) {\n      activeDescendantController.blur();\n      setHideActiveDescendant(true);\n      setIsInSelectionMode(false);\n      onSelectionModeChange?.(false);\n    } else if (\n      action === 'Next' ||\n      action === 'Previous' ||\n      action === 'First' ||\n      action === 'Last' ||\n      action === 'PageUp' ||\n      action === 'PageDown'\n    ) {\n      setHideActiveDescendant(false);\n      setIsInSelectionMode(true);\n      onSelectionModeChange?.(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (hideActiveDescendant) {\n      triggerRef.current?.removeAttribute('aria-activedescendant');\n    }\n    // We only want to run this when the hideActiveDescendant changes, if the triggerRef\n    // is undefined, there's no need to remove theAttribute and we shouldn't be adding\n    // refs as dependencies since it can blow up the number of runs.\n    // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hideActiveDescendant]);\n\n  const [comboboxPopupRef, comboboxTargetRef] = useComboboxPositioning({ positioning, fluid });\n\n  const listboxMergedRef = useMergedRefs(comboboxPopupRef, activeDescendantListboxRef, listboxProps?.ref);\n  const listbox = React.useMemo(() => {\n    return (\n      <PromptListbox\n        open={open}\n        {...listboxProps}\n        {...optionCollection}\n        {...selectionState}\n        ref={listboxMergedRef}\n        activeDescendantController={activeDescendantController}\n      />\n    );\n  }, [activeDescendantController, listboxMergedRef, listboxProps, open, optionCollection, selectionState]);\n\n  return {\n    promptListbox: listbox,\n    triggerProps: {\n      ref: triggerRef,\n      onBlur,\n      onFocus,\n      onKeyDown: useEventCallback(mergeCallbacks(onKeyDown, onInputTriggerKeyDown)),\n      isInSelectionMode,\n    },\n    containerRef: comboboxTargetRef,\n    cursorPositionPlugin,\n  };\n}\n"],"names":["usePromptListboxFunctionality","params","positioning","listboxRef","matchOption","onSelectionModeChange","listboxProps","fluid","triggerRef","optionCollection","useOptionCollection","activeParentRef","getOptionById","controller","isInLastPosition","setIsInLastPosition","useActiveDescendant","isInSelectionMode","setOpen","classList","useControllableState","root","initialState","selectionState","useSelection","event","open","React","useState","target","currentTarget","onOpenChange","type","cursorPositionPlugin","setIsInSelectionMode","onKeyDown","onBlur","onListboxBlur","selectOption","useTriggerKeydown","hideActiveDescendant","activeDescendantController","onInputTriggerKeyDown","multiselect","ArrowDown","setHideActiveDescendant","action","useEffect","comboboxPopupRef","_triggerRef_current","current","removeAttribute","PromptListbox","listboxMergedRef","ref","listbox","onFocus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["usePromptListboxFunctionality.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useActiveDescendant } from '@fluentui/react-aria';\nimport { mergeCallbacks, useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from './dropdownKeyActions';\nimport { CursorPositionPlugin } from '../../plugins/CursorPositionPlugin';\nimport { useOptionCollection } from './useOptionCollection';\nimport { useSelection } from './useSelection';\nimport { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';\nimport { useComboboxPositioning } from './useComboboxPositioning';\nimport { useTriggerKeydown } from './useTriggerKeyDown';\nimport { PromptListbox } from '../PromptListbox';\nimport { promptOptionClassNames } from '../PromptOption';\nimport type { CursorPosition } from '../../plugins/CursorPositionPlugin';\nimport type { EditorInputProps } from '@fluentui-copilot/react-editor-input';\nimport type {\n  UsePromptListboxFunctionalityParams,\n  UsePromptListboxFunctionality,\n} from './PromptListboxFunctionality.types';\n\nexport function usePromptListboxFunctionality(\n  params: UsePromptListboxFunctionalityParams,\n): UsePromptListboxFunctionality {\n  const { positioning, onOpenChange, onSelectionModeChange, listboxProps, fluid = false } = params;\n  const {\n    listboxRef: activeDescendantListboxRef,\n    activeParentRef,\n    controller: activeDescendantController,\n  } = useActiveDescendant<HTMLSpanElement, HTMLDivElement>({\n    matchOption: el => el.classList.contains(promptOptionClassNames.root),\n  });\n  // useMergedRefs to normalize the ref into a React.RefObject type\n  const triggerRef = useMergedRefs(activeParentRef);\n  const selectionState = useSelection(listboxProps ?? {});\n  const { selectOption } = selectionState;\n  const optionCollection = useOptionCollection();\n  const { getOptionById } = optionCollection;\n  const [cursorPosition, setCursorPosition] = React.useState<CursorPosition>('end');\n  const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);\n  const [open, setOpen] = useControllableState({\n    state: params.open,\n    defaultState: params.defaultOpen,\n    initialState: false,\n  });\n\n  const onBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n    setOpen(false);\n    onOpenChange?.(event, { event, type: 'focus', open: false });\n    activeDescendantController.blur();\n    setHideActiveDescendant(true);\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n    if (event.target === event.currentTarget) {\n      setOpen(true);\n      onOpenChange?.(event, { event, type: 'focus', open: true });\n    }\n  };\n\n  const cursorPositionPlugin = <CursorPositionPlugin setCursorPosition={setCursorPosition} />;\n\n  const onListboxBlur = React.useCallback(() => {\n    setIsInSelectionMode(false);\n    onSelectionModeChange?.(false);\n  }, [onSelectionModeChange]);\n\n  // handle combobox keyboard interaction\n  const onKeyDown = useTriggerKeydown({\n    ...optionCollection,\n    activeDescendantController,\n    getOptionById,\n    onBlur: onListboxBlur,\n    selectOption,\n    cursorPosition,\n    open,\n    multiselect: false,\n  });\n\n  // NVDA and JAWS have bugs that suppress reading the input value text when aria-activedescendant is set\n  // To prevent this, we clear the HTML attribute (but save the state) when a user presses left/right arrows\n  // ref: https://github.com/microsoft/fluentui/issues/26359#issuecomment-1397759888\n  const [hideActiveDescendant, setHideActiveDescendant] = React.useState(false);\n\n  /**\n   * Freeform combobox should not select\n   */\n  const onInputTriggerKeyDown: EditorInputProps['onKeyDown'] = useEventCallback(event => {\n    // update typing state to true if the user is typing\n    const action = getDropdownActionFromKey(event, { open, multiselect: false, cursorPosition });\n    if (event.key === ArrowLeft || event.key === ArrowRight || action === 'Type') {\n      activeDescendantController.blur();\n      setHideActiveDescendant(true);\n      setIsInSelectionMode(false);\n      onSelectionModeChange?.(false);\n    } else if (\n      action === 'Next' ||\n      action === 'Previous' ||\n      action === 'First' ||\n      action === 'Last' ||\n      action === 'PageUp' ||\n      action === 'PageDown'\n    ) {\n      setHideActiveDescendant(false);\n      setIsInSelectionMode(true);\n      onSelectionModeChange?.(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (hideActiveDescendant) {\n      triggerRef.current?.removeAttribute('aria-activedescendant');\n    }\n    // We only want to run this when the hideActiveDescendant changes, if the triggerRef\n    // is undefined, there's no need to remove theAttribute and we shouldn't be adding\n    // refs as dependencies since it can blow up the number of runs.\n    // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hideActiveDescendant]);\n\n  const [comboboxPopupRef, comboboxTargetRef] = useComboboxPositioning({ positioning, fluid });\n\n  const listboxMergedRef = useMergedRefs(comboboxPopupRef, activeDescendantListboxRef, listboxProps?.ref);\n  const listbox = React.useMemo(() => {\n    return (\n      <PromptListbox\n        open={open}\n        {...listboxProps}\n        {...optionCollection}\n        {...selectionState}\n        ref={listboxMergedRef}\n        activeDescendantController={activeDescendantController}\n      />\n    );\n  }, [activeDescendantController, listboxMergedRef, listboxProps, open, optionCollection, selectionState]);\n\n  return {\n    promptListbox: listbox,\n    triggerProps: {\n      ref: triggerRef,\n      onBlur,\n      onFocus,\n      onKeyDown: useEventCallback(mergeCallbacks(onKeyDown, onInputTriggerKeyDown)),\n      isInSelectionMode,\n    },\n    containerRef: comboboxTargetRef,\n    cursorPositionPlugin,\n  };\n}\n"],"names":["usePromptListboxFunctionality","params","positioning","listboxRef","matchOption","onSelectionModeChange","listboxProps","fluid","triggerRef","optionCollection","useOptionCollection","activeParentRef","getOptionById","controller","cursorPosition","setCursorPosition","useActiveDescendant","isInSelectionMode","setOpen","classList","useControllableState","root","initialState","selectionState","useSelection","event","open","activeDescendantController","React","useState","setHideActiveDescendant","state","onFocus","target","defaultOpen","currentTarget","onOpenChange","setIsInSelectionMode","type","onKeyDown","onBlur","onListboxBlur","selectOption","useTriggerKeydown","hideActiveDescendant","onInputTriggerKeyDown","multiselect","action","useEffect","comboboxPopupRef","_triggerRef_current","current","removeAttribute","PromptListbox","listboxMergedRef","ref","listbox","cursorPositionPlugin"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/utils/useTriggerKeyDown.js

@@ -18,7 +18,7 @@ const _reacttabster = require("@fluentui/react-tabster");
 const _reactutilities = require("@fluentui/react-utilities");
 const _dropdownKeyActions = require("./dropdownKeyActions");
 function useTriggerKeydown(options) {
-    const { activeDescendantController, getOptionById, selectOption, multiselect, open, isInLastPosition, onBlur } = options;
+    const { activeDescendantController, getOptionById, selectOption, multiselect, open, cursorPosition, onBlur } = options;
     const getActiveOption = _react.useCallback(()=>{
         const activeOptionId = activeDescendantController.active();
         return activeOptionId ? getOptionById(activeOptionId) : undefined;
@@ -65,7 +65,7 @@ function useTriggerKeydown(options) {
         const action = (0, _dropdownKeyActions.getDropdownActionFromKey)(e, {
             open,
             multiselect,
-            isInLastPosition
+            cursorPosition
         });
         const activeOption = getActiveOption();
         const firstOption = activeDescendantController.first({

package/lib-commonjs/components/utils/useTriggerKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTriggerKeyDown.ts"],"sourcesContent":["/**\n * Note, this is mainly brought from Fluent UI, only removed the closing and\n * opening logic since that's not needed for this use case and added the bluring\n * functionality.\n */\n\nimport * as React from 'react';\nimport { useSetKeyboardNavigation } from '@fluentui/react-tabster';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from './dropdownKeyActions';\nimport type { ActiveDescendantImperativeRef } from '@fluentui/react-aria';\nimport type { OptionCollectionState, OptionValue } from './OptionCollection.types';\nimport type { SelectionProps, SelectionState } from './Selection.types';\n\nexport function useTriggerKeydown(\n  options: {\n    activeDescendantController: ActiveDescendantImperativeRef;\n    isInLastPosition: boolean;\n    open: boolean;\n    onBlur: () => void;\n  } & OptionCollectionState &\n    Pick<SelectionProps, 'multiselect'> &\n    Pick<SelectionState, 'selectOption'>,\n) {\n  const { activeDescendantController, getOptionById, selectOption, multiselect, open, isInLastPosition, onBlur } =\n    options;\n\n  const getActiveOption = React.useCallback(() => {\n    const activeOptionId = activeDescendantController.active();\n    return activeOptionId ? getOptionById(activeOptionId) : undefined;\n  }, [activeDescendantController, getOptionById]);\n\n  const first = () => {\n    activeDescendantController.first();\n  };\n\n  const last = () => {\n    activeDescendantController.last();\n  };\n\n  const blur = () => {\n    activeDescendantController.blur();\n    onBlur();\n  };\n\n  const next = (activeOption: OptionValue | undefined) => {\n    if (activeOption) {\n      activeDescendantController.next();\n    } else {\n      activeDescendantController.first();\n    }\n  };\n\n  const previous = (activeOption: OptionValue | undefined) => {\n    if (activeOption) {\n      activeDescendantController.prev();\n    } else {\n      activeDescendantController.first();\n    }\n  };\n\n  const pageUp = () => {\n    for (let i = 0; i < 10; i++) {\n      activeDescendantController.prev();\n    }\n  };\n\n  const pageDown = () => {\n    for (let i = 0; i < 10; i++) {\n      activeDescendantController.next();\n    }\n  };\n\n  const setKeyboardNavigation = useSetKeyboardNavigation();\n  return useEventCallback((e: React.KeyboardEvent<HTMLSpanElement>) => {\n    const action = getDropdownActionFromKey(e, { open, multiselect, isInLastPosition });\n    const activeOption = getActiveOption();\n    const firstOption = activeDescendantController.first({ passive: true });\n\n    switch (action) {\n      case 'Last':\n      case 'First':\n      case 'PageDown':\n      case 'PageUp':\n      case 'CloseSelect':\n      case 'Select':\n        e.preventDefault();\n        break;\n      case 'Previous':\n        // when active option is the first option and the action was \"Previous\",\n        // this means we were in the first option and we are \"leaving\" the listbox\n        if (activeOption?.id === firstOption) {\n          blur();\n          e.preventDefault();\n        } else if (activeOption) {\n          e.preventDefault();\n        }\n        break;\n      case 'Next':\n        e.preventDefault();\n        break;\n    }\n\n    setKeyboardNavigation(true);\n\n    switch (action) {\n      case 'First':\n        first();\n        break;\n      case 'Last':\n        last();\n        break;\n      case 'Next':\n        next(activeOption);\n        break;\n      case 'Previous':\n        if (activeOption && activeOption.id !== firstOption) {\n          previous(activeOption);\n        } else {\n          blur();\n        }\n        break;\n      case 'PageDown':\n        pageDown();\n        break;\n      case 'PageUp':\n        pageUp();\n        break;\n      case 'CloseSelect':\n        if (!multiselect && !activeOption?.disabled) {\n          blur();\n        }\n      // fallthrough\n      case 'Select':\n        activeOption && selectOption(e, activeOption);\n        break;\n      case 'Tab':\n        !multiselect && activeOption && selectOption(e, activeOption);\n        break;\n    }\n  });\n}\n"],"names":["useTriggerKeydown","React","options","activeDescendantController","activeOptionId","multiselect","getOptionById","active","last","undefined","first","onBlur","blur","activeOption","next","previous","prev","pageUp","pageDown","i","setKeyboardNavigation","useEventCallback","e","getDropdownActionFromKey","isInLastPosition","action","getActiveOption","id","firstOption","preventDefault","selectOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;CAIC;;;;+BAUeA;;;eAAAA;;;;iEARJC;8BAC6B;gCACR;oCACQ;AAKlC,SAASD,kBACdE,OAOsC;UAEtC,EAGAC,0BAAwBF,eAChBG,cACCA,EACTC,WAAG,MAACF,kBAA4BG,QAAc,KAE9CJ;UACEC,kBAAAA,OAAAA,WAAgC,CAAA;QAClC,MAAAC,iBAAAD,2BAAAI,MAAA;QAEA,OAAMC,iBAAOF,cAAAF,kBAAAK;;;QACXN;KAA+B;UACjCO,QAAA;QAEAP,2BAAaO,KAAA;;UAEXC,OAAAA;QACFR,2BAAAK,IAAA;;UAGEI,OAAIC;mCACFV,IAAAA;;;UAGFW,OAAAD,CAAAA;QACF,IAAAA,cAAA;YAEAV,2BAAkBU,IAAAA;eAChB;uCACEV,KAAAA;;;UAGFY,WAAAF,CAAAA;QACF,IAAAA,cAAA;YAEAV,2BAAea,IAAA;eACb;uCACEb,KAAAA;;;UAIJc,SAAMC;YACJ,IAAKC,IAAIA,GAAIA,IAAGA,IAAIA,IAAIA;uCACtBhB,IAAAA;;;UAIJe,WAAME;QACN,IAAA,IAAOC,IAAAA,GAAAA,IAAAA,IAAiBF,IAACG;uCACRC,IAAAA;;;kCAAiDC,IAAAA,sCAAAA;WAAiBH,IAAAA,gCAAA,EAAAC,CAAAA;cACjFG,SAAMZ,IAAAA,4CAAea,EAAAA,GAAAA;;;;;6BAIdA;4BACAvB,2BAAAO,KAAA,CAAA;qBACL;;eAEAe;;;;;;;gCAOMZ;;;wFAGqB;0FACP;sCAClB,QAAAA,iBAAA,KAAA,IAAA,KAAA,IAAAA,aAAAc,EAAA,MAAAC,aAAA;;sBAEFC,cAAK;2BACDA,cAAc;oCAChB;gBACJ;gBAEAT;iBAEA;gCACO;;;8BAGA;;;;;;;;;;;;oCAYHP,aAAAc,EAAA,KAAAC,aAAA;6BACGf;;;;;;;;;;;;oCAYHA,CAAAA,CAAAA,iBAA6BS,QAAGT,iBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAAA,QAAAA,GAAAA;;;0BAG/BR;;gBAELQ,gBAAAiB,aAAAR,GAAAT;gBACF;YACF,KAAA"}
+{"version":3,"sources":["useTriggerKeyDown.ts"],"sourcesContent":["/**\n * Note, this is mainly brought from Fluent UI, only removed the closing and\n * opening logic since that's not needed for this use case and added the bluring\n * functionality.\n */\n\nimport * as React from 'react';\nimport { useSetKeyboardNavigation } from '@fluentui/react-tabster';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { getDropdownActionFromKey } from './dropdownKeyActions';\nimport type { ActiveDescendantImperativeRef } from '@fluentui/react-aria';\nimport type { OptionCollectionState, OptionValue } from './OptionCollection.types';\nimport type { SelectionProps, SelectionState } from './Selection.types';\nimport type { CursorPosition } from '../../plugins/CursorPositionPlugin';\n\nexport function useTriggerKeydown(\n  options: {\n    activeDescendantController: ActiveDescendantImperativeRef;\n    cursorPosition: CursorPosition;\n    open: boolean;\n    onBlur: () => void;\n  } & OptionCollectionState &\n    Pick<SelectionProps, 'multiselect'> &\n    Pick<SelectionState, 'selectOption'>,\n) {\n  const { activeDescendantController, getOptionById, selectOption, multiselect, open, cursorPosition, onBlur } =\n    options;\n\n  const getActiveOption = React.useCallback(() => {\n    const activeOptionId = activeDescendantController.active();\n    return activeOptionId ? getOptionById(activeOptionId) : undefined;\n  }, [activeDescendantController, getOptionById]);\n\n  const first = () => {\n    activeDescendantController.first();\n  };\n\n  const last = () => {\n    activeDescendantController.last();\n  };\n\n  const blur = () => {\n    activeDescendantController.blur();\n    onBlur();\n  };\n\n  const next = (activeOption: OptionValue | undefined) => {\n    if (activeOption) {\n      activeDescendantController.next();\n    } else {\n      activeDescendantController.first();\n    }\n  };\n\n  const previous = (activeOption: OptionValue | undefined) => {\n    if (activeOption) {\n      activeDescendantController.prev();\n    } else {\n      activeDescendantController.first();\n    }\n  };\n\n  const pageUp = () => {\n    for (let i = 0; i < 10; i++) {\n      activeDescendantController.prev();\n    }\n  };\n\n  const pageDown = () => {\n    for (let i = 0; i < 10; i++) {\n      activeDescendantController.next();\n    }\n  };\n\n  const setKeyboardNavigation = useSetKeyboardNavigation();\n  return useEventCallback((e: React.KeyboardEvent<HTMLSpanElement>) => {\n    const action = getDropdownActionFromKey(e, { open, multiselect, cursorPosition });\n    const activeOption = getActiveOption();\n    const firstOption = activeDescendantController.first({ passive: true });\n\n    switch (action) {\n      case 'Last':\n      case 'First':\n      case 'PageDown':\n      case 'PageUp':\n      case 'CloseSelect':\n      case 'Select':\n        e.preventDefault();\n        break;\n      case 'Previous':\n        // when active option is the first option and the action was \"Previous\",\n        // this means we were in the first option and we are \"leaving\" the listbox\n        if (activeOption?.id === firstOption) {\n          blur();\n          e.preventDefault();\n        } else if (activeOption) {\n          e.preventDefault();\n        }\n        break;\n      case 'Next':\n        e.preventDefault();\n        break;\n    }\n\n    setKeyboardNavigation(true);\n\n    switch (action) {\n      case 'First':\n        first();\n        break;\n      case 'Last':\n        last();\n        break;\n      case 'Next':\n        next(activeOption);\n        break;\n      case 'Previous':\n        if (activeOption && activeOption.id !== firstOption) {\n          previous(activeOption);\n        } else {\n          blur();\n        }\n        break;\n      case 'PageDown':\n        pageDown();\n        break;\n      case 'PageUp':\n        pageUp();\n        break;\n      case 'CloseSelect':\n        if (!multiselect && !activeOption?.disabled) {\n          blur();\n        }\n      // fallthrough\n      case 'Select':\n        activeOption && selectOption(e, activeOption);\n        break;\n      case 'Tab':\n        !multiselect && activeOption && selectOption(e, activeOption);\n        break;\n    }\n  });\n}\n"],"names":["useTriggerKeydown","React","options","activeDescendantController","activeOptionId","multiselect","getOptionById","active","last","undefined","first","onBlur","blur","activeOption","next","previous","prev","pageUp","pageDown","i","setKeyboardNavigation","useEventCallback","e","getDropdownActionFromKey","cursorPosition","action","getActiveOption","id","firstOption","preventDefault","selectOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;CAIC;;;;+BAWeA;;;eAAAA;;;;iEATJC;8BAC6B;gCACR;oCACQ;AAMlC,SAASD,kBACdE,OAOsC;UAEtC,EAGAC,0BAAwBF,eAChBG,cACCA,EACTC,WAAG,MAACF,gBAA4BG,QAAc,KAE9CJ;UACEC,kBAAAA,OAAAA,WAAgC,CAAA;QAClC,MAAAC,iBAAAD,2BAAAI,MAAA;QAEA,OAAMC,iBAAOF,cAAAF,kBAAAK;;;QACXN;KAA+B;UACjCO,QAAA;QAEAP,2BAAaO,KAAA;;UAEXC,OAAAA;QACFR,2BAAAK,IAAA;;UAGEI,OAAIC;mCACFV,IAAAA;;;UAGFW,OAAAD,CAAAA;QACF,IAAAA,cAAA;YAEAV,2BAAkBU,IAAAA;eAChB;uCACEV,KAAAA;;;UAGFY,WAAAF,CAAAA;QACF,IAAAA,cAAA;YAEAV,2BAAea,IAAA;eACb;uCACEb,KAAAA;;;UAIJc,SAAMC;YACJ,IAAKC,IAAIA,GAAIA,IAAGA,IAAIA,IAAIA;uCACtBhB,IAAAA;;;UAIJe,WAAME;QACN,IAAA,IAAOC,IAAAA,GAAAA,IAAAA,IAAiBF,IAACG;uCACRC,IAAAA;;;kCAAiDC,IAAAA,sCAAAA;WAAeH,IAAAA,gCAAA,EAAAC,CAAAA;cAC/EG,SAAMZ,IAAAA,4CAAea,EAAAA,GAAAA;;;;;6BAIdA;4BACAvB,2BAAAO,KAAA,CAAA;qBACL;;eAEAe;;;;;;;gCAOMZ;;;wFAGqB;0FACP;sCAClB,QAAAA,iBAAA,KAAA,IAAA,KAAA,IAAAA,aAAAc,EAAA,MAAAC,aAAA;;sBAEFC,cAAK;2BACDA,cAAc;oCAChB;gBACJ;gBAEAT;iBAEA;gCACO;;;8BAGA;;;;;;;;;;;;oCAYHP,aAAAc,EAAA,KAAAC,aAAA;6BACGf;;;;;;;;;;;;oCAYHA,CAAAA,CAAAA,iBAA6BS,QAAGT,iBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAAA,QAAAA,GAAAA;;;0BAG/BR;;gBAELQ,gBAAAiB,aAAAR,GAAAT;gBACF;YACF,KAAA"}

package/lib-commonjs/index.js

@@ -15,9 +15,6 @@ _export(exports, {
     PromptOption: function() {
         return _PromptOption.PromptOption;
     },
-    TextCursorPositionPlugin: function() {
-        return _TextCursorPositionPlugin.TextCursorPositionPlugin;
-    },
     promptListboxClassNames: function() {
         return _PromptListbox.promptListboxClassNames;
     },
@@ -48,6 +45,5 @@ _export(exports, {
 });
 const _PromptListbox = require("./PromptListbox");
 const _usePromptListboxFunctionality = require("./components/utils/usePromptListboxFunctionality");
-const _TextCursorPositionPlugin = require("./plugins/TextCursorPositionPlugin");
 const _PromptOption = require("./PromptOption");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptListboxProps, PromptListboxSlots, PromptListboxState } from './PromptListbox';\nexport {\n  PromptListbox,\n  promptListboxClassNames,\n  renderPromptListbox_unstable,\n  usePromptListboxStyles_unstable,\n  usePromptListbox_unstable,\n} from './PromptListbox';\n\nexport { usePromptListboxFunctionality } from './components/utils/usePromptListboxFunctionality';\nexport type {\n  OnOpenChangeData,\n  ProcessedPromptListboxProps,\n  UsePromptListboxFunctionality,\n  UsePromptListboxFunctionalityParams,\n} from './components/utils/PromptListboxFunctionality.types';\n\nexport type { TextCursorPositionPluginProps } from './plugins/TextCursorPositionPlugin';\nexport { TextCursorPositionPlugin } from './plugins/TextCursorPositionPlugin';\n\nexport type { PromptOptionProps, PromptOptionSlots, PromptOptionState } from './PromptOption';\nexport {\n  PromptOption,\n  promptOptionClassNames,\n  renderPromptOption_unstable,\n  usePromptOptionStyles_unstable,\n  usePromptOption_unstable,\n} from './PromptOption';\n"],"names":["PromptListbox","PromptOption","TextCursorPositionPlugin","promptListboxClassNames","promptOptionClassNames","renderPromptListbox_unstable","renderPromptOption_unstable","usePromptListboxFunctionality","usePromptListboxStyles_unstable","usePromptListbox_unstable","usePromptOptionStyles_unstable","usePromptOption_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,aAAa;eAAbA,4BAAa;;IAoBbC,YAAY;eAAZA,0BAAY;;IAJLC,wBAAwB;eAAxBA,kDAAwB;;IAf/BC,uBAAuB;eAAvBA,sCAAuB;;IAoBvBC,sBAAsB;eAAtBA,oCAAsB;;IAnBtBC,4BAA4B;eAA5BA,2CAA4B;;IAoB5BC,2BAA2B;eAA3BA,yCAA2B;;IAfpBC,6BAA6B;eAA7BA,4DAA6B;;IAJpCC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;IAmBzBC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;;+BAnBnB;+CAEuC;0CASL;8BASlC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptListboxProps, PromptListboxSlots, PromptListboxState } from './PromptListbox';\nexport {\n  PromptListbox,\n  promptListboxClassNames,\n  renderPromptListbox_unstable,\n  usePromptListboxStyles_unstable,\n  usePromptListbox_unstable,\n} from './PromptListbox';\n\nexport { usePromptListboxFunctionality } from './components/utils/usePromptListboxFunctionality';\nexport type {\n  OnOpenChangeData,\n  ProcessedPromptListboxProps,\n  UsePromptListboxFunctionality,\n  UsePromptListboxFunctionalityParams,\n} from './components/utils/PromptListboxFunctionality.types';\n\nexport type { PromptOptionProps, PromptOptionSlots, PromptOptionState } from './PromptOption';\nexport {\n  PromptOption,\n  promptOptionClassNames,\n  renderPromptOption_unstable,\n  usePromptOptionStyles_unstable,\n  usePromptOption_unstable,\n} from './PromptOption';\n"],"names":["PromptListbox","PromptOption","promptListboxClassNames","promptOptionClassNames","renderPromptListbox_unstable","renderPromptOption_unstable","usePromptListboxFunctionality","usePromptListboxStyles_unstable","usePromptListbox_unstable","usePromptOptionStyles_unstable","usePromptOption_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,aAAa;eAAbA,4BAAa;;IAiBbC,YAAY;eAAZA,0BAAY;;IAhBZC,uBAAuB;eAAvBA,sCAAuB;;IAiBvBC,sBAAsB;eAAtBA,oCAAsB;;IAhBtBC,4BAA4B;eAA5BA,2CAA4B;;IAiB5BC,2BAA2B;eAA3BA,yCAA2B;;IAZpBC,6BAA6B;eAA7BA,4DAA6B;;IAJpCC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;IAgBzBC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;;+BAhBnB;+CAEuC;8BAevC"}

package/lib-commonjs/plugins/CursorPositionPlugin.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CursorPositionPlugin", {
+    enumerable: true,
+    get: function() {
+        return CursorPositionPlugin;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _chatinputplugins = require("@fluentui-copilot/chat-input-plugins");
+const _reacttexteditor = require("@fluentui-copilot/react-text-editor");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const CursorPositionPlugin = ({ setCursorPosition })=>{
+    const [editor] = (0, _reacttexteditor.useLexicalComposerContext)();
+    _react.useEffect(()=>{
+        const $selectionChangeHandler = ()=>{
+            const selection = (0, _reacttexteditor.$getSelection)();
+            // If selection is null, the cursor is not active in the editor and we should just noop
+            if (selection === null || !(0, _reacttexteditor.$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 ((0, _reacttexteditor.$isElementNode)(selectedNode)) {
+                setCursorPosition('end');
+                return false;
+            }
+            // if the selection node is a sentinel and it matches the sentinel at the end
+            if ((0, _chatinputplugins.$isSentinelNode)(selectedNode) && !selectedNode.getNextSibling()) {
+                setCursorPosition('end');
+                return false;
+            } else if ((0, _chatinputplugins.$isSentinelNode)(selectedNode.getNextSibling()) && selection.focus.offset === selectedNode.getTextContentSize()) {
+                setCursorPosition('end');
+                return false;
+            }
+            setCursorPosition('between-text');
+            return false;
+        };
+        return editor.registerCommand(_reacttexteditor.SELECTION_CHANGE_COMMAND, $selectionChangeHandler, _reacttexteditor.COMMAND_PRIORITY_HIGH);
+    }, [
+        editor,
+        setCursorPosition
+    ]);
+    return null;
+}; //# sourceMappingURL=CursorPositionPlugin.js.map

package/lib-commonjs/plugins/CursorPositionPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CursorPositionPlugin.ts"],"sourcesContent":["import { $isSentinelNode } from '@fluentui-copilot/chat-input-plugins';\nimport {\n  SELECTION_CHANGE_COMMAND,\n  $getSelection,\n  useLexicalComposerContext,\n  $isRangeSelection,\n  $isElementNode,\n  COMMAND_PRIORITY_HIGH,\n} from '@fluentui-copilot/react-text-editor';\nimport * as React from 'react';\n\n/**\n * Position the cursor is in based on it's content. The goal\n * is to track whether the cursor is at the end of the input\n * or between text.\n */\nexport type CursorPosition = 'end' | 'between-text';\n\nexport type CursorPositionPluginProps = {\n  setCursorPosition: (position: CursorPosition) => void;\n};\n\nexport const CursorPositionPlugin: React.FunctionComponent<CursorPositionPluginProps> = ({ setCursorPosition }) => {\n  const [editor] = useLexicalComposerContext();\n\n  React.useEffect(() => {\n    const $selectionChangeHandler = () => {\n      const selection = $getSelection();\n      // If selection is null, the cursor is not active in the editor and we should just noop\n      if (selection === null || !$isRangeSelection(selection) || !selection.isCollapsed()) {\n        setCursorPosition('between-text');\n        return false;\n      }\n\n      // Should only be one node in the selection because the selection is collapsed\n      const selectedNode = selection.getNodes().at(0);\n      // If there's no selected node, focus isn't in the editor\n      if (!selectedNode) {\n        return false;\n      }\n\n      // If there are no leaf nodes, the paragraph node will be selected\n      if ($isElementNode(selectedNode)) {\n        setCursorPosition('end');\n        return false;\n      }\n\n      // if the selection node is a sentinel and it matches the sentinel at the end\n      if ($isSentinelNode(selectedNode) && !selectedNode.getNextSibling()) {\n        setCursorPosition('end');\n        return false;\n      }\n\n      // else if the selection node is not a sentinel, check that the next sibling node is a sentinel\n      // and check if the focus offset is in the last position of the node.\n      else if (\n        $isSentinelNode(selectedNode.getNextSibling()) &&\n        selection.focus.offset === selectedNode.getTextContentSize()\n      ) {\n        setCursorPosition('end');\n        return false;\n      }\n\n      setCursorPosition('between-text');\n      return false;\n    };\n\n    return editor.registerCommand(SELECTION_CHANGE_COMMAND, $selectionChangeHandler, COMMAND_PRIORITY_HIGH);\n  }, [editor, setCursorPosition]);\n\n  return null;\n};\n"],"names":["CursorPositionPlugin","editor","$selectionChangeHandler","selection","$isRangeSelection","isCollapsed","selectedNode","getNodes","at","getNextSibling","$isSentinelNode","focus","offset","getTextContentSize","setCursorPosition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;;kCAtBmB;iCAQzB;iEACgB;AAahB,MAAMA,uBAA2E,CAAC,mBACzE;UAGZ,CAAAC,OAAMC,GAAAA,IAAAA,0CAA0B;oBAC9B,CAAMC;wCACN;kBACAA,YAAIA,IAAAA,8BAAc;mGACE;8BACX,QAAA,CAAAC,IAAAA,kCAAA,EAAAD,cAAA,CAAAA,UAAAE,WAAA,IAAA;kCACT;uBAEA;;0FAEyD;kBACzDC,eAAKA,UAAcC,QAAA,GAAAC,EAAA,CAAA;qEACV;+BACT;uBAEA;;8EAEoB;mDACX,EAAAF,eAAA;kCACT;uBAEA;;yFAEoB;qDACX,EAAAA,iBAAA,CAAAA,aAAAG,cAAA,IAAA;kCAMPC;;uBAIAA,IAAAA,iCAAO,EAAAJ,aAAAG,cAAA,OAAAN,UAAAQ,KAAA,CAAAC,MAAA,KAAAN,aAAAO,kBAAA,IAAA;kCACT;uBAEAC;;8BAEF;mBAEA;QACF;eAAIb,OAAAA,eAAAA,CAAAA,yCAAAA,EAAAA,yBAAAA,sCAAAA;;;QAAQa;KAAAA;WAAkB;GAGhC,gDAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-prompt-listbox",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "PromptListbox for input components using EditorInput.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -13,25 +13,25 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-copilot/chat-input-plugins": "^0.1.4",
-    "@fluentui-copilot/react-chat-input-plugins": "^0.1.4",
-    "@fluentui-copilot/react-editor-input": "^0.1.4",
-    "@fluentui-copilot/react-prompt-input": "^0.1.4",
-    "@fluentui-copilot/react-provider": "^0.8.4",
-    "@fluentui-copilot/react-text-editor": "^0.1.8",
+    "@fluentui-copilot/react-chat-input-plugins": "^0.1.5",
+    "@fluentui-copilot/react-editor-input": "^0.1.5",
+    "@fluentui-copilot/react-prompt-input": "^0.2.0",
+    "@fluentui-copilot/react-provider": "^0.9.0",
+    "@fluentui-copilot/react-text-editor": "^0.1.9",
     "@fluentui-copilot/text-editor": "^0.0.6",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
     "@fluentui/keyboard-keys": ">=9.0.7 <10.0.0",
-    "@fluentui/react-aria": ">=9.13.0 <10.0.0",
-    "@fluentui/react-combobox": ">=9.13.0 <10.0.0",
-    "@fluentui/react-components": ">=9.54.4 <10.0.0",
+    "@fluentui/react-aria": ">=9.13.2 <10.0.0",
+    "@fluentui/react-combobox": ">=9.13.3 <10.0.0",
+    "@fluentui/react-components": ">=9.54.10 <10.0.0",
     "@fluentui/react-icons": ">=2.0.247 <3.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.0.40 <10.0.0",
-    "@fluentui/react-positioning": ">=9.15.4 <10.0.0",
-    "@fluentui/react-shared-contexts": ">=9.19.0 <10.0.0",
-    "@fluentui/react-tabster": ">=9.22.1 <10.0.0",
-    "@fluentui/react-utilities": ">=9.18.11 <10.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.42 <10.0.0",
+    "@fluentui/react-positioning": ">=9.15.7 <10.0.0",
+    "@fluentui/react-shared-contexts": ">=9.20.0 <10.0.0",
+    "@fluentui/react-tabster": ">=9.22.3 <10.0.0",
+    "@fluentui/react-utilities": ">=9.18.13 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
     "@types/react-dom": ">=16.9.8 <19.0.0",
     "react": ">=16.14.0 <19.0.0",
@@ -39,8 +39,7 @@
   },
   "beachball": {
     "disallowedChangeTypes": [
-      "major",
-      "minor"
+      "major"
     ]
   },
   "exports": {

package/lib/plugins/TextCursorPositionPlugin.js

@@ -1,44 +0,0 @@
-import { $isSentinelNode } from '@fluentui-copilot/chat-input-plugins';
-import { COMMAND_PRIORITY_CRITICAL, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, $getSelection, useLexicalComposerContext, $getLeafNodes, $getRoot, $isRangeSelection, mergeRegister } from '@fluentui-copilot/react-text-editor';
-import * as React from 'react';
-export const TextCursorPositionPlugin = ({
-  setIsInLastPosition
-}) => {
-  const [editor] = useLexicalComposerContext();
-  const keypressHandler = _ev => {
-    const root = $getRoot();
-    const leafNodes = $getLeafNodes(root);
-    const lastLeafNode = leafNodes.length === 0 ? undefined : leafNodes[leafNodes.length - 1];
-    const selection = $getSelection();
-    if (selection === null || !$isRangeSelection(selection) || !selection.isCollapsed()) {
-      setIsInLastPosition(false);
-      return false;
-    }
-    const selectionNodes = selection.getNodes();
-    // if we don't have a lead node, then we don't have any nodes, so we are in the last position
-    if (selectionNodes.length === 0 || !lastLeafNode) {
-      setIsInLastPosition(true);
-      return false;
-    }
-    const lastSelectionNode = selectionNodes[selectionNodes.length - 1];
-    // if the selection node is a sentinel and it matches the sentinel at the end
-    if ($isSentinelNode(lastSelectionNode) && lastSelectionNode.is(lastLeafNode)) {
-      setIsInLastPosition(true);
-      return false;
-    } else if ($isSentinelNode(lastSelectionNode.getNextSibling()) && selection.focus.offset === lastSelectionNode.getTextContentSize()) {
-      setIsInLastPosition(true);
-      return false;
-    }
-    setIsInLastPosition(false);
-    return false;
-  };
-  React.useEffect(() => {
-    return mergeRegister(editor.registerCommand(KEY_ARROW_DOWN_COMMAND, keypressHandler, COMMAND_PRIORITY_CRITICAL), editor.registerCommand(KEY_ARROW_UP_COMMAND, keypressHandler, COMMAND_PRIORITY_CRITICAL));
-    // We are disabling exhaustive-deps because we only want to register the command once on mount and the
-    // the teardown function when unmounting
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return null;
-};
-//# sourceMappingURL=TextCursorPositionPlugin.js.map

package/lib/plugins/TextCursorPositionPlugin.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TextCursorPositionPlugin.ts"],"sourcesContent":["import { $isSentinelNode } from '@fluentui-copilot/chat-input-plugins';\nimport {\n  COMMAND_PRIORITY_CRITICAL,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  $getSelection,\n  useLexicalComposerContext,\n  $getLeafNodes,\n  $getRoot,\n  $isRangeSelection,\n  mergeRegister,\n} from '@fluentui-copilot/react-text-editor';\nimport * as React from 'react';\n\nexport type TextCursorPositionPluginProps = {\n  setIsInLastPosition: (isInLastPosition: boolean) => void;\n};\n\nexport const TextCursorPositionPlugin: React.FunctionComponent<TextCursorPositionPluginProps> = ({\n  setIsInLastPosition,\n}) => {\n  const [editor] = useLexicalComposerContext();\n\n  const keypressHandler = (_ev: KeyboardEvent) => {\n    const root = $getRoot();\n    const leafNodes = $getLeafNodes(root);\n    const lastLeafNode = leafNodes.length === 0 ? undefined : leafNodes[leafNodes.length - 1];\n    const selection = $getSelection();\n    if (selection === null || !$isRangeSelection(selection) || !selection.isCollapsed()) {\n      setIsInLastPosition(false);\n      return false;\n    }\n\n    const selectionNodes = selection.getNodes();\n    // if we don't have a lead node, then we don't have any nodes, so we are in the last position\n    if (selectionNodes.length === 0 || !lastLeafNode) {\n      setIsInLastPosition(true);\n      return false;\n    }\n    const lastSelectionNode = selectionNodes[selectionNodes.length - 1];\n\n    // if the selection node is a sentinel and it matches the sentinel at the end\n    if ($isSentinelNode(lastSelectionNode) && lastSelectionNode.is(lastLeafNode)) {\n      setIsInLastPosition(true);\n      return false;\n    }\n    // else if the selection node is not a sentinel, check that the next sibling node is a sentinel\n    // and check if the focus offset is in the last position of the node.\n    else if (\n      $isSentinelNode(lastSelectionNode.getNextSibling()) &&\n      selection.focus.offset === lastSelectionNode.getTextContentSize()\n    ) {\n      setIsInLastPosition(true);\n      return false;\n    }\n\n    setIsInLastPosition(false);\n    return false;\n  };\n\n  React.useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(KEY_ARROW_DOWN_COMMAND, keypressHandler, COMMAND_PRIORITY_CRITICAL),\n      editor.registerCommand(KEY_ARROW_UP_COMMAND, keypressHandler, COMMAND_PRIORITY_CRITICAL),\n    );\n    // We are disabling exhaustive-deps because we only want to register the command once on mount and the\n    // the teardown function when unmounting\n    // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return null;\n};\n"],"names":["$isSentinelNode","COMMAND_PRIORITY_CRITICAL","KEY_ARROW_DOWN_COMMAND","KEY_ARROW_UP_COMMAND","$getSelection","useLexicalComposerContext","$getLeafNodes","$getRoot","$isRangeSelection","mergeRegister","React","TextCursorPositionPlugin","setIsInLastPosition","editor","keypressHandler","_ev","root","leafNodes","lastLeafNode","length","undefined","selection","isCollapsed","selectionNodes","getNodes","lastSelectionNode","is","getNextSibling","focus","offset","getTextContentSize","useEffect","registerCommand"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,uCAAuC;AACvE,SACEC,yBAAyB,EACzBC,sBAAsB,EACtBC,oBAAoB,EACpBC,aAAa,EACbC,yBAAyB,EACzBC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,EACjBC,aAAa,QACR,sCAAsC;AAC7C,YAAYC,WAAW,QAAQ;AAM/B,OAAO,MAAMC,2BAAmF,CAAC,EAC/FC,mBAAmB,EACpB;IACC,MAAM,CAACC,OAAO,GAAGR;IAEjB,MAAMS,kBAAkB,CAACC;QACvB,MAAMC,OAAOT;QACb,MAAMU,YAAYX,cAAcU;QAChC,MAAME,eAAeD,UAAUE,MAAM,KAAK,IAAIC,YAAYH,SAAS,CAACA,UAAUE,MAAM,GAAG,EAAE;QACzF,MAAME,YAAYjB;QAClB,IAAIiB,cAAc,QAAQ,CAACb,kBAAkBa,cAAc,CAACA,UAAUC,WAAW,IAAI;YACnFV,oBAAoB;YACpB,OAAO;QACT;QAEA,MAAMW,iBAAiBF,UAAUG,QAAQ;QACzC,6FAA6F;QAC7F,IAAID,eAAeJ,MAAM,KAAK,KAAK,CAACD,cAAc;YAChDN,oBAAoB;YACpB,OAAO;QACT;QACA,MAAMa,oBAAoBF,cAAc,CAACA,eAAeJ,MAAM,GAAG,EAAE;QAEnE,6EAA6E;QAC7E,IAAInB,gBAAgByB,sBAAsBA,kBAAkBC,EAAE,CAACR,eAAe;YAC5EN,oBAAoB;YACpB,OAAO;QACT,OAGK,IACHZ,gBAAgByB,kBAAkBE,cAAc,OAChDN,UAAUO,KAAK,CAACC,MAAM,KAAKJ,kBAAkBK,kBAAkB,IAC/D;YACAlB,oBAAoB;YACpB,OAAO;QACT;QAEAA,oBAAoB;QACpB,OAAO;IACT;IAEAF,MAAMqB,SAAS,CAAC;QACd,OAAOtB,cACLI,OAAOmB,eAAe,CAAC9B,wBAAwBY,iBAAiBb,4BAChEY,OAAOmB,eAAe,CAAC7B,sBAAsBW,iBAAiBb;IAEhE,sGAAsG;IACtG,wCAAwC;IACxC,yDAAyD;IACzD,uDAAuD;IACzD,GAAG,EAAE;IAEL,OAAO;AACT,EAAE"}

package/lib-commonjs/plugins/TextCursorPositionPlugin.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TextCursorPositionPlugin", {
-    enumerable: true,
-    get: function() {
-        return TextCursorPositionPlugin;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _chatinputplugins = require("@fluentui-copilot/chat-input-plugins");
-const _reacttexteditor = require("@fluentui-copilot/react-text-editor");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const TextCursorPositionPlugin = ({ setIsInLastPosition })=>{
-    const [editor] = (0, _reacttexteditor.useLexicalComposerContext)();
-    const keypressHandler = (_ev)=>{
-        const root = (0, _reacttexteditor.$getRoot)();
-        const leafNodes = (0, _reacttexteditor.$getLeafNodes)(root);
-        const lastLeafNode = leafNodes.length === 0 ? undefined : leafNodes[leafNodes.length - 1];
-        const selection = (0, _reacttexteditor.$getSelection)();
-        if (selection === null || !(0, _reacttexteditor.$isRangeSelection)(selection) || !selection.isCollapsed()) {
-            setIsInLastPosition(false);
-            return false;
-        }
-        const selectionNodes = selection.getNodes();
-        // if we don't have a lead node, then we don't have any nodes, so we are in the last position
-        if (selectionNodes.length === 0 || !lastLeafNode) {
-            setIsInLastPosition(true);
-            return false;
-        }
-        const lastSelectionNode = selectionNodes[selectionNodes.length - 1];
-        // if the selection node is a sentinel and it matches the sentinel at the end
-        if ((0, _chatinputplugins.$isSentinelNode)(lastSelectionNode) && lastSelectionNode.is(lastLeafNode)) {
-            setIsInLastPosition(true);
-            return false;
-        } else if ((0, _chatinputplugins.$isSentinelNode)(lastSelectionNode.getNextSibling()) && selection.focus.offset === lastSelectionNode.getTextContentSize()) {
-            setIsInLastPosition(true);
-            return false;
-        }
-        setIsInLastPosition(false);
-        return false;
-    };
-    _react.useEffect(()=>{
-        return (0, _reacttexteditor.mergeRegister)(editor.registerCommand(_reacttexteditor.KEY_ARROW_DOWN_COMMAND, keypressHandler, _reacttexteditor.COMMAND_PRIORITY_CRITICAL), editor.registerCommand(_reacttexteditor.KEY_ARROW_UP_COMMAND, keypressHandler, _reacttexteditor.COMMAND_PRIORITY_CRITICAL));
-    // We are disabling exhaustive-deps because we only want to register the command once on mount and the
-    // the teardown function when unmounting
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return null;
-}; //# sourceMappingURL=TextCursorPositionPlugin.js.map

package/lib-commonjs/plugins/TextCursorPositionPlugin.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TextCursorPositionPlugin.ts"],"sourcesContent":["import { $isSentinelNode } from '@fluentui-copilot/chat-input-plugins';\nimport {\n  COMMAND_PRIORITY_CRITICAL,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  $getSelection,\n  useLexicalComposerContext,\n  $getLeafNodes,\n  $getRoot,\n  $isRangeSelection,\n  mergeRegister,\n} from '@fluentui-copilot/react-text-editor';\nimport * as React from 'react';\n\nexport type TextCursorPositionPluginProps = {\n  setIsInLastPosition: (isInLastPosition: boolean) => void;\n};\n\nexport const TextCursorPositionPlugin: React.FunctionComponent<TextCursorPositionPluginProps> = ({\n  setIsInLastPosition,\n}) => {\n  const [editor] = useLexicalComposerContext();\n\n  const keypressHandler = (_ev: KeyboardEvent) => {\n    const root = $getRoot();\n    const leafNodes = $getLeafNodes(root);\n    const lastLeafNode = leafNodes.length === 0 ? undefined : leafNodes[leafNodes.length - 1];\n    const selection = $getSelection();\n    if (selection === null || !$isRangeSelection(selection) || !selection.isCollapsed()) {\n      setIsInLastPosition(false);\n      return false;\n    }\n\n    const selectionNodes = selection.getNodes();\n    // if we don't have a lead node, then we don't have any nodes, so we are in the last position\n    if (selectionNodes.length === 0 || !lastLeafNode) {\n      setIsInLastPosition(true);\n      return false;\n    }\n    const lastSelectionNode = selectionNodes[selectionNodes.length - 1];\n\n    // if the selection node is a sentinel and it matches the sentinel at the end\n    if ($isSentinelNode(lastSelectionNode) && lastSelectionNode.is(lastLeafNode)) {\n      setIsInLastPosition(true);\n      return false;\n    }\n    // else if the selection node is not a sentinel, check that the next sibling node is a sentinel\n    // and check if the focus offset is in the last position of the node.\n    else if (\n      $isSentinelNode(lastSelectionNode.getNextSibling()) &&\n      selection.focus.offset === lastSelectionNode.getTextContentSize()\n    ) {\n      setIsInLastPosition(true);\n      return false;\n    }\n\n    setIsInLastPosition(false);\n    return false;\n  };\n\n  React.useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(KEY_ARROW_DOWN_COMMAND, keypressHandler, COMMAND_PRIORITY_CRITICAL),\n      editor.registerCommand(KEY_ARROW_UP_COMMAND, keypressHandler, COMMAND_PRIORITY_CRITICAL),\n    );\n    // We are disabling exhaustive-deps because we only want to register the command once on mount and the\n    // the teardown function when unmounting\n    // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return null;\n};\n"],"names":["TextCursorPositionPlugin","useLexicalComposerContext","editor","root","$getRoot","keypressHandler","$getLeafNodes","lastLeafNode","leafNodes","selection","$getSelection","$isRangeSelection","isCollapsed","setIsInLastPosition","selectionNodes","length","getNodes","lastSelectionNode","is","$isSentinelNode","getNextSibling","focus","offset","getTextContentSize","React","useEffect","mergeRegister","registerCommand","KEY_ARROW_DOWN_COMMAND","COMMAND_PRIORITY_CRITICAL","KEY_ARROW_UP_COMMAND"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;;kCAlBmB;iCAWzB;iEACgB;AAMhB,MAAMA,2BAAmF,CAAC,qBAG9EC;UAGf,CAAAC,OAAMC,GAAAA,IAAAA,0CAAOC;UACbC,kBAAkBC,CAAAA;cAClBH,OAAMI,IAAAA,yBAAAA;cACNC,YAAMC,IAAAA,8BAAYC,EAAAA;cAClBH,eAAIE,UAAuBE,MAAAA,KAAAA,IAAAA,YAAkBF,SAAeA,CAAAA,UAAUG,MAAAA,GAAW,EAAI;0BACnFC,IAAAA,8BAAoB;0BACb,QAAA,CAAAF,IAAAA,kCAAA,EAAAF,cAAA,CAAAA,UAAAG,WAAA,IAAA;gCACT;mBAEA;;cAEAE,iBAAmBC,UAAMC,QAAWT;qGACd;2BACbQ,MAAA,KAAA,KAAA,CAAAR,cAAA;gCACT;mBACA;;cAGAU,oBAAoBA,cAAAA,CAAAA,eAAsBA,MAAAA,GAAkBC,EAAGX;qFACzC;iDACb,EAAAU,sBAAAA,kBAAAC,EAAA,CAAAX,eAAA;gCAKPY;mBAGAN;mBACAM,IAAAA,iCAAO,EAAAF,kBAAAG,cAAA,OAAAX,UAAAY,KAAA,CAAAC,MAAA,KAAAL,kBAAAM,kBAAA,IAAA;gCACT;mBAEAV;;QAEFA,oBAAA;QAEAW,OAAMC;;WAKJA,SAAA,CAAA;QACA,OAAAC,IAAAA,8BAAA,EAAAxB,OAAAyB,eAAwC,CAAAC,uCAAA,EAAAvB,iBAAAwB,0CAAA,GAAA3B,OAAAyB,eAAA,CAAAG,qCAAA,EAAAzB,iBAAAwB,0CAAA;IACxC,sGAAyD;IACzD,wCAAA;IACF,yDAAK;IAEL,uDAAO;IACP,GAAA,EAAA"}