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

package/lib/components/GhostText/useGhostText.js

@@ -10,43 +10,40 @@ 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

@@ -0,0 +1,35 @@
+import { makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
+import { tokens } 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, typographyStyles } from '@fluentui/react-components';\nimport { tokens } 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","typographyStyles","tokens","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,EAAEC,gBAAgB,QAAQ,6BAA6B;AACxF,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,OAAOL,OAAOM,uBAAuB;QACrCC,YAAY;QACZC,KAAKR,OAAOS,mBAAmB;IACjC;IAEAN,WAAW;QACT,GAAGJ,iBAAiBW,cAAc;QAClCL,OAAOL,OAAOW,uBAAuB;QACrCC,iBAAiBZ,OAAOa,uBAAuB;QAC/CC,SAAS,CAAC,EAAEd,OAAOe,mBAAmB,CAAC,CAAC,EAAEf,OAAOgB,uBAAuB,CAAC,CAAC;QAC1EC,cAAcjB,OAAOkB,iBAAiB;QACtCC,YAAYnB,OAAOS,mBAAmB;QACtCW,aAAapB,OAAOS,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,55 +2,71 @@ 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 (defaultValue && basicFunctionalityImpl && !setDefaultValue.current) {
-      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/BasicFunctionality.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BasicFunctionality.ts"],"sourcesContent":["import * as React from 'react';\nimport { useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-components';\nimport type { IBasicFunctionalityBase } from '@fluentui-copilot/chat-input-plugins';\nimport { BasicFunctionalityBase } from '@fluentui-copilot/chat-input-plugins';\n\nexport type BasicFunctionalityPluginProps = {\n  defaultValue?: string;\n  // Whether or not to clear the input when only whitespace is remaining\n  trimWhitespace?: boolean;\n  onCountChanged?: (count: number) => void;\n  onContentChange?: (value: string) => void;\n  onPaste?: (event: ClipboardEvent) => void;\n  isSentinelNodeEnabled?: boolean;\n};\n\nexport type BasicFunctionalityPluginRef = {\n  setIsDisabled: (isDisabled: boolean) => void;\n};\n\nexport const BasicFunctionalityPlugin = React.forwardRef<BasicFunctionalityPluginRef, BasicFunctionalityPluginProps>(\n  (props, ref) => {\n    const { defaultValue, trimWhitespace, onCountChanged, onContentChange, onPaste, isSentinelNodeEnabled } = props;\n\n    const [editor] = useLexicalComposerContext();\n\n    const [basicFunctionalityImpl, setBasicFunctionalityImpl] = React.useState<IBasicFunctionalityBase | null>(null);\n\n    useIsomorphicLayoutEffect(() => {\n      setBasicFunctionalityImpl(new BasicFunctionalityBase(editor, isSentinelNodeEnabled));\n\n      return () => {\n        setBasicFunctionalityImpl(prev => {\n          prev?.cleanup();\n          return null;\n        });\n      };\n    }, [editor, isSentinelNodeEnabled]);\n\n    React.useImperativeHandle<BasicFunctionalityPluginRef, BasicFunctionalityPluginRef>(\n      ref,\n      () => ({\n        setIsDisabled(isDisabled: boolean) {\n          basicFunctionalityImpl?.setIsDisabled(isDisabled);\n        },\n      }),\n      [basicFunctionalityImpl],\n    );\n\n    const setDefaultValue = React.useRef(false);\n    // useIsomorphicLayoutEffect is used to avoid flickering on first render\n    useIsomorphicLayoutEffect(() => {\n      if (defaultValue && basicFunctionalityImpl && !setDefaultValue.current) {\n        basicFunctionalityImpl.insertDefaultValue(defaultValue);\n        setDefaultValue.current = true;\n      }\n    }, [basicFunctionalityImpl, defaultValue, editor]);\n\n    React.useEffect(() => {\n      basicFunctionalityImpl?.activateContentCallbacks(onContentChange, onCountChanged);\n      return () => basicFunctionalityImpl?.deactivateContentCallbacks();\n    }, [basicFunctionalityImpl, editor, onContentChange, onCountChanged]);\n\n    React.useEffect(() => {\n      if (onPaste) {\n        basicFunctionalityImpl?.activatePasteCallback(onPaste);\n      }\n      return () => basicFunctionalityImpl?.deactivatePasteCallback();\n    }, [basicFunctionalityImpl, editor, onPaste]);\n\n    React.useEffect(() => {\n      if (trimWhitespace) {\n        basicFunctionalityImpl?.activateTrimWhitespace();\n      }\n      return () => basicFunctionalityImpl?.deactivateTrimWhitespace();\n    }, [basicFunctionalityImpl, editor, trimWhitespace]);\n\n    return null;\n  },\n);\n"],"names":["React","useLexicalComposerContext","useIsomorphicLayoutEffect","BasicFunctionalityBase","BasicFunctionalityPlugin","forwardRef","props","ref","defaultValue","trimWhitespace","onCountChanged","onContentChange","onPaste","isSentinelNodeEnabled","editor","basicFunctionalityImpl","setBasicFunctionalityImpl","useState","prev","cleanup","useImperativeHandle","setIsDisabled","isDisabled","setDefaultValue","useRef","current","insertDefaultValue","useEffect","activateContentCallbacks","deactivateContentCallbacks","activatePasteCallback","deactivatePasteCallback","activateTrimWhitespace","deactivateTrimWhitespace"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,yBAAyB,QAAQ,6BAA6B;AAEvE,SAASC,sBAAsB,QAAQ,uCAAuC;AAgB9E,OAAO,MAAMC,2BAA2BJ,MAAMK,UAAU,CACtD,CAACC,OAAOC;IACN,MAAM,EAAEC,YAAY,EAAEC,cAAc,EAAEC,cAAc,EAAEC,eAAe,EAAEC,OAAO,EAAEC,qBAAqB,EAAE,GAAGP;IAE1G,MAAM,CAACQ,OAAO,GAAGb;IAEjB,MAAM,CAACc,wBAAwBC,0BAA0B,GAAGhB,MAAMiB,QAAQ,CAAiC;IAE3Gf,0BAA0B;QACxBc,0BAA0B,IAAIb,uBAAuBW,QAAQD;QAE7D,OAAO;YACLG,0BAA0BE,CAAAA;gBACxBA,iBAAAA,2BAAAA,KAAMC,OAAO;gBACb,OAAO;YACT;QACF;IACF,GAAG;QAACL;QAAQD;KAAsB;IAElCb,MAAMoB,mBAAmB,CACvBb,KACA,IAAO,CAAA;YACLc,eAAcC,UAAmB;gBAC/BP,mCAAAA,6CAAAA,uBAAwBM,aAAa,CAACC;YACxC;QACF,CAAA,GACA;QAACP;KAAuB;IAG1B,MAAMQ,kBAAkBvB,MAAMwB,MAAM,CAAC;IACrC,wEAAwE;IACxEtB,0BAA0B;QACxB,IAAIM,gBAAgBO,0BAA0B,CAACQ,gBAAgBE,OAAO,EAAE;YACtEV,uBAAuBW,kBAAkB,CAAClB;YAC1Ce,gBAAgBE,OAAO,GAAG;QAC5B;IACF,GAAG;QAACV;QAAwBP;QAAcM;KAAO;IAEjDd,MAAM2B,SAAS,CAAC;QACdZ,mCAAAA,6CAAAA,uBAAwBa,wBAAwB,CAACjB,iBAAiBD;QAClE,OAAO,IAAMK,mCAAAA,6CAAAA,uBAAwBc,0BAA0B;IACjE,GAAG;QAACd;QAAwBD;QAAQH;QAAiBD;KAAe;IAEpEV,MAAM2B,SAAS,CAAC;QACd,IAAIf,SAAS;YACXG,mCAAAA,6CAAAA,uBAAwBe,qBAAqB,CAAClB;QAChD;QACA,OAAO,IAAMG,mCAAAA,6CAAAA,uBAAwBgB,uBAAuB;IAC9D,GAAG;QAAChB;QAAwBD;QAAQF;KAAQ;IAE5CZ,MAAM2B,SAAS,CAAC;QACd,IAAIlB,gBAAgB;YAClBM,mCAAAA,6CAAAA,uBAAwBiB,sBAAsB;QAChD;QACA,OAAO,IAAMjB,mCAAAA,6CAAAA,uBAAwBkB,wBAAwB;IAC/D,GAAG;QAAClB;QAAwBD;QAAQL;KAAe;IAEnD,OAAO;AACT,GACA"}
+{"version":3,"sources":["BasicFunctionality.ts"],"sourcesContent":["import * as React from 'react';\nimport { useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-components';\nimport type { IBasicFunctionalityBase } from '@fluentui-copilot/chat-input-plugins';\nimport { BasicFunctionalityBase } from '@fluentui-copilot/chat-input-plugins';\n\nexport type BasicFunctionalityPluginProps = {\n  defaultValue?: string;\n  // Whether or not to clear the input when only whitespace is remaining\n  trimWhitespace?: boolean;\n  onCountChanged?: (count: number) => void;\n  onContentChange?: (value: string) => void;\n  onPaste?: (event: ClipboardEvent) => void;\n  isSentinelNodeEnabled?: boolean;\n};\n\nexport type BasicFunctionalityPluginRef = {\n  setIsDisabled: (isDisabled: boolean) => void;\n};\n\nexport const BasicFunctionalityPlugin = React.forwardRef<BasicFunctionalityPluginRef, BasicFunctionalityPluginProps>(\n  (props, ref) => {\n    const { defaultValue, trimWhitespace, onCountChanged, onContentChange, onPaste, isSentinelNodeEnabled } = props;\n\n    const [editor] = useLexicalComposerContext();\n\n    const [basicFunctionalityImpl, setBasicFunctionalityImpl] = React.useState<IBasicFunctionalityBase | null>(null);\n\n    useIsomorphicLayoutEffect(() => {\n      setBasicFunctionalityImpl(new BasicFunctionalityBase(editor, isSentinelNodeEnabled));\n\n      return () => {\n        setBasicFunctionalityImpl(prev => {\n          prev?.cleanup();\n          return null;\n        });\n      };\n    }, [editor, isSentinelNodeEnabled]);\n\n    React.useImperativeHandle<BasicFunctionalityPluginRef, BasicFunctionalityPluginRef>(\n      ref,\n      () => ({\n        setIsDisabled(isDisabled: boolean) {\n          basicFunctionalityImpl?.setIsDisabled(isDisabled);\n        },\n      }),\n      [basicFunctionalityImpl],\n    );\n\n    const setDefaultValue = React.useRef(false);\n    // useIsomorphicLayoutEffect is used to avoid flickering on first render\n    useIsomorphicLayoutEffect(() => {\n      if (basicFunctionalityImpl && !setDefaultValue.current) {\n        if (defaultValue) {\n          basicFunctionalityImpl.insertDefaultValue(defaultValue);\n        }\n        setDefaultValue.current = true;\n      }\n    }, [basicFunctionalityImpl, defaultValue, editor]);\n\n    React.useEffect(() => {\n      basicFunctionalityImpl?.activateContentCallbacks(onContentChange, onCountChanged);\n      return () => basicFunctionalityImpl?.deactivateContentCallbacks();\n    }, [basicFunctionalityImpl, editor, onContentChange, onCountChanged]);\n\n    React.useEffect(() => {\n      if (onPaste) {\n        basicFunctionalityImpl?.activatePasteCallback(onPaste);\n      }\n      return () => basicFunctionalityImpl?.deactivatePasteCallback();\n    }, [basicFunctionalityImpl, editor, onPaste]);\n\n    React.useEffect(() => {\n      if (trimWhitespace) {\n        basicFunctionalityImpl?.activateTrimWhitespace();\n      }\n      return () => basicFunctionalityImpl?.deactivateTrimWhitespace();\n    }, [basicFunctionalityImpl, editor, trimWhitespace]);\n\n    return null;\n  },\n);\n"],"names":["React","useLexicalComposerContext","useIsomorphicLayoutEffect","BasicFunctionalityBase","BasicFunctionalityPlugin","forwardRef","props","ref","defaultValue","trimWhitespace","onCountChanged","onContentChange","onPaste","isSentinelNodeEnabled","editor","basicFunctionalityImpl","setBasicFunctionalityImpl","useState","prev","cleanup","useImperativeHandle","setIsDisabled","isDisabled","setDefaultValue","useRef","current","insertDefaultValue","useEffect","activateContentCallbacks","deactivateContentCallbacks","activatePasteCallback","deactivatePasteCallback","activateTrimWhitespace","deactivateTrimWhitespace"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,yBAAyB,QAAQ,6BAA6B;AAEvE,SAASC,sBAAsB,QAAQ,uCAAuC;AAgB9E,OAAO,MAAMC,2BAA2BJ,MAAMK,UAAU,CACtD,CAACC,OAAOC;IACN,MAAM,EAAEC,YAAY,EAAEC,cAAc,EAAEC,cAAc,EAAEC,eAAe,EAAEC,OAAO,EAAEC,qBAAqB,EAAE,GAAGP;IAE1G,MAAM,CAACQ,OAAO,GAAGb;IAEjB,MAAM,CAACc,wBAAwBC,0BAA0B,GAAGhB,MAAMiB,QAAQ,CAAiC;IAE3Gf,0BAA0B;QACxBc,0BAA0B,IAAIb,uBAAuBW,QAAQD;QAE7D,OAAO;YACLG,0BAA0BE,CAAAA;gBACxBA,iBAAAA,2BAAAA,KAAMC,OAAO;gBACb,OAAO;YACT;QACF;IACF,GAAG;QAACL;QAAQD;KAAsB;IAElCb,MAAMoB,mBAAmB,CACvBb,KACA,IAAO,CAAA;YACLc,eAAcC,UAAmB;gBAC/BP,mCAAAA,6CAAAA,uBAAwBM,aAAa,CAACC;YACxC;QACF,CAAA,GACA;QAACP;KAAuB;IAG1B,MAAMQ,kBAAkBvB,MAAMwB,MAAM,CAAC;IACrC,wEAAwE;IACxEtB,0BAA0B;QACxB,IAAIa,0BAA0B,CAACQ,gBAAgBE,OAAO,EAAE;YACtD,IAAIjB,cAAc;gBAChBO,uBAAuBW,kBAAkB,CAAClB;YAC5C;YACAe,gBAAgBE,OAAO,GAAG;QAC5B;IACF,GAAG;QAACV;QAAwBP;QAAcM;KAAO;IAEjDd,MAAM2B,SAAS,CAAC;QACdZ,mCAAAA,6CAAAA,uBAAwBa,wBAAwB,CAACjB,iBAAiBD;QAClE,OAAO,IAAMK,mCAAAA,6CAAAA,uBAAwBc,0BAA0B;IACjE,GAAG;QAACd;QAAwBD;QAAQH;QAAiBD;KAAe;IAEpEV,MAAM2B,SAAS,CAAC;QACd,IAAIf,SAAS;YACXG,mCAAAA,6CAAAA,uBAAwBe,qBAAqB,CAAClB;QAChD;QACA,OAAO,IAAMG,mCAAAA,6CAAAA,uBAAwBgB,uBAAuB;IAC9D,GAAG;QAAChB;QAAwBD;QAAQF;KAAQ;IAE5CZ,MAAM2B,SAAS,CAAC;QACd,IAAIlB,gBAAgB;YAClBM,mCAAAA,6CAAAA,uBAAwBiB,sBAAsB;QAChD;QACA,OAAO,IAAMjB,mCAAAA,6CAAAA,uBAAwBkB,wBAAwB;IAC/D,GAAG;QAAClB;QAAwBD;QAAQL;KAAe;IAEnD,OAAO;AACT,GACA"}

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