@fluentui-copilot/react-chat-input-plugins 0.0.0-nightly-20250708-0404-c05494d1.1 → 0.0.0-nightly-20250708-1433-52f2b6b1.1

package/lib/components/GhostText/useGhostTextStyles.styles.raw.js

@@ -0,0 +1,35 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const ghostTextClassNames = {
+    root: 'fai-GhostText',
+    indicator: 'fai-GhostText__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        color: tokens.colorNeutralForeground4,
+        whiteSpace: 'pre-wrap',
+        gap: tokens.spacingHorizontalXS
+    },
+    indicator: {
+        ...typographyStyles.caption2Strong,
+        color: tokens.colorNeutralForeground3,
+        backgroundColor: tokens.colorNeutralBackground5,
+        padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,
+        borderRadius: tokens.borderRadiusSmall,
+        marginLeft: tokens.spacingHorizontalXS,
+        merginRight: tokens.spacingHorizontalXS
+    }
+});
+/**
+ * Apply styling to the GhostText slots based on the state
+ */ export const useGhostTextStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = mergeClasses(ghostTextClassNames.indicator, styles.indicator, state.indicator.className);
+    }
+    return state;
+};

package/lib/components/GhostText/useGhostTextStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { GhostTextSlots, GhostTextState } from './GhostText.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const ghostTextClassNames: SlotClassNames<GhostTextSlots> = {\n  root: 'fai-GhostText',\n  indicator: 'fai-GhostText__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground4,\n    whiteSpace: 'pre-wrap',\n    gap: tokens.spacingHorizontalXS,\n  },\n\n  indicator: {\n    ...typographyStyles.caption2Strong,\n    color: tokens.colorNeutralForeground3,\n    backgroundColor: tokens.colorNeutralBackground5,\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,\n    borderRadius: tokens.borderRadiusSmall,\n    marginLeft: tokens.spacingHorizontalXS,\n    merginRight: tokens.spacingHorizontalXS,\n  },\n});\n\n/**\n * Apply styling to the GhostText slots based on the state\n */\nexport const useGhostTextStyles_unstable = (state: GhostTextState): GhostTextState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      ghostTextClassNames.indicator,\n      styles.indicator,\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","ghostTextClassNames","root","indicator","useStyles","color","colorNeutralForeground4","whiteSpace","gap","spacingHorizontalXS","caption2Strong","colorNeutralForeground3","backgroundColor","colorNeutralBackground5","padding","spacingVerticalNone","spacingHorizontalSNudge","borderRadius","borderRadiusSmall","marginLeft","merginRight","useGhostTextStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,OAAON,OAAOO,uBAAuB;QACrCC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;IACjC;IAEAN,WAAW;QACT,GAAGH,iBAAiBU,cAAc;QAClCL,OAAON,OAAOY,uBAAuB;QACrCC,iBAAiBb,OAAOc,uBAAuB;QAC/CC,SAAS,CAAC,EAAEf,OAAOgB,mBAAmB,CAAC,CAAC,EAAEhB,OAAOiB,uBAAuB,CAAC,CAAC;QAC1EC,cAAclB,OAAOmB,iBAAiB;QACtCC,YAAYpB,OAAOU,mBAAmB;QACtCW,aAAarB,OAAOU,mBAAmB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMY,8BAA8B,CAACC;IAC1C;IAEA,MAAMC,SAASnB;IACfkB,MAAMpB,IAAI,CAACsB,SAAS,GAAG1B,aAAaG,oBAAoBC,IAAI,EAAEqB,OAAOrB,IAAI,EAAEoB,MAAMpB,IAAI,CAACsB,SAAS;IAE/F,IAAIF,MAAMnB,SAAS,EAAE;QACnBmB,MAAMnB,SAAS,CAACqB,SAAS,GAAG1B,aAC1BG,oBAAoBE,SAAS,EAC7BoB,OAAOpB,SAAS,EAChBmB,MAAMnB,SAAS,CAACqB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}

package/lib/index.js

@@ -4,4 +4,3 @@ export { ChatInputToken, ChatInputTokenNode, chatInputTokenClassNames, renderCha
 export { BasicFunctionalityPlugin } from './BasicFunctionality';
 export { ImperativeControlPlugin } from './ImperativeControl';
 export { PasteUnfurlingPlugin } from './PasteUnfurling';
-//# sourceMappingURL=index.js.map

package/lib/plugins/BasicFunctionality/BasicFunctionality.js

@@ -2,46 +2,57 @@ import * as React from 'react';
 import { useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';
 import { useIsomorphicLayoutEffect } from '@fluentui/react-components';
 import { BasicFunctionalityBase } from '@fluentui-copilot/chat-input-plugins';
-export const BasicFunctionalityPlugin = React.forwardRef((props, ref) => {
-  const {
-    trimWhitespace,
-    onCountChanged,
-    onContentChange,
-    onPaste,
-    isSentinelNodeEnabled
-  } = props;
-  const [editor] = useLexicalComposerContext();
-  const [basicFunctionalityImpl, setBasicFunctionalityImpl] = React.useState(null);
-  useIsomorphicLayoutEffect(() => {
-    setBasicFunctionalityImpl(new BasicFunctionalityBase(editor, isSentinelNodeEnabled));
-    return () => {
-      setBasicFunctionalityImpl(prev => {
-        prev === null || prev === void 0 ? void 0 : prev.cleanup();
-        return null;
-      });
-    };
-  }, [editor, isSentinelNodeEnabled]);
-  React.useImperativeHandle(ref, () => ({
-    setIsDisabled(isDisabled) {
-      basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.setIsDisabled(isDisabled);
-    }
-  }), [basicFunctionalityImpl]);
-  React.useEffect(() => {
-    basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activateContentCallbacks(onContentChange, onCountChanged);
-    return () => basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivateContentCallbacks();
-  }, [basicFunctionalityImpl, editor, onContentChange, onCountChanged]);
-  React.useEffect(() => {
-    if (onPaste) {
-      basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activatePasteCallback(onPaste);
-    }
-    return () => basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivatePasteCallback();
-  }, [basicFunctionalityImpl, editor, onPaste]);
-  React.useEffect(() => {
-    if (trimWhitespace) {
-      basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activateTrimWhitespace();
-    }
-    return () => basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivateTrimWhitespace();
-  }, [basicFunctionalityImpl, editor, trimWhitespace]);
-  return null;
+export const BasicFunctionalityPlugin = React.forwardRef((props, ref)=>{
+    const { trimWhitespace, onCountChanged, onContentChange, onPaste, isSentinelNodeEnabled } = props;
+    const [editor] = useLexicalComposerContext();
+    const [basicFunctionalityImpl, setBasicFunctionalityImpl] = React.useState(null);
+    useIsomorphicLayoutEffect(()=>{
+        setBasicFunctionalityImpl(new BasicFunctionalityBase(editor, isSentinelNodeEnabled));
+        return ()=>{
+            setBasicFunctionalityImpl((prev)=>{
+                prev === null || prev === void 0 ? void 0 : prev.cleanup();
+                return null;
+            });
+        };
+    }, [
+        editor,
+        isSentinelNodeEnabled
+    ]);
+    React.useImperativeHandle(ref, ()=>({
+            setIsDisabled (isDisabled) {
+                basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.setIsDisabled(isDisabled);
+            }
+        }), [
+        basicFunctionalityImpl
+    ]);
+    React.useEffect(()=>{
+        basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activateContentCallbacks(onContentChange, onCountChanged);
+        return ()=>basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivateContentCallbacks();
+    }, [
+        basicFunctionalityImpl,
+        editor,
+        onContentChange,
+        onCountChanged
+    ]);
+    React.useEffect(()=>{
+        if (onPaste) {
+            basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activatePasteCallback(onPaste);
+        }
+        return ()=>basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivatePasteCallback();
+    }, [
+        basicFunctionalityImpl,
+        editor,
+        onPaste
+    ]);
+    React.useEffect(()=>{
+        if (trimWhitespace) {
+            basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activateTrimWhitespace();
+        }
+        return ()=>basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivateTrimWhitespace();
+    }, [
+        basicFunctionalityImpl,
+        editor,
+        trimWhitespace
+    ]);
+    return null;
 });
-//# sourceMappingURL=BasicFunctionality.js.map

package/lib/plugins/BasicFunctionality/index.js

@@ -1,2 +1 @@
 export { BasicFunctionalityPlugin } from './BasicFunctionality';
-//# sourceMappingURL=index.js.map

package/lib/plugins/ChatInputEntity/ChatInputEntity.node.js

@@ -3,77 +3,76 @@ import * as React from 'react';
 import { DecoratorNode } from '@fluentui-copilot/text-editor';
 import { ChatInputEntity } from '../../ChatInputEntity';
 export class ChatInputEntityNode extends DecoratorNode {
-  static getType() {
-    return 'entity';
-  }
-  static clone(node) {
-    return new ChatInputEntityNode(node.__pluginId, node.__text, node.__data, node.__entityProps, node.__key);
-  }
-  static importJSON(serializedNode) {
-    return $createChatInputEntityNode(serializedNode.pluginId, serializedNode.text, serializedNode.data, serializedNode.entityProps);
-  }
-  isIsolated() {
-    return true;
-  }
-  isInline() {
-    return true;
-  }
-  getTextContent() {
-    return this.__text;
-  }
-  exportJSON() {
-    return {
-      pluginId: this.__pluginId,
-      text: this.__text,
-      data: this.__data,
-      entityProps: this.__entityProps,
-      type: ChatInputEntityNode.getType(),
-      version: 1
-    };
-  }
-  createDOM() {
-    // eslint-disable-next-line no-restricted-globals
-    return document.createElement('span');
-  }
-  updateDOM() {
-    return false;
-  }
-  decorate(_editor, config) {
-    var _this___entityProps;
-    if ((_this___entityProps = this.__entityProps) === null || _this___entityProps === void 0 ? void 0 : _this___entityProps.children) {
-      return /*#__PURE__*/React.createElement(ChatInputEntity, this.__entityProps);
+    static getType() {
+        return 'entity';
+    }
+    static clone(node) {
+        return new ChatInputEntityNode(node.__pluginId, node.__text, node.__data, node.__entityProps, node.__key);
+    }
+    static importJSON(serializedNode) {
+        return $createChatInputEntityNode(serializedNode.pluginId, serializedNode.text, serializedNode.data, serializedNode.entityProps);
+    }
+    isIsolated() {
+        return true;
+    }
+    isInline() {
+        return true;
+    }
+    getTextContent() {
+        return this.__text;
+    }
+    exportJSON() {
+        return {
+            pluginId: this.__pluginId,
+            text: this.__text,
+            data: this.__data,
+            entityProps: this.__entityProps,
+            type: ChatInputEntityNode.getType(),
+            version: 1
+        };
+    }
+    createDOM() {
+        // eslint-disable-next-line no-restricted-globals
+        return document.createElement('span');
+    }
+    updateDOM() {
+        return false;
+    }
+    decorate(_editor, config) {
+        var _this___entityProps;
+        if ((_this___entityProps = this.__entityProps) === null || _this___entityProps === void 0 ? void 0 : _this___entityProps.children) {
+            return /*#__PURE__*/ React.createElement(ChatInputEntity, this.__entityProps);
+        }
+        return /*#__PURE__*/ React.createElement(ChatInputEntity, this.__entityProps, this.__text);
+    }
+    getEntityData() {
+        return {
+            text: this.__text,
+            data: this.__data,
+            entityProps: this.__entityProps
+        };
+    }
+    updateEntityData(data) {
+        const writable = this.getWritable();
+        writable.__text = data.text;
+        writable.__data = data.data;
+        writable.__entityProps = data.entityProps;
+    }
+    constructor(pluginId, text, data, entityProps, key){
+        super(key);
+        _define_property(this, "__pluginId", void 0);
+        _define_property(this, "__text", void 0);
+        _define_property(this, "__entityProps", void 0);
+        _define_property(this, "__data", void 0);
+        this.__pluginId = pluginId;
+        this.__text = text;
+        this.__data = data;
+        this.__entityProps = entityProps;
     }
-    return /*#__PURE__*/React.createElement(ChatInputEntity, this.__entityProps, this.__text);
-  }
-  getEntityData() {
-    return {
-      text: this.__text,
-      data: this.__data,
-      entityProps: this.__entityProps
-    };
-  }
-  updateEntityData(data) {
-    const writable = this.getWritable();
-    writable.__text = data.text;
-    writable.__data = data.data;
-    writable.__entityProps = data.entityProps;
-  }
-  constructor(pluginId, text, data, entityProps, key) {
-    super(key);
-    _define_property(this, "__pluginId", void 0);
-    _define_property(this, "__text", void 0);
-    _define_property(this, "__entityProps", void 0);
-    _define_property(this, "__data", void 0);
-    this.__pluginId = pluginId;
-    this.__text = text;
-    this.__data = data;
-    this.__entityProps = entityProps;
-  }
 }
 export function $createChatInputEntityNode(pluginId, text, data, entityProps, key) {
-  return new ChatInputEntityNode(pluginId, text, data, entityProps, key);
+    return new ChatInputEntityNode(pluginId, text, data, entityProps, key);
 }
 export function $isChatInputEntityNode(node) {
-  return node instanceof ChatInputEntityNode;
+    return node instanceof ChatInputEntityNode;
 }
-//# sourceMappingURL=ChatInputEntity.node.js.map

package/lib/plugins/ChatInputEntity/ChatInputEntityPlugin.js

@@ -2,42 +2,41 @@ import { useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';
 import * as React from 'react';
 import { $createChatInputEntityNode, $isChatInputEntityNode, ChatInputEntityNode } from './ChatInputEntity.node';
 import { ChatInputEntityPluginBase } from '@fluentui-copilot/chat-input-plugins';
-export const ChatInputEntityPlugin = props => {
-  const {
-    id,
-    controlRef,
-    onChatInputEntityAdded,
-    onChatInputEntityDeleted,
-    skipInitialization
-  } = props;
-  const [editor] = useLexicalComposerContext();
-  const chatInputEntityPluginBase = React.useRef(null);
-  React.useEffect(() => {
-    chatInputEntityPluginBase.current = new ChatInputEntityPluginBase(editor, id, ChatInputEntityNode, $createChatInputEntityNode, $isChatInputEntityNode, onChatInputEntityAdded, onChatInputEntityDeleted);
-    return () => {
-      var _chatInputEntityPluginBase_current;
-      return (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.cleanup();
-    };
-  }, [editor, id, onChatInputEntityAdded, onChatInputEntityDeleted, skipInitialization]);
-  React.useImperativeHandle(controlRef, () => ({
-    insertChatInputEntity(props) {
-      var _chatInputEntityPluginBase_current;
-      return (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.insertChatInputEntity(props);
-    },
-    getActiveEntities() {
-      var _chatInputEntityPluginBase_current;
-      var _chatInputEntityPluginBase_current_getActiveEntities;
-      return (_chatInputEntityPluginBase_current_getActiveEntities = (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.getActiveEntities()) !== null && _chatInputEntityPluginBase_current_getActiveEntities !== void 0 ? _chatInputEntityPluginBase_current_getActiveEntities : [];
-    },
-    removeChatInputEntity(keyOrPredicate) {
-      var _chatInputEntityPluginBase_current;
-      (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.removeChatInputEntity(keyOrPredicate);
-    },
-    updateChatInputEntityProps(keyOrPredicate, props) {
-      var _chatInputEntityPluginBase_current;
-      (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.updateChatInputEntityProps(keyOrPredicate, props);
-    }
-  }), []);
-  return null;
+export const ChatInputEntityPlugin = (props)=>{
+    const { id, controlRef, onChatInputEntityAdded, onChatInputEntityDeleted, skipInitialization } = props;
+    const [editor] = useLexicalComposerContext();
+    const chatInputEntityPluginBase = React.useRef(null);
+    React.useEffect(()=>{
+        chatInputEntityPluginBase.current = new ChatInputEntityPluginBase(editor, id, ChatInputEntityNode, $createChatInputEntityNode, $isChatInputEntityNode, onChatInputEntityAdded, onChatInputEntityDeleted);
+        return ()=>{
+            var _chatInputEntityPluginBase_current;
+            return (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.cleanup();
+        };
+    }, [
+        editor,
+        id,
+        onChatInputEntityAdded,
+        onChatInputEntityDeleted,
+        skipInitialization
+    ]);
+    React.useImperativeHandle(controlRef, ()=>({
+            insertChatInputEntity (props) {
+                var _chatInputEntityPluginBase_current;
+                return (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.insertChatInputEntity(props);
+            },
+            getActiveEntities () {
+                var _chatInputEntityPluginBase_current;
+                var _chatInputEntityPluginBase_current_getActiveEntities;
+                return (_chatInputEntityPluginBase_current_getActiveEntities = (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.getActiveEntities()) !== null && _chatInputEntityPluginBase_current_getActiveEntities !== void 0 ? _chatInputEntityPluginBase_current_getActiveEntities : [];
+            },
+            removeChatInputEntity (keyOrPredicate) {
+                var _chatInputEntityPluginBase_current;
+                (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.removeChatInputEntity(keyOrPredicate);
+            },
+            updateChatInputEntityProps (keyOrPredicate, props) {
+                var _chatInputEntityPluginBase_current;
+                (_chatInputEntityPluginBase_current = chatInputEntityPluginBase.current) === null || _chatInputEntityPluginBase_current === void 0 ? void 0 : _chatInputEntityPluginBase_current.updateChatInputEntityProps(keyOrPredicate, props);
+            }
+        }), []);
+    return null;
 };
-//# sourceMappingURL=ChatInputEntityPlugin.js.map

package/lib/plugins/ChatInputEntity/ChatInputEntityPlugin.types.js

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

package/lib/plugins/ChatInputEntity/index.js

@@ -1,3 +1,2 @@
 export { $createChatInputEntityNode, $isChatInputEntityNode, ChatInputEntityNode } from './ChatInputEntity.node';
 export { ChatInputEntityPlugin } from './ChatInputEntityPlugin';
-//# sourceMappingURL=index.js.map

package/lib/plugins/GhostText/GhostText.js

@@ -4,41 +4,47 @@ import { $createGhostTextNode } from '../../GhostText';
 import { GhostTextNode } from './GhostText.node';
 import { GhostTextPluginBase } from '@fluentui-copilot/chat-input-plugins';
 export function GhostTextPlugin(props) {
-  'use no memo';
-
-  const {
-    $getGhostText,
-    id,
-    ghostTextProps,
-    exposeText,
-    allowCompletion
-  } = props;
-  const [editor] = useLexicalComposerContext();
-  const [ghostTextBase, setGhostTextBase] = React.useState(null);
-  React.useEffect(() => {
-    setGhostTextBase(new GhostTextPluginBase(editor, id, $getGhostText, GhostTextNode, $createGhostTextNode, ghostTextProps, exposeText, allowCompletion));
-    return () => {
-      setGhostTextBase(prev => {
-        prev === null || prev === void 0 ? void 0 : prev.cleanup();
-        return null;
-      });
-    };
-  },
-  // We can update $getGhostText, $createGhostTextNode, ghostTextProps, exposeText, and allowCompletion without remounting
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [editor, id]);
-  React.useEffect(() => {
-    ghostTextBase === null || ghostTextBase === void 0 ? void 0 : ghostTextBase.setAllowCompletion(allowCompletion);
-  }, [allowCompletion, ghostTextBase]);
-  React.useEffect(() => {
-    ghostTextBase === null || ghostTextBase === void 0 ? void 0 : ghostTextBase.setComponentProps(ghostTextProps);
-  }, [ghostTextBase, ghostTextProps]);
-  React.useEffect(() => {
-    ghostTextBase === null || ghostTextBase === void 0 ? void 0 : ghostTextBase.setExposeText(exposeText);
-  }, [exposeText, ghostTextBase]);
-  React.useEffect(() => {
-    ghostTextBase === null || ghostTextBase === void 0 ? void 0 : ghostTextBase.setGetGhostText($getGhostText);
-  }, [$getGhostText, ghostTextBase]);
-  return null;
+    'use no memo';
+    const { $getGhostText, id, ghostTextProps, exposeText, allowCompletion } = props;
+    const [editor] = useLexicalComposerContext();
+    const [ghostTextBase, setGhostTextBase] = React.useState(null);
+    React.useEffect(()=>{
+        setGhostTextBase(new GhostTextPluginBase(editor, id, $getGhostText, GhostTextNode, $createGhostTextNode, ghostTextProps, exposeText, allowCompletion));
+        return ()=>{
+            setGhostTextBase((prev)=>{
+                prev === null || prev === void 0 ? void 0 : prev.cleanup();
+                return null;
+            });
+        };
+    }, // We can update $getGhostText, $createGhostTextNode, ghostTextProps, exposeText, and allowCompletion without remounting
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        editor,
+        id
+    ]);
+    React.useEffect(()=>{
+        ghostTextBase === null || ghostTextBase === void 0 ? void 0 : ghostTextBase.setAllowCompletion(allowCompletion);
+    }, [
+        allowCompletion,
+        ghostTextBase
+    ]);
+    React.useEffect(()=>{
+        ghostTextBase === null || ghostTextBase === void 0 ? void 0 : ghostTextBase.setComponentProps(ghostTextProps);
+    }, [
+        ghostTextBase,
+        ghostTextProps
+    ]);
+    React.useEffect(()=>{
+        ghostTextBase === null || ghostTextBase === void 0 ? void 0 : ghostTextBase.setExposeText(exposeText);
+    }, [
+        exposeText,
+        ghostTextBase
+    ]);
+    React.useEffect(()=>{
+        ghostTextBase === null || ghostTextBase === void 0 ? void 0 : ghostTextBase.setGetGhostText($getGhostText);
+    }, [
+        $getGhostText,
+        ghostTextBase
+    ]);
+    return null;
 }
-//# sourceMappingURL=GhostText.js.map

package/lib/plugins/GhostText/GhostText.node.js

@@ -3,65 +3,64 @@ import * as React from 'react';
 import { DecoratorNode } from '@fluentui-copilot/text-editor';
 import { GhostText } from '../../components/GhostText/GhostText';
 export class GhostTextNode extends DecoratorNode {
-  static clone(node) {
-    return new GhostTextNode(node.__id, node.__content, node.__exposeText, node.__componentProps, node.__key);
-  }
-  static getType() {
-    return 'ghosttext';
-  }
-  static importJSON(serializedNode) {
-    const node = $createGhostTextNode(serializedNode.id, serializedNode.content, serializedNode.exposeText, serializedNode.componentProps);
-    return node;
-  }
-  exportJSON() {
-    return {
-      type: 'ghosttext',
-      id: this.__id,
-      content: this.__content,
-      componentProps: this.__componentProps,
-      exposeText: this.__exposeText,
-      version: 1
-    };
-  }
-  isInline() {
-    return true;
-  }
-  isIsolated() {
-    return true;
-  }
-  getTextContent() {
-    return this.__exposeText ? this.__content : '';
-  }
-  updateDOM(prevNode, dom, config) {
-    return false;
-  }
-  createDOM(config) {
-    // eslint-disable-next-line no-restricted-globals
-    return document.createElement('span');
-  }
-  decorate() {
-    return /*#__PURE__*/React.createElement(GhostText, {
-      nodeKey: this.getKey(),
-      ...this.__componentProps
-    }, this.__content);
-  }
-  constructor(id, content, exposeText, componentProps, key) {
-    super(key);
-    _define_property(this, "__content", void 0);
-    _define_property(this, "__id", void 0);
-    _define_property(this, "__allowCommitting", void 0);
-    _define_property(this, "__componentProps", void 0);
-    _define_property(this, "__exposeText", void 0);
-    this.__id = id;
-    this.__content = content;
-    this.__exposeText = exposeText;
-    this.__componentProps = componentProps;
-  }
+    static clone(node) {
+        return new GhostTextNode(node.__id, node.__content, node.__exposeText, node.__componentProps, node.__key);
+    }
+    static getType() {
+        return 'ghosttext';
+    }
+    static importJSON(serializedNode) {
+        const node = $createGhostTextNode(serializedNode.id, serializedNode.content, serializedNode.exposeText, serializedNode.componentProps);
+        return node;
+    }
+    exportJSON() {
+        return {
+            type: 'ghosttext',
+            id: this.__id,
+            content: this.__content,
+            componentProps: this.__componentProps,
+            exposeText: this.__exposeText,
+            version: 1
+        };
+    }
+    isInline() {
+        return true;
+    }
+    isIsolated() {
+        return true;
+    }
+    getTextContent() {
+        return this.__exposeText ? this.__content : '';
+    }
+    updateDOM(prevNode, dom, config) {
+        return false;
+    }
+    createDOM(config) {
+        // eslint-disable-next-line no-restricted-globals
+        return document.createElement('span');
+    }
+    decorate() {
+        return /*#__PURE__*/ React.createElement(GhostText, {
+            nodeKey: this.getKey(),
+            ...this.__componentProps
+        }, this.__content);
+    }
+    constructor(id, content, exposeText, componentProps, key){
+        super(key);
+        _define_property(this, "__content", void 0);
+        _define_property(this, "__id", void 0);
+        _define_property(this, "__allowCommitting", void 0);
+        _define_property(this, "__componentProps", void 0);
+        _define_property(this, "__exposeText", void 0);
+        this.__id = id;
+        this.__content = content;
+        this.__exposeText = exposeText;
+        this.__componentProps = componentProps;
+    }
 }
 export function $createGhostTextNode(id, content, exposeText, componentProps) {
-  return new GhostTextNode(id, content, exposeText, componentProps);
+    return new GhostTextNode(id, content, exposeText, componentProps);
 }
 export function $isGhostTextNode(node) {
-  return node instanceof GhostTextNode;
+    return node instanceof GhostTextNode;
 }
-//# sourceMappingURL=GhostText.node.js.map

package/lib/plugins/GhostText/index.js

@@ -1,3 +1,2 @@
 export { GhostTextPlugin } from './GhostText';
 export { $createGhostTextNode, $isGhostTextNode, GhostTextNode } from './GhostText.node';
-//# sourceMappingURL=index.js.map

package/lib/plugins/ImperativeControl/ImperativeControl.js

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { ImperativeControlBase } from '@fluentui-copilot/chat-input-plugins';
 import { useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';
-export const ImperativeControlPlugin = /*#__PURE__*/React.forwardRef((_props, ref) => {
-  const [editor] = useLexicalComposerContext();
-  React.useImperativeHandle(ref, () => new ImperativeControlBase(editor), [editor]);
-  return null;
+export const ImperativeControlPlugin = /*#__PURE__*/ React.forwardRef((_props, ref)=>{
+    const [editor] = useLexicalComposerContext();
+    React.useImperativeHandle(ref, ()=>new ImperativeControlBase(editor), [
+        editor
+    ]);
+    return null;
 });
-//# sourceMappingURL=ImperativeControl.js.map

package/lib/plugins/ImperativeControl/index.js

@@ -1,2 +1 @@
 export { ImperativeControlPlugin } from './ImperativeControl';
-//# sourceMappingURL=index.js.map