@fluentui-copilot/react-chat-input-plugins 0.4.10-hotfix.1 → 0.4.10-hotfix.2

package/lib/components/GhostText/useGhostText.js

@@ -10,40 +10,43 @@ import { $getNodeByKey, useLexicalComposerContext } from '@fluentui-copilot/reac
  *
  * @param props - props from this instance of GhostText
  * @param ref - reference to root HTMLElement of GhostText
- */ export const useGhostText_unstable = (props, ref)=>{
-    const { nodeKey, onClick, ...rest } = props;
-    const [editor] = useLexicalComposerContext();
-    const handleClick = React.useCallback((_ev)=>{
-        if (!nodeKey) {
-            return;
-        }
-        editor.update(()=>{
-            var _node_getPreviousSibling;
-            const node = $getNodeByKey(nodeKey);
-            node === null || node === void 0 ? void 0 : (_node_getPreviousSibling = node.getPreviousSibling()) === null || _node_getPreviousSibling === void 0 ? void 0 : _node_getPreviousSibling.selectEnd();
-        }, {
-            tag: 'historic'
-        });
-    }, [
-        editor,
-        nodeKey
-    ]);
-    const mergedOnClick = mergeCallbacks(handleClick, onClick);
-    const state = {
-        components: {
-            root: 'span',
-            indicator: 'span'
-        },
-        root: slot.always(getIntrinsicElementProps('span', {
-            ref,
-            onClick: mergedOnClick,
-            ...rest
-        }), {
-            elementType: 'span'
-        }),
-        indicator: slot.optional(props.indicator, {
-            elementType: 'span'
-        })
-    };
-    return state;
+ */
+export const useGhostText_unstable = (props, ref) => {
+  const {
+    nodeKey,
+    onClick,
+    ...rest
+  } = props;
+  const [editor] = useLexicalComposerContext();
+  const handleClick = React.useCallback(_ev => {
+    if (!nodeKey) {
+      return;
+    }
+    editor.update(() => {
+      var _node_getPreviousSibling;
+      const node = $getNodeByKey(nodeKey);
+      node === null || node === void 0 ? void 0 : (_node_getPreviousSibling = node.getPreviousSibling()) === null || _node_getPreviousSibling === void 0 ? void 0 : _node_getPreviousSibling.selectEnd();
+    }, {
+      tag: 'historic'
+    });
+  }, [editor, nodeKey]);
+  const mergedOnClick = mergeCallbacks(handleClick, onClick);
+  const state = {
+    components: {
+      root: 'span',
+      indicator: 'span'
+    },
+    root: slot.always(getIntrinsicElementProps('span', {
+      ref,
+      onClick: mergedOnClick,
+      ...rest
+    }), {
+      elementType: 'span'
+    }),
+    indicator: slot.optional(props.indicator, {
+      elementType: 'span'
+    })
+  };
+  return state;
 };
+//# sourceMappingURL=useGhostText.js.map

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

@@ -1,35 +1,39 @@
 import { makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const ghostTextClassNames = {
-    root: 'fai-GhostText',
-    indicator: 'fai-GhostText__indicator'
+  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
-    }
+ */
+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;
+ */
+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;
 };
+//# sourceMappingURL=useGhostTextStyles.styles.raw.js.map

package/lib/index.js

@@ -4,3 +4,4 @@ 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,71 +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 { defaultValue, 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
-    ]);
-    const setDefaultValue = React.useRef(false);
-    // useIsomorphicLayoutEffect is used to avoid flickering on first render
-    useIsomorphicLayoutEffect(()=>{
-        if (basicFunctionalityImpl && !setDefaultValue.current) {
-            if (defaultValue) {
-                basicFunctionalityImpl.insertDefaultValue(defaultValue);
-            }
-            setDefaultValue.current = true;
-        }
-    }, [
-        basicFunctionalityImpl,
-        defaultValue,
-        editor
-    ]);
-    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 {
+    defaultValue,
+    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]);
+  const setDefaultValue = React.useRef(false);
+  // useIsomorphicLayoutEffect is used to avoid flickering on first render
+  useIsomorphicLayoutEffect(() => {
+    if (basicFunctionalityImpl && !setDefaultValue.current) {
+      if (defaultValue) {
+        basicFunctionalityImpl.insertDefaultValue(defaultValue);
+      }
+      setDefaultValue.current = true;
+    }
+  }, [basicFunctionalityImpl, defaultValue, editor]);
+  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 +1,2 @@
 export { BasicFunctionalityPlugin } from './BasicFunctionality';
+//# sourceMappingURL=index.js.map

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

@@ -3,76 +3,77 @@ 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);
-        }
-        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;
+  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;
+  }
 }
 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,41 +2,42 @@ 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 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=ChatInputEntityPlugin.types.js.map

package/lib/plugins/ChatInputEntity/index.js

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

package/lib/plugins/GhostText/GhostText.js

@@ -4,47 +4,41 @@ 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