@fluentui-copilot/react-editor-input 0.5.6 → 0.5.7

package/CHANGELOG.json

@@ -2,7 +2,40 @@
   "name": "@fluentui-copilot/react-editor-input",
   "entries": [
     {
-      "date": "Mon, 29 Sep 2025 20:25:10 GMT",
+      "date": "Tue, 14 Oct 2025 00:02:51 GMT",
+      "tag": "@fluentui-copilot/react-editor-input_v0.5.7",
+      "version": "0.5.7",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-editor-input",
+            "commit": "ced6fa3a284cc90eae5ca16357e15b349f720ca0",
+            "comment": "fix: migrate to React 19 compatible JSX and Ref types."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-editor-input",
+            "commit": "74cfcbd7c8afdc8fe3f4b512a9a421613fa32841",
+            "comment": "chore: update react peer deps to support React 19."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-editor-input",
+            "commit": "9a3bf49a3c6302529b2c9b6bc3fc63f549aaf88f",
+            "comment": "chore: enforce explicit return types."
+          },
+          {
+            "author": "twatanabe@microsoft.com",
+            "package": "@fluentui-copilot/react-editor-input",
+            "commit": "068a3c71be5da80beeab05640fe768ef631b0c00",
+            "comment": "chore: bump @fluentui/react-components peer dep minbar to ^9.70.0."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 29 Sep 2025 20:26:50 GMT",
       "tag": "@fluentui-copilot/react-editor-input_v0.5.6",
       "version": "0.5.6",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,24 @@
 # Change Log - @fluentui-copilot/react-editor-input
 
-This log was last generated on Mon, 29 Sep 2025 20:25:10 GMT and should not be manually modified.
+This log was last generated on Tue, 14 Oct 2025 00:02:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.5.7](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.5.7)
+
+Tue, 14 Oct 2025 00:02:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-editor-input_v0.5.6..@fluentui-copilot/react-editor-input_v0.5.7)
+
+### Patches
+
+- fix: migrate to React 19 compatible JSX and Ref types. ([PR #3355](https://github.com/microsoft/fluentai/pull/3355) by tristan.watanabe@gmail.com)
+- chore: update react peer deps to support React 19. ([PR #3361](https://github.com/microsoft/fluentai/pull/3361) by tristan.watanabe@gmail.com)
+- chore: enforce explicit return types. ([PR #3360](https://github.com/microsoft/fluentai/pull/3360) by tristan.watanabe@gmail.com)
+- chore: bump @fluentui/react-components peer dep minbar to ^9.70.0. ([PR #3344](https://github.com/microsoft/fluentai/pull/3344) by twatanabe@microsoft.com)
+
 ## [0.5.6](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.5.6)
 
-Mon, 29 Sep 2025 20:25:10 GMT 
+Mon, 29 Sep 2025 20:26:50 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-editor-input_v0.5.5..@fluentui-copilot/react-editor-input_v0.5.6)
 
 ### Patches

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import type { ComponentProps } from '@fluentui/react-components';
 import type { ComponentState } from '@fluentui/react-components';
 import type { ForwardRefComponent } from '@fluentui/react-components';
 import type { InitialConfigType } from '@fluentui-copilot/react-text-editor';
+import type { JSXElement } from '@fluentui/react-components';
 import type { LexicalEditor } from '@fluentui-copilot/react-text-editor';
 import type { LexicalPlainTextPlugin } from '@fluentui-copilot/react-text-editor';
 import type { PresenceMotionSlotProps } from '@fluentui/react-motion';
@@ -85,7 +86,7 @@ export declare type EditorInputProps = Omit<ComponentProps<Partial<EditorInputSl
      * @default true
      */
     history?: boolean;
-    editorRef?: React.RefObject<LexicalEditor>;
+    editorRef?: React.RefObject<LexicalEditor | null>;
     /**
      * Customize the default styles of elements inserted by Lexical in the editor.
      */
@@ -122,12 +123,12 @@ export declare type EditorInputValueData = {
 /**
  * Render the final JSX of AnimatedPlaceholder
  */
-export declare const renderAnimatedPlaceholder_unstable: (state: AnimatedPlaceholderState) => JSX.Element;
+export declare const renderAnimatedPlaceholder_unstable: (state: AnimatedPlaceholderState) => JSXElement;
 
 /**
  * Render the final JSX of EditorInput
  */
-export declare const renderEditorInput_unstable: (state: EditorInputState) => JSX.Element;
+export declare const renderEditorInput_unstable: (state: EditorInputState) => JSXElement;
 
 /**
  * Create the state required to render AnimatedPlaceholder.

package/lib/components/AnimatedPlaceholder/renderAnimatedPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAnimatedPlaceholder.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderState, AnimatedPlaceholderSlots } from './AnimatedPlaceholder.types';\n\n/**\n * Render the final JSX of AnimatedPlaceholder\n */\nexport const renderAnimatedPlaceholder_unstable = (state: AnimatedPlaceholderState) => {\n  assertSlots<AnimatedPlaceholderSlots>(state);\n\n  return (\n    <state.root>\n      <state.motion>\n        <state.placeholder />\n      </state.motion>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderAnimatedPlaceholder_unstable","state","root","motion","placeholder"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD;;CAEC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjDF,YAAsCE;IAEtC,qBACE,KAACA,MAAMC,IAAI;kBACT,cAAA,KAACD,MAAME,MAAM;sBACX,cAAA,KAACF,MAAMG,WAAW;;;AAI1B,EAAE"}
+{"version":3,"sources":["renderAnimatedPlaceholder.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderState, AnimatedPlaceholderSlots } from './AnimatedPlaceholder.types';\n\n/**\n * Render the final JSX of AnimatedPlaceholder\n */\nexport const renderAnimatedPlaceholder_unstable = (state: AnimatedPlaceholderState): JSXElement => {\n  assertSlots<AnimatedPlaceholderSlots>(state);\n\n  return (\n    <state.root>\n      <state.motion>\n        <state.placeholder />\n      </state.motion>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderAnimatedPlaceholder_unstable","state","root","motion","placeholder"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;CAEC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjDF,YAAsCE;IAEtC,qBACE,KAACA,MAAMC,IAAI;kBACT,cAAA,KAACD,MAAME,MAAM;sBACX,cAAA,KAACF,MAAMG,WAAW;;;AAI1B,EAAE"}

package/lib/components/EditorInput/EditorInput.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["EditorInput.types.ts"],"sourcesContent":["import type { InitialConfigType, LexicalEditor, LexicalPlainTextPlugin } from '@fluentui-copilot/react-text-editor';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type EditorInputSlots = {\n  root: NonNullable<Slot<'span'>>;\n  input: NonNullable<Slot<'span'>>;\n  placeholderValue?: Slot<'span'>;\n};\n\n/**\n * EditorInput Props\n */\nexport type EditorInputProps = Omit<\n  ComponentProps<Partial<EditorInputSlots>, 'input'>,\n  'onChange' | 'onPaste' | 'defaultValue' | 'onSubmit'\n> & {\n  disabled?: boolean;\n  /**\n   * If defaultValue is a string, it will be added to the input on first render.\n   * If defaultValue is a function, it can call lexical $ functions to imperatively set the initial content with more complex nodes.\n   */\n  defaultValue?: string | (() => void);\n  /**\n   * Called when the default value is given to the editor.\n   * If `defaultValue` was a function, this will be called with the state of the editor after\n   * calling that function.\n   * If `defaultValue` was a string, this will be called with the same string.\n   */\n  onDefaultValueSet?: (defaultValue: string) => void;\n  /**\n   * Callback for when the user changes the value.\n   * TODO: Add proper event type for callback\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange?: (ev: any, data: EditorInputValueData) => void;\n  /**\n   * Callback for when content is pasted into the Editor.\n   */\n  onPaste?: (ev: ClipboardEvent) => void;\n  /**\n   * When true, the input will be cleared when only whitespace is remaining.\n   * @default false\n   */\n  trimWhiteSpace?: boolean;\n  /**\n   * Used to register any custom nodes used by plugins added. Can also be used to override the default nodes.\n   */\n  customNodes?: InitialConfigType['nodes'];\n  /**\n   * The plugin which is in charge of initializing Lexical and is given the `input` and `placeholder` slots\n   * @default LexicalPlainTextPlugin\n   */\n  textPlugin?: typeof LexicalPlainTextPlugin;\n  /**\n   * Controls whether history is tracked to provide undo and redo functionality\n   * @default true\n   */\n  history?: boolean;\n\n  editorRef?: React.RefObject<LexicalEditor>;\n\n  /**\n   * Customize the default styles of elements inserted by Lexical in the editor.\n   */\n  customTheme?: InitialConfigType['theme'];\n\n  /**\n   * Whether or not to enable the sentinel node. The sentinel node is a node that is inserted at the end of the editor\n   * The SentinelNode fixes a Safari bug in lexical versions below 0.20.1\n   * @default true\n   */\n  isSentinelNodeEnabled?: boolean;\n};\n\n/**\n * State used in rendering EditorInput\n */\nexport type EditorInputState = ComponentState<EditorInputSlots> &\n  Required<\n    Pick<\n      EditorInputProps,\n      'disabled' | 'textPlugin' | 'history' | 'trimWhiteSpace' | 'editorRef' | 'isSentinelNodeEnabled'\n    >\n  > &\n  Partial<Pick<EditorInputProps, 'onPaste'>> & {\n    lexicalInitialConfig: InitialConfigType;\n    handleOnChange: (value: string) => void;\n  };\n\n/**\n * Data passed to the `onChange` callback when the chat input's value changes.\n */\nexport type EditorInputValueData = {\n  value: string;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAyFA;;CAEC,GACD,WAEE"}
+{"version":3,"sources":["EditorInput.types.ts"],"sourcesContent":["import type { InitialConfigType, LexicalEditor, LexicalPlainTextPlugin } from '@fluentui-copilot/react-text-editor';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type EditorInputSlots = {\n  root: NonNullable<Slot<'span'>>;\n  input: NonNullable<Slot<'span'>>;\n  placeholderValue?: Slot<'span'>;\n};\n\n/**\n * EditorInput Props\n */\nexport type EditorInputProps = Omit<\n  ComponentProps<Partial<EditorInputSlots>, 'input'>,\n  'onChange' | 'onPaste' | 'defaultValue' | 'onSubmit'\n> & {\n  disabled?: boolean;\n  /**\n   * If defaultValue is a string, it will be added to the input on first render.\n   * If defaultValue is a function, it can call lexical $ functions to imperatively set the initial content with more complex nodes.\n   */\n  defaultValue?: string | (() => void);\n  /**\n   * Called when the default value is given to the editor.\n   * If `defaultValue` was a function, this will be called with the state of the editor after\n   * calling that function.\n   * If `defaultValue` was a string, this will be called with the same string.\n   */\n  onDefaultValueSet?: (defaultValue: string) => void;\n  /**\n   * Callback for when the user changes the value.\n   * TODO: Add proper event type for callback\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange?: (ev: any, data: EditorInputValueData) => void;\n  /**\n   * Callback for when content is pasted into the Editor.\n   */\n  onPaste?: (ev: ClipboardEvent) => void;\n  /**\n   * When true, the input will be cleared when only whitespace is remaining.\n   * @default false\n   */\n  trimWhiteSpace?: boolean;\n  /**\n   * Used to register any custom nodes used by plugins added. Can also be used to override the default nodes.\n   */\n  customNodes?: InitialConfigType['nodes'];\n  /**\n   * The plugin which is in charge of initializing Lexical and is given the `input` and `placeholder` slots\n   * @default LexicalPlainTextPlugin\n   */\n  textPlugin?: typeof LexicalPlainTextPlugin;\n  /**\n   * Controls whether history is tracked to provide undo and redo functionality\n   * @default true\n   */\n  history?: boolean;\n\n  editorRef?: React.RefObject<LexicalEditor | null>;\n\n  /**\n   * Customize the default styles of elements inserted by Lexical in the editor.\n   */\n  customTheme?: InitialConfigType['theme'];\n\n  /**\n   * Whether or not to enable the sentinel node. The sentinel node is a node that is inserted at the end of the editor\n   * The SentinelNode fixes a Safari bug in lexical versions below 0.20.1\n   * @default true\n   */\n  isSentinelNodeEnabled?: boolean;\n};\n\n/**\n * State used in rendering EditorInput\n */\nexport type EditorInputState = ComponentState<EditorInputSlots> &\n  Required<\n    Pick<\n      EditorInputProps,\n      'disabled' | 'textPlugin' | 'history' | 'trimWhiteSpace' | 'editorRef' | 'isSentinelNodeEnabled'\n    >\n  > &\n  Partial<Pick<EditorInputProps, 'onPaste'>> & {\n    lexicalInitialConfig: InitialConfigType;\n    handleOnChange: (value: string) => void;\n  };\n\n/**\n * Data passed to the `onChange` callback when the chat input's value changes.\n */\nexport type EditorInputValueData = {\n  value: string;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAyFA;;CAEC,GACD,WAEE"}

package/lib/components/EditorInput/renderEditorInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderEditorInput.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { EditorInputState, EditorInputSlots } from './EditorInput.types';\nimport {\n  LexicalComposer,\n  LexicalErrorBoundary,\n  LexicalEditorRefPlugin,\n  LexicalHistoryPlugin,\n} from '@fluentui-copilot/react-text-editor';\nimport { BasicFunctionalityPlugin } from '@fluentui-copilot/react-chat-input-plugins';\n\n/**\n * Render the final JSX of EditorInput\n */\nexport const renderEditorInput_unstable = (state: EditorInputState) => {\n  assertSlots<EditorInputSlots>(state);\n\n  return (\n    <state.root>\n      <LexicalComposer initialConfig={state.lexicalInitialConfig}>\n        <state.textPlugin\n          contentEditable={<state.input />}\n          ErrorBoundary={LexicalErrorBoundary}\n          placeholder={state.placeholderValue ? <state.placeholderValue /> : null}\n        />\n        <>\n          <BasicFunctionalityPlugin\n            onContentChange={state.handleOnChange}\n            onPaste={state.onPaste}\n            trimWhitespace={state.trimWhiteSpace}\n            isSentinelNodeEnabled={state.isSentinelNodeEnabled}\n          />\n          {state.history && <LexicalHistoryPlugin />}\n        </>\n        <LexicalEditorRefPlugin editorRef={state.editorRef} />\n      </LexicalComposer>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","LexicalComposer","LexicalErrorBoundary","LexicalEditorRefPlugin","LexicalHistoryPlugin","BasicFunctionalityPlugin","renderEditorInput_unstable","state","root","initialConfig","lexicalInitialConfig","textPlugin","contentEditable","input","ErrorBoundary","placeholder","placeholderValue","onContentChange","handleOnChange","onPaste","trimWhitespace","trimWhiteSpace","isSentinelNodeEnabled","history","editorRef"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAEzD,SACEC,eAAe,EACfC,oBAAoB,EACpBC,sBAAsB,EACtBC,oBAAoB,QACf,sCAAsC;AAC7C,SAASC,wBAAwB,QAAQ,6CAA6C;AAEtF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzCP,YAA8BO;IAE9B,qBACE,KAACA,MAAMC,IAAI;kBACT,cAAA,MAACP;YAAgBQ,eAAeF,MAAMG,oBAAoB;;8BACxD,KAACH,MAAMI,UAAU;oBACfC,+BAAiB,KAACL,MAAMM,KAAK;oBAC7BC,eAAeZ;oBACfa,aAAaR,MAAMS,gBAAgB,iBAAG,KAACT,MAAMS,gBAAgB,QAAM;;8BAErE;;sCACE,KAACX;4BACCY,iBAAiBV,MAAMW,cAAc;4BACrCC,SAASZ,MAAMY,OAAO;4BACtBC,gBAAgBb,MAAMc,cAAc;4BACpCC,uBAAuBf,MAAMe,qBAAqB;;wBAEnDf,MAAMgB,OAAO,kBAAI,KAACnB;;;8BAErB,KAACD;oBAAuBqB,WAAWjB,MAAMiB,SAAS;;;;;AAI1D,EAAE"}
+{"version":3,"sources":["renderEditorInput.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { EditorInputState, EditorInputSlots } from './EditorInput.types';\nimport {\n  LexicalComposer,\n  LexicalErrorBoundary,\n  LexicalEditorRefPlugin,\n  LexicalHistoryPlugin,\n} from '@fluentui-copilot/react-text-editor';\nimport { BasicFunctionalityPlugin } from '@fluentui-copilot/react-chat-input-plugins';\n\n/**\n * Render the final JSX of EditorInput\n */\nexport const renderEditorInput_unstable = (state: EditorInputState): JSXElement => {\n  assertSlots<EditorInputSlots>(state);\n\n  return (\n    <state.root>\n      <LexicalComposer initialConfig={state.lexicalInitialConfig}>\n        <state.textPlugin\n          contentEditable={<state.input />}\n          ErrorBoundary={LexicalErrorBoundary}\n          placeholder={state.placeholderValue ? <state.placeholderValue /> : null}\n        />\n        <>\n          <BasicFunctionalityPlugin\n            onContentChange={state.handleOnChange}\n            onPaste={state.onPaste}\n            trimWhitespace={state.trimWhiteSpace}\n            isSentinelNodeEnabled={state.isSentinelNodeEnabled}\n          />\n          {state.history && <LexicalHistoryPlugin />}\n        </>\n        <LexicalEditorRefPlugin editorRef={state.editorRef} />\n      </LexicalComposer>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","LexicalComposer","LexicalErrorBoundary","LexicalEditorRefPlugin","LexicalHistoryPlugin","BasicFunctionalityPlugin","renderEditorInput_unstable","state","root","initialConfig","lexicalInitialConfig","textPlugin","contentEditable","input","ErrorBoundary","placeholder","placeholderValue","onContentChange","handleOnChange","onPaste","trimWhitespace","trimWhiteSpace","isSentinelNodeEnabled","history","editorRef"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD,SACEC,eAAe,EACfC,oBAAoB,EACpBC,sBAAsB,EACtBC,oBAAoB,QACf,sCAAsC;AAC7C,SAASC,wBAAwB,QAAQ,6CAA6C;AAEtF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzCP,YAA8BO;IAE9B,qBACE,KAACA,MAAMC,IAAI;kBACT,cAAA,MAACP;YAAgBQ,eAAeF,MAAMG,oBAAoB;;8BACxD,KAACH,MAAMI,UAAU;oBACfC,+BAAiB,KAACL,MAAMM,KAAK;oBAC7BC,eAAeZ;oBACfa,aAAaR,MAAMS,gBAAgB,iBAAG,KAACT,MAAMS,gBAAgB,QAAM;;8BAErE;;sCACE,KAACX;4BACCY,iBAAiBV,MAAMW,cAAc;4BACrCC,SAASZ,MAAMY,OAAO;4BACtBC,gBAAgBb,MAAMc,cAAc;4BACpCC,uBAAuBf,MAAMe,qBAAqB;;wBAEnDf,MAAMgB,OAAO,kBAAI,KAACnB;;;8BAErB,KAACD;oBAAuBqB,WAAWjB,MAAMiB,SAAS;;;;;AAI1D,EAAE"}

package/lib-commonjs/components/AnimatedPlaceholder/renderAnimatedPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAnimatedPlaceholder.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderState, AnimatedPlaceholderSlots } from './AnimatedPlaceholder.types';\n\n/**\n * Render the final JSX of AnimatedPlaceholder\n */\nexport const renderAnimatedPlaceholder_unstable = (state: AnimatedPlaceholderState) => {\n  assertSlots<AnimatedPlaceholderSlots>(state);\n\n  return (\n    <state.root>\n      <state.motion>\n        <state.placeholder />\n      </state.motion>\n    </state.root>\n  );\n};\n"],"names":["renderAnimatedPlaceholder_unstable","state","assertSlots","_jsx","root","motion","placeholder"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE4B;AAMrB,MAAMA,qCAAqC,CAACC;IACjDC,IAAAA,4BAAAA,EAAsCD;IAEtC,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACF,MAAMI,MAAM,EAAA;sBACX,WAAA,GAAAF,IAAAA,eAAA,EAACF,MAAMK,WAAW,EAAA,CAAA;;;AAI1B"}
+{"version":3,"sources":["renderAnimatedPlaceholder.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderState, AnimatedPlaceholderSlots } from './AnimatedPlaceholder.types';\n\n/**\n * Render the final JSX of AnimatedPlaceholder\n */\nexport const renderAnimatedPlaceholder_unstable = (state: AnimatedPlaceholderState): JSXElement => {\n  assertSlots<AnimatedPlaceholderSlots>(state);\n\n  return (\n    <state.root>\n      <state.motion>\n        <state.placeholder />\n      </state.motion>\n    </state.root>\n  );\n};\n"],"names":["renderAnimatedPlaceholder_unstable","state","assertSlots","_jsx","root","motion","placeholder"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAE4B;AAOrB,MAAMA,qCAAqC,CAACC;IACjDC,IAAAA,4BAAAA,EAAsCD;IAEtC,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACF,MAAMI,MAAM,EAAA;sBACX,WAAA,GAAAF,IAAAA,eAAA,EAACF,MAAMK,WAAW,EAAA,CAAA;;;AAI1B"}

package/lib-commonjs/components/EditorInput/EditorInput.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["EditorInput.types.ts"],"sourcesContent":["import type { InitialConfigType, LexicalEditor, LexicalPlainTextPlugin } from '@fluentui-copilot/react-text-editor';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type EditorInputSlots = {\n  root: NonNullable<Slot<'span'>>;\n  input: NonNullable<Slot<'span'>>;\n  placeholderValue?: Slot<'span'>;\n};\n\n/**\n * EditorInput Props\n */\nexport type EditorInputProps = Omit<\n  ComponentProps<Partial<EditorInputSlots>, 'input'>,\n  'onChange' | 'onPaste' | 'defaultValue' | 'onSubmit'\n> & {\n  disabled?: boolean;\n  /**\n   * If defaultValue is a string, it will be added to the input on first render.\n   * If defaultValue is a function, it can call lexical $ functions to imperatively set the initial content with more complex nodes.\n   */\n  defaultValue?: string | (() => void);\n  /**\n   * Called when the default value is given to the editor.\n   * If `defaultValue` was a function, this will be called with the state of the editor after\n   * calling that function.\n   * If `defaultValue` was a string, this will be called with the same string.\n   */\n  onDefaultValueSet?: (defaultValue: string) => void;\n  /**\n   * Callback for when the user changes the value.\n   * TODO: Add proper event type for callback\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange?: (ev: any, data: EditorInputValueData) => void;\n  /**\n   * Callback for when content is pasted into the Editor.\n   */\n  onPaste?: (ev: ClipboardEvent) => void;\n  /**\n   * When true, the input will be cleared when only whitespace is remaining.\n   * @default false\n   */\n  trimWhiteSpace?: boolean;\n  /**\n   * Used to register any custom nodes used by plugins added. Can also be used to override the default nodes.\n   */\n  customNodes?: InitialConfigType['nodes'];\n  /**\n   * The plugin which is in charge of initializing Lexical and is given the `input` and `placeholder` slots\n   * @default LexicalPlainTextPlugin\n   */\n  textPlugin?: typeof LexicalPlainTextPlugin;\n  /**\n   * Controls whether history is tracked to provide undo and redo functionality\n   * @default true\n   */\n  history?: boolean;\n\n  editorRef?: React.RefObject<LexicalEditor>;\n\n  /**\n   * Customize the default styles of elements inserted by Lexical in the editor.\n   */\n  customTheme?: InitialConfigType['theme'];\n\n  /**\n   * Whether or not to enable the sentinel node. The sentinel node is a node that is inserted at the end of the editor\n   * The SentinelNode fixes a Safari bug in lexical versions below 0.20.1\n   * @default true\n   */\n  isSentinelNodeEnabled?: boolean;\n};\n\n/**\n * State used in rendering EditorInput\n */\nexport type EditorInputState = ComponentState<EditorInputSlots> &\n  Required<\n    Pick<\n      EditorInputProps,\n      'disabled' | 'textPlugin' | 'history' | 'trimWhiteSpace' | 'editorRef' | 'isSentinelNodeEnabled'\n    >\n  > &\n  Partial<Pick<EditorInputProps, 'onPaste'>> & {\n    lexicalInitialConfig: InitialConfigType;\n    handleOnChange: (value: string) => void;\n  };\n\n/**\n * Data passed to the `onChange` callback when the chat input's value changes.\n */\nexport type EditorInputValueData = {\n  value: string;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAyFA;;CAEC"}
+{"version":3,"sources":["EditorInput.types.ts"],"sourcesContent":["import type { InitialConfigType, LexicalEditor, LexicalPlainTextPlugin } from '@fluentui-copilot/react-text-editor';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type EditorInputSlots = {\n  root: NonNullable<Slot<'span'>>;\n  input: NonNullable<Slot<'span'>>;\n  placeholderValue?: Slot<'span'>;\n};\n\n/**\n * EditorInput Props\n */\nexport type EditorInputProps = Omit<\n  ComponentProps<Partial<EditorInputSlots>, 'input'>,\n  'onChange' | 'onPaste' | 'defaultValue' | 'onSubmit'\n> & {\n  disabled?: boolean;\n  /**\n   * If defaultValue is a string, it will be added to the input on first render.\n   * If defaultValue is a function, it can call lexical $ functions to imperatively set the initial content with more complex nodes.\n   */\n  defaultValue?: string | (() => void);\n  /**\n   * Called when the default value is given to the editor.\n   * If `defaultValue` was a function, this will be called with the state of the editor after\n   * calling that function.\n   * If `defaultValue` was a string, this will be called with the same string.\n   */\n  onDefaultValueSet?: (defaultValue: string) => void;\n  /**\n   * Callback for when the user changes the value.\n   * TODO: Add proper event type for callback\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange?: (ev: any, data: EditorInputValueData) => void;\n  /**\n   * Callback for when content is pasted into the Editor.\n   */\n  onPaste?: (ev: ClipboardEvent) => void;\n  /**\n   * When true, the input will be cleared when only whitespace is remaining.\n   * @default false\n   */\n  trimWhiteSpace?: boolean;\n  /**\n   * Used to register any custom nodes used by plugins added. Can also be used to override the default nodes.\n   */\n  customNodes?: InitialConfigType['nodes'];\n  /**\n   * The plugin which is in charge of initializing Lexical and is given the `input` and `placeholder` slots\n   * @default LexicalPlainTextPlugin\n   */\n  textPlugin?: typeof LexicalPlainTextPlugin;\n  /**\n   * Controls whether history is tracked to provide undo and redo functionality\n   * @default true\n   */\n  history?: boolean;\n\n  editorRef?: React.RefObject<LexicalEditor | null>;\n\n  /**\n   * Customize the default styles of elements inserted by Lexical in the editor.\n   */\n  customTheme?: InitialConfigType['theme'];\n\n  /**\n   * Whether or not to enable the sentinel node. The sentinel node is a node that is inserted at the end of the editor\n   * The SentinelNode fixes a Safari bug in lexical versions below 0.20.1\n   * @default true\n   */\n  isSentinelNodeEnabled?: boolean;\n};\n\n/**\n * State used in rendering EditorInput\n */\nexport type EditorInputState = ComponentState<EditorInputSlots> &\n  Required<\n    Pick<\n      EditorInputProps,\n      'disabled' | 'textPlugin' | 'history' | 'trimWhiteSpace' | 'editorRef' | 'isSentinelNodeEnabled'\n    >\n  > &\n  Partial<Pick<EditorInputProps, 'onPaste'>> & {\n    lexicalInitialConfig: InitialConfigType;\n    handleOnChange: (value: string) => void;\n  };\n\n/**\n * Data passed to the `onChange` callback when the chat input's value changes.\n */\nexport type EditorInputValueData = {\n  value: string;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAyFA;;CAEC"}

package/lib-commonjs/components/EditorInput/renderEditorInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderEditorInput.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { EditorInputState, EditorInputSlots } from './EditorInput.types';\nimport {\n  LexicalComposer,\n  LexicalErrorBoundary,\n  LexicalEditorRefPlugin,\n  LexicalHistoryPlugin,\n} from '@fluentui-copilot/react-text-editor';\nimport { BasicFunctionalityPlugin } from '@fluentui-copilot/react-chat-input-plugins';\n\n/**\n * Render the final JSX of EditorInput\n */\nexport const renderEditorInput_unstable = (state: EditorInputState) => {\n  assertSlots<EditorInputSlots>(state);\n\n  return (\n    <state.root>\n      <LexicalComposer initialConfig={state.lexicalInitialConfig}>\n        <state.textPlugin\n          contentEditable={<state.input />}\n          ErrorBoundary={LexicalErrorBoundary}\n          placeholder={state.placeholderValue ? <state.placeholderValue /> : null}\n        />\n        <>\n          <BasicFunctionalityPlugin\n            onContentChange={state.handleOnChange}\n            onPaste={state.onPaste}\n            trimWhitespace={state.trimWhiteSpace}\n            isSentinelNodeEnabled={state.isSentinelNodeEnabled}\n          />\n          {state.history && <LexicalHistoryPlugin />}\n        </>\n        <LexicalEditorRefPlugin editorRef={state.editorRef} />\n      </LexicalComposer>\n    </state.root>\n  );\n};\n"],"names":["renderEditorInput_unstable","state","assertSlots","_jsx","root","_jsxs","LexicalComposer","initialConfig","lexicalInitialConfig","textPlugin","contentEditable","input","ErrorBoundary","LexicalErrorBoundary","placeholder","placeholderValue","_Fragment","BasicFunctionalityPlugin","onContentChange","handleOnChange","onPaste","trimWhitespace","trimWhiteSpace","isSentinelNodeEnabled","history","LexicalHistoryPlugin","LexicalEditorRefPlugin","editorRef"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;4BAfb;iCAE4B;iCAOrB;uCACkC;AAKlC,MAAMA,6BAA6B,CAACC;IACzCC,IAAAA,4BAAAA,EAA8BD;IAE9B,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAC,IAAAA,gBAAA,EAACC,gCAAAA,EAAAA;YAAgBC,eAAeN,MAAMO,oBAAoB;;8BACxDL,IAAAA,eAAA,EAACF,MAAMQ,UAAU,EAAA;oBACfC,iBAAAA,WAAAA,GAAiBP,IAAAA,eAAA,EAACF,MAAMU,KAAK,EAAA,CAAA;oBAC7BC,eAAeC,qCAAAA;oBACfC,aAAab,MAAMc,gBAAgB,GAAA,WAAA,GAAGZ,IAAAA,eAAA,EAACF,MAAMc,gBAAgB,EAAA,CAAA,KAAM;;8BAErEV,IAAAA,gBAAA,EAAAW,oBAAA,EAAA;;sCACEb,IAAAA,eAAA,EAACc,+CAAAA,EAAAA;4BACCC,iBAAiBjB,MAAMkB,cAAc;4BACrCC,SAASnB,MAAMmB,OAAO;4BACtBC,gBAAgBpB,MAAMqB,cAAc;4BACpCC,uBAAuBtB,MAAMsB,qBAAqB;;wBAEnDtB,MAAMuB,OAAO,IAAA,WAAA,GAAIrB,IAAAA,eAAA,EAACsB,qCAAAA,EAAAA,CAAAA;;;8BAErBtB,IAAAA,eAAA,EAACuB,uCAAAA,EAAAA;oBAAuBC,WAAW1B,MAAM0B,SAAS;;;;;AAI1D"}
+{"version":3,"sources":["renderEditorInput.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { EditorInputState, EditorInputSlots } from './EditorInput.types';\nimport {\n  LexicalComposer,\n  LexicalErrorBoundary,\n  LexicalEditorRefPlugin,\n  LexicalHistoryPlugin,\n} from '@fluentui-copilot/react-text-editor';\nimport { BasicFunctionalityPlugin } from '@fluentui-copilot/react-chat-input-plugins';\n\n/**\n * Render the final JSX of EditorInput\n */\nexport const renderEditorInput_unstable = (state: EditorInputState): JSXElement => {\n  assertSlots<EditorInputSlots>(state);\n\n  return (\n    <state.root>\n      <LexicalComposer initialConfig={state.lexicalInitialConfig}>\n        <state.textPlugin\n          contentEditable={<state.input />}\n          ErrorBoundary={LexicalErrorBoundary}\n          placeholder={state.placeholderValue ? <state.placeholderValue /> : null}\n        />\n        <>\n          <BasicFunctionalityPlugin\n            onContentChange={state.handleOnChange}\n            onPaste={state.onPaste}\n            trimWhitespace={state.trimWhiteSpace}\n            isSentinelNodeEnabled={state.isSentinelNodeEnabled}\n          />\n          {state.history && <LexicalHistoryPlugin />}\n        </>\n        <LexicalEditorRefPlugin editorRef={state.editorRef} />\n      </LexicalComposer>\n    </state.root>\n  );\n};\n"],"names":["renderEditorInput_unstable","state","assertSlots","_jsx","root","_jsxs","LexicalComposer","initialConfig","lexicalInitialConfig","textPlugin","contentEditable","input","ErrorBoundary","LexicalErrorBoundary","placeholder","placeholderValue","_Fragment","BasicFunctionalityPlugin","onContentChange","handleOnChange","onPaste","trimWhitespace","trimWhiteSpace","isSentinelNodeEnabled","history","LexicalHistoryPlugin","LexicalEditorRefPlugin","editorRef"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;4BAhBb;iCAE4B;iCAQrB;uCACkC;AAKlC,MAAMA,6BAA6B,CAACC;IACzCC,IAAAA,4BAAAA,EAA8BD;IAE9B,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAC,IAAAA,gBAAA,EAACC,gCAAAA,EAAAA;YAAgBC,eAAeN,MAAMO,oBAAoB;;8BACxDL,IAAAA,eAAA,EAACF,MAAMQ,UAAU,EAAA;oBACfC,iBAAAA,WAAAA,GAAiBP,IAAAA,eAAA,EAACF,MAAMU,KAAK,EAAA,CAAA;oBAC7BC,eAAeC,qCAAAA;oBACfC,aAAab,MAAMc,gBAAgB,GAAA,WAAA,GAAGZ,IAAAA,eAAA,EAACF,MAAMc,gBAAgB,EAAA,CAAA,KAAM;;8BAErEV,IAAAA,gBAAA,EAAAW,oBAAA,EAAA;;sCACEb,IAAAA,eAAA,EAACc,+CAAAA,EAAAA;4BACCC,iBAAiBjB,MAAMkB,cAAc;4BACrCC,SAASnB,MAAMmB,OAAO;4BACtBC,gBAAgBpB,MAAMqB,cAAc;4BACpCC,uBAAuBtB,MAAMsB,qBAAqB;;wBAEnDtB,MAAMuB,OAAO,IAAA,WAAA,GAAIrB,IAAAA,eAAA,EAACsB,qCAAAA,EAAAA,CAAAA;;;8BAErBtB,IAAAA,eAAA,EAACuB,uCAAAA,EAAAA;oBAAuBC,WAAW1B,MAAM0B,SAAS;;;;;AAI1D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-editor-input",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "a base rich editor input.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,21 +12,21 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/chat-input-plugins": "^0.5.1",
-    "@fluentui-copilot/react-chat-input-plugins": "^0.5.5",
+    "@fluentui-copilot/chat-input-plugins": "^0.5.2",
+    "@fluentui-copilot/react-chat-input-plugins": "^0.5.6",
     "@fluentui-copilot/react-text-editor": "^0.4.2",
-    "@fluentui-copilot/tokens": "^0.3.14",
+    "@fluentui-copilot/tokens": "^0.3.15",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/react-components": ">=9.66.0 <10.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.1.1 <10.0.0",
-    "@fluentui/react-motion": ">=9.8.1 <10.0.0",
-    "@fluentui/react-utilities": ">=9.21.1 <10.0.0",
-    "@types/react": ">=16.14.0 <19.0.0",
-    "@types/react-dom": ">=16.9.8 <19.0.0",
-    "react": ">=16.14.0 <19.0.0",
-    "react-dom": ">=16.14.0 <19.0.0"
+    "@fluentui/react-components": ">=9.70.0 <10.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.2.0 <10.0.0",
+    "@fluentui/react-motion": ">=9.10.4 <10.0.0",
+    "@fluentui/react-utilities": ">=9.24.1 <10.0.0",
+    "@types/react": ">=16.14.0 <20.0.0",
+    "@types/react-dom": ">=16.9.8 <20.0.0",
+    "react": ">=16.14.0 <20.0.0",
+    "react-dom": ">=16.14.0 <20.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [