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

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

@@ -0,0 +1,72 @@
+// Brought from Fluent UI
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSelection", {
+    enumerable: true,
+    get: function() {
+        return useSelection;
+    }
+});
+const _react = require("react");
+const _reactutilities = require("@fluentui/react-utilities");
+const useSelection = (props)=>{
+    const { defaultSelectedOptions, multiselect, onOptionSelect } = props;
+    const [selectedOptions, setSelectedOptions] = (0, _reactutilities.useControllableState)({
+        state: props.selectedOptions,
+        defaultState: defaultSelectedOptions,
+        initialState: []
+    });
+    const selectOption = (0, _react.useCallback)((event, option)=>{
+        // if the option is disabled, do nothing
+        if (option.disabled) {
+            return;
+        }
+        // for single-select, always return the selected option
+        let newSelection = [
+            option.value
+        ];
+        // toggle selected state of the option for multiselect
+        if (multiselect) {
+            const selectedIndex = selectedOptions.findIndex((o)=>o === option.value);
+            if (selectedIndex > -1) {
+                // deselect option
+                newSelection = [
+                    ...selectedOptions.slice(0, selectedIndex),
+                    ...selectedOptions.slice(selectedIndex + 1)
+                ];
+            } else {
+                // select option
+                newSelection = [
+                    ...selectedOptions,
+                    option.value
+                ];
+            }
+        }
+        setSelectedOptions(newSelection);
+        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, {
+            optionValue: option.value,
+            optionText: option.text,
+            selectedOptions: newSelection
+        });
+    }, [
+        onOptionSelect,
+        multiselect,
+        selectedOptions,
+        setSelectedOptions
+    ]);
+    const clearSelection = (event)=>{
+        setSelectedOptions([]);
+        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, {
+            optionValue: undefined,
+            optionText: undefined,
+            selectedOptions: []
+        });
+    };
+    return {
+        clearSelection,
+        selectOption,
+        selectedOptions
+    };
+}; //# sourceMappingURL=useSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useSelection.ts"],"sourcesContent":["// Brought from Fluent UI\n\nimport { useCallback } from 'react';\nimport { useControllableState } from '@fluentui/react-utilities';\nimport type { OptionValue } from './OptionCollection.types';\nimport type { SelectionEvents, SelectionProps, SelectionState } from './Selection.types';\n\nexport const useSelection = (props: SelectionProps): SelectionState => {\n  const { defaultSelectedOptions, multiselect, onOptionSelect } = props;\n\n  const [selectedOptions, setSelectedOptions] = useControllableState({\n    state: props.selectedOptions,\n    defaultState: defaultSelectedOptions,\n    initialState: [],\n  });\n\n  const selectOption = useCallback(\n    (event: SelectionEvents, option: OptionValue) => {\n      // if the option is disabled, do nothing\n      if (option.disabled) {\n        return;\n      }\n\n      // for single-select, always return the selected option\n      let newSelection = [option.value];\n\n      // toggle selected state of the option for multiselect\n      if (multiselect) {\n        const selectedIndex = selectedOptions.findIndex(o => o === option.value);\n        if (selectedIndex > -1) {\n          // deselect option\n          newSelection = [...selectedOptions.slice(0, selectedIndex), ...selectedOptions.slice(selectedIndex + 1)];\n        } else {\n          // select option\n          newSelection = [...selectedOptions, option.value];\n        }\n      }\n\n      setSelectedOptions(newSelection);\n      onOptionSelect?.(event, { optionValue: option.value, optionText: option.text, selectedOptions: newSelection });\n    },\n    [onOptionSelect, multiselect, selectedOptions, setSelectedOptions],\n  );\n\n  const clearSelection = (event: SelectionEvents) => {\n    setSelectedOptions([]);\n    onOptionSelect?.(event, { optionValue: undefined, optionText: undefined, selectedOptions: [] });\n  };\n\n  return { clearSelection, selectOption, selectedOptions };\n};\n"],"names":["useSelection","props","defaultSelectedOptions","selectedOptions","defaultState","setSelectedOptions","useControllableState","state","selectOption","useCallback","option","disabled","event","newSelection","multiselect","value","findIndex","selectedIndex","o","slice","onOptionSelect","text","optionValue","undefined","clearSelection"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,yBAAyB;;;;;+BAOZA;;;eAAAA;;;uBALe;gCACS;AAI9B,MAAMA,eAAeC,CAAAA;UAC1B,EAEAC,sBAAOC,aACEF,gBACPG;UAEF,CAAAD,iBAAAE,mBAAA,GAAAC,IAAAA,oCAAA,EAAA;QAEAC,OAAMC,MAAAA,eAAeC;sBAEjBP;sBACIQ,EAAOC;;UAEXH,eAAAC,IAAAA,kBAAA,EAAA,CAAAG,OAAAF;gDAEA;YACAA,OAAIG,QAAAA,EAAAA;;;+DAEJ;YACAA,eAAIC;YAAAA,OAAaC,KAAA;SAAA;8DACuBC;yBAClCC;kCACFd,gBAAkBa,SAAA,CAAAE,CAAAA,IAAAA,MAAAR,OAAAK,KAAA;gCAClBF,CAAAA,GAAAA;kCAAmBV;+BAA4CA;uBAAAA,gBAAgBgB,KAAMF,CAAAA,GAAAA;uBAAgBd,gBAAAgB,KAAA,CAAAF,gBAAA;iBAAA;;gCAChG;+BACL;uBAAAd;oBAAgBO,OAAAK,KAAA;iBAAA;;;2BACoBL;2BAAa,QAAAU,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAR,OAAA;yBACnDF,OAAAK,KAAA;wBACFL,OAAAW,IAAA;6BAEAhB;;;;QAC0BiB;QAAoBP;QAAKV;KAAA;2BAAcK,CAAAA;2BAAaP,EAAAA;2BAA8B,QAAAiB,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAR,OAAA;YAC9GU,aACAC;wBAACH;6BAAgBN,EAAAA;;;WAAiD;QAGpEU;;;;2CAE8F"}

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

@@ -0,0 +1,134 @@
+/**
+ * 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.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTriggerKeydown", {
+    enumerable: true,
+    get: function() {
+        return useTriggerKeydown;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+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 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 = (0, _reacttabster.useSetKeyboardNavigation)();
+    return (0, _reactutilities.useEventCallback)((e)=>{
+        const action = (0, _dropdownKeyActions.getDropdownActionFromKey)(e, {
+            open,
+            multiselect,
+            isInLastPosition
+        });
+        const activeOption = getActiveOption();
+        const firstOption = activeDescendantController.first({
+            passive: true
+        });
+        switch(action){
+            case 'Last':
+            case 'First':
+            case 'PageDown':
+            case 'PageUp':
+            case 'CloseSelect':
+            case 'Select':
+                e.preventDefault();
+                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 === null || activeOption === void 0 ? void 0 : activeOption.id) === firstOption) {
+                    blur();
+                    e.preventDefault();
+                } else if (activeOption) {
+                    e.preventDefault();
+                }
+                break;
+            case 'Next':
+                e.preventDefault();
+                break;
+        }
+        setKeyboardNavigation(true);
+        switch(action){
+            case 'First':
+                first();
+                break;
+            case 'Last':
+                last();
+                break;
+            case 'Next':
+                next(activeOption);
+                break;
+            case 'Previous':
+                if (activeOption && activeOption.id !== firstOption) {
+                    previous(activeOption);
+                } else {
+                    blur();
+                }
+                break;
+            case 'PageDown':
+                pageDown();
+                break;
+            case 'PageUp':
+                pageUp();
+                break;
+            case 'CloseSelect':
+                if (!multiselect && !(activeOption === null || activeOption === void 0 ? void 0 : activeOption.disabled)) {
+                    blur();
+                }
+            // fallthrough
+            case 'Select':
+                activeOption && selectOption(e, activeOption);
+                break;
+            case 'Tab':
+                !multiselect && activeOption && selectOption(e, activeOption);
+                break;
+        }
+    });
+} //# sourceMappingURL=useTriggerKeyDown.js.map

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

@@ -0,0 +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"}

package/lib-commonjs/index.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptListbox: function() {
+        return _PromptListbox.PromptListbox;
+    },
+    TextCursorPositionPlugin: function() {
+        return _TextCursorPositionPlugin.TextCursorPositionPlugin;
+    },
+    promptListboxClassNames: function() {
+        return _PromptListbox.promptListboxClassNames;
+    },
+    renderPromptListbox_unstable: function() {
+        return _PromptListbox.renderPromptListbox_unstable;
+    },
+    usePromptListboxFunctionality: function() {
+        return _usePromptListboxFunctionality.usePromptListboxFunctionality;
+    },
+    usePromptListboxStyles_unstable: function() {
+        return _PromptListbox.usePromptListboxStyles_unstable;
+    },
+    usePromptListbox_unstable: function() {
+        return _PromptListbox.usePromptListbox_unstable;
+    }
+});
+const _PromptListbox = require("./PromptListbox");
+const _usePromptListboxFunctionality = require("./components/utils/usePromptListboxFunctionality");
+const _TextCursorPositionPlugin = require("./plugins/TextCursorPositionPlugin");
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +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"],"names":["PromptListbox","TextCursorPositionPlugin","promptListboxClassNames","renderPromptListbox_unstable","usePromptListboxFunctionality","usePromptListboxStyles_unstable","usePromptListbox_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,aAAa;eAAbA,4BAAa;;IAgBNC,wBAAwB;eAAxBA,kDAAwB;;IAf/BC,uBAAuB;eAAvBA,sCAAuB;;IACvBC,4BAA4B;eAA5BA,2CAA4B;;IAKrBC,6BAA6B;eAA7BA,4DAA6B;;IAJpCC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;;+BACpB;+CAEuC;0CASL"}

package/lib-commonjs/plugins/TextCursorPositionPlugin.js

@@ -0,0 +1,52 @@
+"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

@@ -0,0 +1 @@
+{"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"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@fluentui-copilot/react-prompt-listbox",
+  "version": "0.0.0-nightly-20240719-0406-ee8d99d6.1",
+  "description": "PromptListbox for input components using EditorInput.",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "./dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentai"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@fluentui-copilot/chat-input-plugins": "0.0.0-nightly-20240719-0406-ee8d99d6.1",
+    "@fluentui-copilot/react-chat-input-plugins": "0.0.0-nightly-20240719-0406-ee8d99d6.1",
+    "@fluentui-copilot/react-editor-input": "0.0.0-nightly-20240719-0406-ee8d99d6.1",
+    "@fluentui-copilot/react-provider": "0.0.0-nightly-20240719-0406-ee8d99d6.1",
+    "@fluentui-copilot/react-text-editor": "0.0.0-nightly-20240719-0406-ee8d99d6.1",
+    "@fluentui-copilot/text-editor": "0.0.0-nightly-20240719-0406-ee8d99d6.1",
+    "@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-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",
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.9.8 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
+  },
+  "beachball": {},
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  }
+}