@fluentui-copilot/react-editor-input 0.0.0-nightly-20240606-0406-a04dfe79.1

package/CHANGELOG.json

@@ -0,0 +1,38 @@
+{
+  "name": "@fluentui-copilot/react-editor-input",
+  "entries": [
+    {
+      "date": "Thu, 06 Jun 2024 04:13:07 GMT",
+      "tag": "@fluentui-copilot/react-editor-input_v0.0.0-nightly-20240606-0406-a04dfe79.1",
+      "version": "0.0.0-nightly-20240606-0406-a04dfe79.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "fluentui-internal@service.microsoft.com",
+            "package": "@fluentui-copilot/react-editor-input",
+            "commit": "not available",
+            "comment": "Release nightly"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-editor-input",
+            "comment": "Bump @fluentui-copilot/chat-input-plugins to v0.0.0-nightly-20240606-0406-a04dfe79.1",
+            "commit": "cb816fbdda3d217f11d702a97bdc55cb412c9da5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-editor-input",
+            "comment": "Bump @fluentui-copilot/react-chat-input-plugins to v0.0.0-nightly-20240606-0406-a04dfe79.1",
+            "commit": "cb816fbdda3d217f11d702a97bdc55cb412c9da5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-copilot/react-editor-input",
+            "comment": "Bump @fluentui-copilot/react-text-editor to v0.0.0-nightly-20240606-0406-a04dfe79.1",
+            "commit": "cb816fbdda3d217f11d702a97bdc55cb412c9da5"
+          }
+        ]
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Change Log - @fluentui-copilot/react-editor-input
+
+This log was last generated on Thu, 06 Jun 2024 04:13:07 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## [0.0.0-nightly-20240606-0406-a04dfe79.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.0.0-nightly-20240606-0406-a04dfe79.1)
+
+Thu, 06 Jun 2024 04:13:07 GMT
+
+### Changes
+
+- Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
+- Bump @fluentui-copilot/chat-input-plugins to v0.0.0-nightly-20240606-0406-a04dfe79.1 ([commit](https://github.com/microsoft/fluentai/commit/cb816fbdda3d217f11d702a97bdc55cb412c9da5) by beachball)
+- Bump @fluentui-copilot/react-chat-input-plugins to v0.0.0-nightly-20240606-0406-a04dfe79.1 ([commit](https://github.com/microsoft/fluentai/commit/cb816fbdda3d217f11d702a97bdc55cb412c9da5) by beachball)
+- Bump @fluentui-copilot/react-text-editor to v0.0.0-nightly-20240606-0406-a04dfe79.1 ([commit](https://github.com/microsoft/fluentai/commit/cb816fbdda3d217f11d702a97bdc55cb412c9da5) by beachball)

package/LICENSE

@@ -0,0 +1,23 @@
+@fluentui-copilot/react-editor-input
+
+MIT License
+
+Copyright (c) Microsoft Corporation.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE

package/README.md

@@ -0,0 +1,5 @@
+# @fluentui-copilot/react-editor-input
+
+**For internal use only. External use is not supported at this time.**
+
+**React Editor Input components for [Fluent AI React](https://ai.fluentui.dev/)**

package/dist/index.d.ts

@@ -0,0 +1,101 @@
+/// <reference types="react" />
+
+import type { ComponentProps } from '@fluentui/react-components';
+import type { ComponentState } from '@fluentui/react-components';
+import type { ForwardRefComponent } from '@fluentui/react-components';
+import { InitialConfigType } from '@lexical/react/LexicalComposer';
+import { LexicalEditor } from 'lexical';
+import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-components';
+import type { SlotClassNames } from '@fluentui/react-components';
+
+export declare const EditorInput: ForwardRefComponent<EditorInputProps>;
+
+export declare const editorInputClassNames: SlotClassNames<EditorInputSlots>;
+
+/**
+ * EditorInput Props
+ */
+export declare type EditorInputProps = Omit<ComponentProps<Partial<EditorInputSlots>, 'input'>, 'onChange' | 'onPaste' | 'defaultValue' | 'onSubmit'> & {
+    disabled?: boolean;
+    /**
+     * If defaultValue is a string, it will be added to the input on first render.
+     * If defaultValue is a function, it can call lexical $ functions to imperatively set the initial content with more complex nodes.
+     */
+    defaultValue?: string | (() => void);
+    /**
+     * Callback for when the user changes the value.
+     * TODO: Add proper event type for callback
+     */
+    onChange?: (ev: any, data: EditorInputValueData) => void;
+    /**
+     * Callback for when content is pasted into the Editor.
+     */
+    onPaste?: (ev: ClipboardEvent) => void;
+    /**
+     * When true, the input will be cleared when only whitespace is remaining.
+     * @default false
+     */
+    trimWhiteSpace?: boolean;
+    /**
+     * Used to register any custom nodes used by plugins added. Can also be used to override the default nodes.
+     */
+    customNodes?: InitialConfigType['nodes'];
+    /**
+     * The plugin which is in charge of initializing Lexical and is given the `input` and `placeholder` slots
+     * @default LexicalPlainTextPlugin
+     */
+    textPlugin?: typeof PlainTextPlugin;
+    /**
+     * Controls whether history is tracked to provide undo and redo functionality
+     * @default true
+     */
+    history?: boolean;
+};
+
+export declare type EditorInputSlots = {
+    root: NonNullable<Slot<'span'>>;
+    input: NonNullable<Slot<'span'>>;
+    placeholderValue?: Slot<'span'>;
+};
+
+/**
+ * State used in rendering EditorInput
+ */
+export declare type EditorInputState = ComponentState<EditorInputSlots> & Required<Pick<EditorInputProps, 'disabled' | 'textPlugin' | 'history' | 'trimWhiteSpace'>> & Partial<Pick<EditorInputProps, 'onPaste'>> & {
+    lexicalInitialConfig: InitialConfigType;
+    editorRef: React.RefObject<LexicalEditor>;
+    defaultValue?: string;
+    handleOnChange: (value: string) => void;
+};
+
+/**
+ * Data passed to the `onChange` callback when the chat input's value changes.
+ */
+export declare type EditorInputValueData = {
+    value: string;
+};
+
+/**
+ * Render the final JSX of EditorInput
+ */
+export declare const renderEditorInput_unstable: (state: EditorInputState) => JSX.Element;
+
+/**
+ * Create the state required to render EditorInput.
+ *
+ * The returned state can be modified with hooks such as useEditorInputStyles_unstable,
+ * before being passed to renderEditorInput_unstable.
+ *
+ * @param props - props from this instance of EditorInput
+ * @param ref - reference to root HTMLElement of EditorInput
+ */
+export declare const useEditorInput_unstable: (props: EditorInputProps, ref: React_2.Ref<HTMLSpanElement>) => EditorInputState;
+
+/**
+ * Apply styling to the EditorInput slots based on the state
+ */
+export declare const useEditorInputStyles_unstable: (state: EditorInputState) => EditorInputState;
+
+export { }

package/lib/EditorInput.js

@@ -0,0 +1,2 @@
+export * from './components/EditorInput/index';
+//# sourceMappingURL=EditorInput.js.map

package/lib/EditorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EditorInput.ts"],"sourcesContent":["export * from './components/EditorInput/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,iCAAiC"}

package/lib/components/EditorInput/EditorInput.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { useEditorInput_unstable } from './useEditorInput';
+import { renderEditorInput_unstable } from './renderEditorInput';
+import { useEditorInputStyles_unstable } from './useEditorInputStyles.styles';
+// EditorInput component - TODO: add more docs
+export const EditorInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useEditorInput_unstable(props, ref);
+  useEditorInputStyles_unstable(state);
+  return renderEditorInput_unstable(state);
+});
+EditorInput.displayName = 'EditorInput';
+//# sourceMappingURL=EditorInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["EditorInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEditorInput_unstable } from './useEditorInput';\nimport { renderEditorInput_unstable } from './renderEditorInput';\nimport { useEditorInputStyles_unstable } from './useEditorInputStyles.styles';\nimport type { EditorInputProps } from './EditorInput.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// EditorInput component - TODO: add more docs\nexport const EditorInput: ForwardRefComponent<EditorInputProps> = React.forwardRef((props, ref) => {\n  const state = useEditorInput_unstable(props, ref);\n\n  useEditorInputStyles_unstable(state);\n  return renderEditorInput_unstable(state);\n});\n\nEditorInput.displayName = 'EditorInput';\n"],"names":["React","useEditorInput_unstable","renderEditorInput_unstable","useEditorInputStyles_unstable","EditorInput","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,gCAAgC;AAI9E,8CAA8C;AAC9C,OAAO,MAAMC,4BAAqDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQP,wBAAwBK,OAAOC;IAE7CJ,8BAA8BK;IAC9B,OAAON,2BAA2BM;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+/**
+ * Data passed to the `onChange` callback when the chat input's value changes.
+ */export {};
+//# sourceMappingURL=EditorInput.types.js.map

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

@@ -0,0 +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   * 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\n/**\n * State used in rendering EditorInput\n */\nexport type EditorInputState = ComponentState<EditorInputSlots> &\n  Required<Pick<EditorInputProps, 'disabled' | 'textPlugin' | 'history' | 'trimWhiteSpace'>> &\n  Partial<Pick<EditorInputProps, 'onPaste'>> & {\n    lexicalInitialConfig: InitialConfigType;\n    editorRef: React.RefObject<LexicalEditor>;\n    defaultValue?: string;\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":"AAiEA;;CAEC,GACD,WAEE"}

package/lib/components/EditorInput/index.js

@@ -0,0 +1,6 @@
+export * from './EditorInput';
+export * from './EditorInput.types';
+export * from './renderEditorInput';
+export * from './useEditorInput';
+export * from './useEditorInputStyles.styles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './EditorInput';\nexport * from './EditorInput.types';\nexport * from './renderEditorInput';\nexport * from './useEditorInput';\nexport * from './useEditorInputStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,sBAAsB;AACpC,cAAc,mBAAmB;AACjC,cAAc,gCAAgC"}

package/lib/components/EditorInput/renderEditorInput.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-components';
+import { LexicalComposer, LexicalErrorBoundary, LexicalEditorRefPlugin, LexicalHistoryPlugin } from '@fluentui-copilot/react-text-editor';
+import { BasicFunctionalityPlugin } from '@fluentui-copilot/react-chat-input-plugins';
+/**
+ * Render the final JSX of EditorInput
+ */
+export const renderEditorInput_unstable = state => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsx(state.root, {
+    children: /*#__PURE__*/_jsxs(LexicalComposer, {
+      initialConfig: state.lexicalInitialConfig,
+      children: [/*#__PURE__*/_jsx(state.textPlugin, {
+        contentEditable: /*#__PURE__*/_jsx(state.input, {}),
+        ErrorBoundary: LexicalErrorBoundary,
+        placeholder: state.placeholderValue ? /*#__PURE__*/_jsx(state.placeholderValue, {}) : null
+      }), /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(BasicFunctionalityPlugin, {
+          onContentChange: state.handleOnChange,
+          onPaste: state.onPaste,
+          trimWhitespace: state.trimWhiteSpace,
+          defaultValue: state.defaultValue
+        }), state.history && /*#__PURE__*/_jsx(LexicalHistoryPlugin, {})]
+      }), /*#__PURE__*/_jsx(LexicalEditorRefPlugin, {
+        editorRef: state.editorRef
+      })]
+    })
+  });
+};
+//# sourceMappingURL=renderEditorInput.js.map

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

@@ -0,0 +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            defaultValue={state.defaultValue}\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","defaultValue","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,cAAcf,MAAMe,YAAY;;wBAEjCf,MAAMgB,OAAO,kBAAI,KAACnB;;;8BAErB,KAACD;oBAAuBqB,WAAWjB,MAAMiB,SAAS;;;;;AAI1D,EAAE"}

package/lib/components/EditorInput/useEditorInput.js

@@ -0,0 +1,128 @@
+import * as React from 'react';
+import { getPartitionedNativeProps, slot, useId, useIsomorphicLayoutEffect, useMergedRefs } from '@fluentui/react-components';
+import { SentinelNode } from '@fluentui-copilot/chat-input-plugins';
+import { LexicalPlainTextPlugin, mergeRegister } from '@fluentui-copilot/react-text-editor';
+import { useControllableState } from '@fluentui/react-utilities';
+/**
+ * Create the state required to render EditorInput.
+ *
+ * The returned state can be modified with hooks such as useEditorInputStyles_unstable,
+ * before being passed to renderEditorInput_unstable.
+ *
+ * @param props - props from this instance of EditorInput
+ * @param ref - reference to root HTMLElement of EditorInput
+ */
+export const useEditorInput_unstable = (props, ref) => {
+  const {
+    onChange,
+    onPaste,
+    trimWhiteSpace = false,
+    textPlugin = LexicalPlainTextPlugin,
+    history = true
+  } = props;
+  const {
+    root,
+    primary
+  } = getPartitionedNativeProps({
+    primarySlotTagName: 'span',
+    props,
+    excludedPropNames: ['onChange', 'onPaste', 'defaultValue']
+  });
+  const editorRef = React.useRef(null);
+  // The disabled state can also be changed by lexical (e.g. by a custom plugin) so
+  // we use `useControllableState` to coordinate
+  const [disabled, setDisabled] = useControllableState({
+    state: props.disabled,
+    initialState: false
+  });
+  const customNodes = props.customNodes ? [...props.customNodes, SentinelNode] : [SentinelNode];
+  const spanRef = React.useCallback(span => {
+    var
+    // Register the `input` span with lexical
+    _editorRef_current;
+    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.setRootElement(span);
+  }, [editorRef]);
+  // Update lexical when disabled changes
+  useIsomorphicLayoutEffect(() => {
+    if (editorRef.current) {
+      var _editorRef_current;
+      (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.setEditable(!disabled);
+    }
+  }, [disabled]);
+  useIsomorphicLayoutEffect(() => {
+    if (editorRef.current) {
+      var _editorRef_current;
+      return mergeRegister(editorRef.current.registerEditableListener(isEditable => {
+        setDisabled(!isEditable);
+      }), (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.registerRootListener(root => {
+        if (!root) {
+          return;
+        }
+        // Remove lexical's inline style so we can apply our own
+        // Lexical needs the whitespace style to be either `pre` or `pre-wrap` to work correctly
+        root.style.whiteSpace = '';
+      }));
+    }
+  }, [editorRef]);
+  const handleOnChange = React.useCallback(newValue => {
+    onChange === null || onChange === void 0 ? void 0 : onChange({}, {
+      value: newValue
+    });
+  }, [onChange]);
+  const [defaultString, defaultValueFunction] = (() => {
+    if (typeof props.defaultValue === 'function') {
+      return [undefined, props.defaultValue];
+    }
+    return [props.defaultValue, undefined];
+  })();
+  const placeholderValue = slot.optional(props.placeholderValue, {
+    elementType: 'span'
+  });
+  const placeholderId = useId('chat-input-placeholder', placeholderValue === null || placeholderValue === void 0 ? void 0 : placeholderValue.id);
+  if (placeholderValue) {
+    placeholderValue.id = placeholderId;
+  }
+  return {
+    components: {
+      root: 'span',
+      input: 'span',
+      placeholderValue: 'span'
+    },
+    root: slot.always(props.root, {
+      defaultProps: {
+        ...root
+      },
+      elementType: 'span'
+    }),
+    input: slot.always(props.input, {
+      defaultProps: {
+        ref: useMergedRefs(ref, spanRef),
+        role: 'textbox',
+        contentEditable: !disabled,
+        'aria-readonly': disabled ? true : undefined,
+        tabIndex: disabled ? -1 : 0,
+        disabled,
+        suppressContentEditableWarning: true,
+        ...primary,
+        'aria-describedby': primary['aria-describedby'] ? `${primary['aria-describedby']} ${placeholderId}` : placeholderId
+      },
+      elementType: 'span'
+    }),
+    placeholderValue,
+    lexicalInitialConfig: {
+      namespace: 'fai-EditorInput',
+      onError: console.error,
+      nodes: customNodes,
+      editorState: defaultValueFunction
+    },
+    editorRef,
+    disabled,
+    textPlugin,
+    onPaste,
+    handleOnChange,
+    defaultValue: defaultString,
+    trimWhiteSpace,
+    history
+  };
+};
+//# sourceMappingURL=useEditorInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useEditorInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getPartitionedNativeProps,\n  slot,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport type { EditorInputProps, EditorInputState } from './EditorInput.types';\nimport { SentinelNode } from '@fluentui-copilot/chat-input-plugins';\nimport type { LexicalEditor } from '@fluentui-copilot/react-text-editor';\nimport { LexicalPlainTextPlugin, mergeRegister } from '@fluentui-copilot/react-text-editor';\nimport { useControllableState } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render EditorInput.\n *\n * The returned state can be modified with hooks such as useEditorInputStyles_unstable,\n * before being passed to renderEditorInput_unstable.\n *\n * @param props - props from this instance of EditorInput\n * @param ref - reference to root HTMLElement of EditorInput\n */\nexport const useEditorInput_unstable = (props: EditorInputProps, ref: React.Ref<HTMLSpanElement>): EditorInputState => {\n  const { onChange, onPaste, trimWhiteSpace = false, textPlugin = LexicalPlainTextPlugin, history = true } = props;\n  const { root, primary } = getPartitionedNativeProps({\n    primarySlotTagName: 'span',\n    props,\n    excludedPropNames: ['onChange', 'onPaste', 'defaultValue'],\n  });\n\n  const editorRef = React.useRef<LexicalEditor>(null);\n  // The disabled state can also be changed by lexical (e.g. by a custom plugin) so\n  // we use `useControllableState` to coordinate\n  const [disabled, setDisabled] = useControllableState({\n    state: props.disabled,\n    initialState: false,\n  });\n\n  const customNodes = props.customNodes ? [...props.customNodes, SentinelNode] : [SentinelNode];\n\n  const spanRef = React.useCallback(\n    span => {\n      // Register the `input` span with lexical\n      editorRef.current?.setRootElement(span);\n    },\n    [editorRef],\n  );\n\n  // Update lexical when disabled changes\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      editorRef.current?.setEditable(!disabled);\n    }\n  }, [disabled]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      return mergeRegister(\n        editorRef.current.registerEditableListener(isEditable => {\n          setDisabled(!isEditable);\n        }),\n        editorRef.current?.registerRootListener(root => {\n          if (!root) {\n            return;\n          }\n\n          // Remove lexical's inline style so we can apply our own\n          // Lexical needs the whitespace style to be either `pre` or `pre-wrap` to work correctly\n          root.style.whiteSpace = '';\n        }),\n      );\n    }\n  }, [editorRef]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange?.({}, { value: newValue });\n    },\n    [onChange],\n  );\n\n  const [defaultString, defaultValueFunction] = (() => {\n    if (typeof props.defaultValue === 'function') {\n      return [undefined, props.defaultValue];\n    }\n    return [props.defaultValue, undefined];\n  })();\n\n  const placeholderValue = slot.optional(props.placeholderValue, { elementType: 'span' });\n  const placeholderId = useId('chat-input-placeholder', placeholderValue?.id);\n  if (placeholderValue) {\n    placeholderValue.id = placeholderId;\n  }\n\n  return {\n    components: {\n      root: 'span',\n      input: 'span',\n      placeholderValue: 'span',\n    },\n    root: slot.always(props.root, { defaultProps: { ...root }, elementType: 'span' }),\n    input: slot.always(props.input, {\n      defaultProps: {\n        ref: useMergedRefs(ref, spanRef),\n        role: 'textbox',\n        contentEditable: !disabled,\n        'aria-readonly': disabled ? true : undefined,\n        tabIndex: disabled ? -1 : 0,\n        disabled,\n        suppressContentEditableWarning: true,\n        ...primary,\n        'aria-describedby': primary['aria-describedby']\n          ? `${primary['aria-describedby']} ${placeholderId}`\n          : placeholderId,\n      },\n      elementType: 'span',\n    }),\n    placeholderValue,\n    lexicalInitialConfig: {\n      namespace: 'fai-EditorInput',\n      onError: console.error,\n      nodes: customNodes,\n      editorState: defaultValueFunction,\n    },\n    editorRef,\n    disabled,\n    textPlugin,\n    onPaste,\n    handleOnChange,\n    defaultValue: defaultString,\n    trimWhiteSpace,\n    history,\n  };\n};\n"],"names":["React","getPartitionedNativeProps","slot","useId","useIsomorphicLayoutEffect","useMergedRefs","SentinelNode","LexicalPlainTextPlugin","mergeRegister","useControllableState","useEditorInput_unstable","props","ref","onChange","onPaste","trimWhiteSpace","textPlugin","history","root","primary","primarySlotTagName","excludedPropNames","editorRef","useRef","disabled","setDisabled","state","initialState","customNodes","spanRef","useCallback","span","current","setRootElement","setEditable","registerEditableListener","isEditable","registerRootListener","style","whiteSpace","handleOnChange","newValue","value","defaultString","defaultValueFunction","defaultValue","undefined","placeholderValue","optional","elementType","placeholderId","id","components","input","always","defaultProps","role","contentEditable","tabIndex","suppressContentEditableWarning","lexicalInitialConfig","namespace","onError","console","error","nodes","editorState"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,yBAAyB,EACzBC,IAAI,EACJC,KAAK,EACLC,yBAAyB,EACzBC,aAAa,QACR,6BAA6B;AAEpC,SAASC,YAAY,QAAQ,uCAAuC;AAEpE,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,sCAAsC;AAC5F,SAASC,oBAAoB,QAAQ,4BAA4B;AAEjE;;;;;;;;CAQC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,iBAAiB,KAAK,EAAEC,aAAaT,sBAAsB,EAAEU,UAAU,IAAI,EAAE,GAAGN;IAC3G,MAAM,EAAEO,IAAI,EAAEC,OAAO,EAAE,GAAGlB,0BAA0B;QAClDmB,oBAAoB;QACpBT;QACAU,mBAAmB;YAAC;YAAY;YAAW;SAAe;IAC5D;IAEA,MAAMC,YAAYtB,MAAMuB,MAAM,CAAgB;IAC9C,iFAAiF;IACjF,8CAA8C;IAC9C,MAAM,CAACC,UAAUC,YAAY,GAAGhB,qBAAqB;QACnDiB,OAAOf,MAAMa,QAAQ;QACrBG,cAAc;IAChB;IAEA,MAAMC,cAAcjB,MAAMiB,WAAW,GAAG;WAAIjB,MAAMiB,WAAW;QAAEtB;KAAa,GAAG;QAACA;KAAa;IAE7F,MAAMuB,UAAU7B,MAAM8B,WAAW,CAC/BC,CAAAA;YACE,yCAAyC;QACzCT;SAAAA,qBAAAA,UAAUU,OAAO,cAAjBV,yCAAAA,mBAAmBW,cAAc,CAACF;IACpC,GACA;QAACT;KAAU;IAGb,uCAAuC;IACvClB,0BAA0B;QACxB,IAAIkB,UAAUU,OAAO,EAAE;gBACrBV;aAAAA,qBAAAA,UAAUU,OAAO,cAAjBV,yCAAAA,mBAAmBY,WAAW,CAAC,CAACV;QAClC;IACF,GAAG;QAACA;KAAS;IAEbpB,0BAA0B;QACxB,IAAIkB,UAAUU,OAAO,EAAE;gBAKnBV;YAJF,OAAOd,cACLc,UAAUU,OAAO,CAACG,wBAAwB,CAACC,CAAAA;gBACzCX,YAAY,CAACW;YACf,KACAd,qBAAAA,UAAUU,OAAO,cAAjBV,yCAAAA,mBAAmBe,oBAAoB,CAACnB,CAAAA;gBACtC,IAAI,CAACA,MAAM;oBACT;gBACF;gBAEA,wDAAwD;gBACxD,wFAAwF;gBACxFA,KAAKoB,KAAK,CAACC,UAAU,GAAG;YAC1B;QAEJ;IACF,GAAG;QAACjB;KAAU;IAEd,MAAMkB,iBAAiBxC,MAAM8B,WAAW,CACtC,CAACW;QACC5B,qBAAAA,+BAAAA,SAAW,CAAC,GAAG;YAAE6B,OAAOD;QAAS;IACnC,GACA;QAAC5B;KAAS;IAGZ,MAAM,CAAC8B,eAAeC,qBAAqB,GAAG,AAAC,CAAA;QAC7C,IAAI,OAAOjC,MAAMkC,YAAY,KAAK,YAAY;YAC5C,OAAO;gBAACC;gBAAWnC,MAAMkC,YAAY;aAAC;QACxC;QACA,OAAO;YAAClC,MAAMkC,YAAY;YAAEC;SAAU;IACxC,CAAA;IAEA,MAAMC,mBAAmB7C,KAAK8C,QAAQ,CAACrC,MAAMoC,gBAAgB,EAAE;QAAEE,aAAa;IAAO;IACrF,MAAMC,gBAAgB/C,MAAM,0BAA0B4C,6BAAAA,uCAAAA,iBAAkBI,EAAE;IAC1E,IAAIJ,kBAAkB;QACpBA,iBAAiBI,EAAE,GAAGD;IACxB;IAEA,OAAO;QACLE,YAAY;YACVlC,MAAM;YACNmC,OAAO;YACPN,kBAAkB;QACpB;QACA7B,MAAMhB,KAAKoD,MAAM,CAAC3C,MAAMO,IAAI,EAAE;YAAEqC,cAAc;gBAAE,GAAGrC,IAAI;YAAC;YAAG+B,aAAa;QAAO;QAC/EI,OAAOnD,KAAKoD,MAAM,CAAC3C,MAAM0C,KAAK,EAAE;YAC9BE,cAAc;gBACZ3C,KAAKP,cAAcO,KAAKiB;gBACxB2B,MAAM;gBACNC,iBAAiB,CAACjC;gBAClB,iBAAiBA,WAAW,OAAOsB;gBACnCY,UAAUlC,WAAW,CAAC,IAAI;gBAC1BA;gBACAmC,gCAAgC;gBAChC,GAAGxC,OAAO;gBACV,oBAAoBA,OAAO,CAAC,mBAAmB,GAC3C,CAAC,EAAEA,OAAO,CAAC,mBAAmB,CAAC,CAAC,EAAE+B,cAAc,CAAC,GACjDA;YACN;YACAD,aAAa;QACf;QACAF;QACAa,sBAAsB;YACpBC,WAAW;YACXC,SAASC,QAAQC,KAAK;YACtBC,OAAOrC;YACPsC,aAAatB;QACf;QACAtB;QACAE;QACAR;QACAF;QACA0B;QACAK,cAAcF;QACd5B;QACAE;IACF;AACF,EAAE"}

package/lib/components/EditorInput/useEditorInputStyles.styles.js

@@ -0,0 +1,57 @@
+import { __resetStyles, __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';
+export const editorInputClassNames = {
+  root: 'fai-EditorInput',
+  input: 'fai-EditorInput__input',
+  placeholderValue: 'fai-EditorInput__placeholderValue'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootClassName = __resetStyles("r1x54j0a", null, [".r1x54j0a{display:inline-grid;white-space:pre-wrap;}"]);
+export const useLexicalStyles = __styles({
+  paragraph: {
+    B6of3ja: "f1hu3pq6",
+    t21cq0: ["f11qmguv", "f1tyq0we"],
+    jrapky: "f19f4twv",
+    Frg6f3: ["f1tyq0we", "f11qmguv"]
+  }
+}, {
+  d: [".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}"]
+});
+export const usePlaceholderClassName = __resetStyles("r1tldilo", null, [".r1tldilo{z-index:0;grid-area:1/1/1/1;color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"]);
+export const useInputClassName = __resetStyles("r18fti29", null, [".r18fti29{grid-area:1/1/1/1;z-index:1;width:100%;}"]);
+const useStyles = __styles({
+  placeholderDisabled: {
+    sj55zd: "f1s2aq7o"
+  }
+}, {
+  d: [".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"]
+});
+/**
+ * Apply styling to the EditorInput slots based on the state
+ */
+export const useEditorInputStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    disabled
+  } = state;
+  const placeholderClassName = usePlaceholderClassName();
+  const rootClassName = useRootClassName();
+  const inputClassName = useInputClassName();
+  const styles = useStyles();
+  state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);
+  state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);
+  state.lexicalInitialConfig = {
+    ...state.lexicalInitialConfig,
+    theme: {
+      ...useLexicalStyles(),
+      ...state.lexicalInitialConfig.theme
+    }
+  };
+  if (state.placeholderValue) {
+    state.placeholderValue.className = mergeClasses(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useEditorInputStyles.styles.js.map

package/lib/components/EditorInput/useEditorInputStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport type { EditorInputSlots, EditorInputState } from './EditorInput.types';\n\nexport const editorInputClassNames: SlotClassNames<EditorInputSlots> = {\n  root: 'fai-EditorInput',\n  input: 'fai-EditorInput__input',\n  placeholderValue: 'fai-EditorInput__placeholderValue',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n  display: 'inline-grid',\n  whiteSpace: 'pre-wrap',\n});\n\nexport const useLexicalStyles = makeStyles({\n  paragraph: {\n    ...shorthands.margin(0),\n  },\n});\n\nexport const usePlaceholderClassName = makeResetStyles({\n  zIndex: 0,\n  gridArea: '1 / 1 / 1 / 1',\n\n  color: tokens.colorNeutralForeground3,\n  ...typographyStyles.body1,\n});\n\nexport const useInputClassName = makeResetStyles({\n  gridArea: '1 / 1 / 1 / 1',\n  zIndex: 1,\n  width: '100%',\n});\n\nconst useStyles = makeStyles({\n  placeholderDisabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n});\n/**\n * Apply styling to the EditorInput slots based on the state\n */\nexport const useEditorInputStyles_unstable = (state: EditorInputState): EditorInputState => {\n  'use no memo';\n\n  const { disabled } = state;\n  const placeholderClassName = usePlaceholderClassName();\n  const rootClassName = useRootClassName();\n  const inputClassName = useInputClassName();\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);\n\n  state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);\n\n  state.lexicalInitialConfig = {\n    ...state.lexicalInitialConfig,\n    theme: { ...useLexicalStyles(), ...state.lexicalInitialConfig.theme },\n  };\n\n  if (state.placeholderValue) {\n    state.placeholderValue.className = mergeClasses(\n      editorInputClassNames.placeholderValue,\n      placeholderClassName,\n      disabled && styles.placeholderDisabled,\n      state.placeholderValue.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","tokens","typographyStyles","editorInputClassNames","root","input","placeholderValue","useRootClassName","display","whiteSpace","useLexicalStyles","paragraph","margin","usePlaceholderClassName","zIndex","gridArea","color","colorNeutralForeground3","body1","useInputClassName","width","useStyles","placeholderDisabled","colorNeutralForegroundDisabled","useEditorInputStyles_unstable","state","disabled","placeholderClassName","rootClassName","inputClassName","styles","className","lexicalInitialConfig","theme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gBAAgB,QACX,6BAA6B;AAIpC,OAAO,MAAMC,wBAA0D;IACrEC,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBV,gBAAgB;IACvCW,SAAS;IACTC,YAAY;AACd;AAEA,OAAO,MAAMC,mBAAmBZ,WAAW;IACzCa,WAAW;QACT,GAAGX,WAAWY,MAAM,CAAC,EAAE;IACzB;AACF,GAAG;AAEH,OAAO,MAAMC,0BAA0BhB,gBAAgB;IACrDiB,QAAQ;IACRC,UAAU;IAEVC,OAAOf,OAAOgB,uBAAuB;IACrC,GAAGf,iBAAiBgB,KAAK;AAC3B,GAAG;AAEH,OAAO,MAAMC,oBAAoBtB,gBAAgB;IAC/CkB,UAAU;IACVD,QAAQ;IACRM,OAAO;AACT,GAAG;AAEH,MAAMC,YAAYvB,WAAW;IAC3BwB,qBAAqB;QACnBN,OAAOf,OAAOsB,8BAA8B;IAC9C;AACF;AACA;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAME,uBAAuBd;IAC7B,MAAMe,gBAAgBrB;IACtB,MAAMsB,iBAAiBV;IACvB,MAAMW,SAAST;IAEfI,MAAMrB,IAAI,CAAC2B,SAAS,GAAGhC,aAAaI,sBAAsBC,IAAI,EAAEwB,eAAeH,MAAMrB,IAAI,CAAC2B,SAAS;IAEnGN,MAAMpB,KAAK,CAAC0B,SAAS,GAAGhC,aAAaI,sBAAsBE,KAAK,EAAEwB,gBAAgBJ,MAAMpB,KAAK,CAAC0B,SAAS;IAEvGN,MAAMO,oBAAoB,GAAG;QAC3B,GAAGP,MAAMO,oBAAoB;QAC7BC,OAAO;YAAE,GAAGvB,kBAAkB;YAAE,GAAGe,MAAMO,oBAAoB,CAACC,KAAK;QAAC;IACtE;IAEA,IAAIR,MAAMnB,gBAAgB,EAAE;QAC1BmB,MAAMnB,gBAAgB,CAACyB,SAAS,GAAGhC,aACjCI,sBAAsBG,gBAAgB,EACtCqB,sBACAD,YAAYI,OAAOR,mBAAmB,EACtCG,MAAMnB,gBAAgB,CAACyB,SAAS;IAEpC;IAEA,OAAON;AACT,EAAE"}

package/lib/index.js

@@ -0,0 +1,2 @@
+export { EditorInput, editorInputClassNames, renderEditorInput_unstable, useEditorInputStyles_unstable, useEditorInput_unstable } from './EditorInput';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { EditorInputProps, EditorInputSlots, EditorInputState, EditorInputValueData } from './EditorInput';\nexport {\n  EditorInput,\n  editorInputClassNames,\n  renderEditorInput_unstable,\n  useEditorInputStyles_unstable,\n  useEditorInput_unstable,\n} from './EditorInput';\n"],"names":["EditorInput","editorInputClassNames","renderEditorInput_unstable","useEditorInputStyles_unstable","useEditorInput_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,gBAAgB"}

package/lib-commonjs/EditorInput.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/EditorInput/index"), exports);
+ //# sourceMappingURL=EditorInput.js.map

package/lib-commonjs/EditorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EditorInput.ts"],"sourcesContent":["export * from './components/EditorInput/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EditorInput", {
+    enumerable: true,
+    get: function() {
+        return EditorInput;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useEditorInput = require("./useEditorInput");
+const _renderEditorInput = require("./renderEditorInput");
+const _useEditorInputStylesstyles = require("./useEditorInputStyles.styles");
+const EditorInput = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useEditorInput.useEditorInput_unstable)(props, ref);
+    (0, _useEditorInputStylesstyles.useEditorInputStyles_unstable)(state);
+    return (0, _renderEditorInput.renderEditorInput_unstable)(state);
+});
+EditorInput.displayName = 'EditorInput'; //# sourceMappingURL=EditorInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["EditorInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEditorInput_unstable } from './useEditorInput';\nimport { renderEditorInput_unstable } from './renderEditorInput';\nimport { useEditorInputStyles_unstable } from './useEditorInputStyles.styles';\nimport type { EditorInputProps } from './EditorInput.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// EditorInput component - TODO: add more docs\nexport const EditorInput: ForwardRefComponent<EditorInputProps> = React.forwardRef((props, ref) => {\n  const state = useEditorInput_unstable(props, ref);\n\n  useEditorInputStyles_unstable(state);\n  return renderEditorInput_unstable(state);\n});\n\nEditorInput.displayName = 'EditorInput';\n"],"names":["EditorInput","React","forwardRef","props","state","useEditorInput_unstable","useEditorInputStyles_unstable","renderEditorInput_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;gCACiB;mCACG;4CACG;AAKvC,MAAMA,cAAAA,WAAAA,GAAAA,OAAqDC,UAAMC,CAAU,CAACC,OAACA;UAClFC,QAAMA,IAAAA,uCAAQC,EAAAA,OAAwBF;iEAEtCG,EAAAA;WACAC,IAAAA,6CAAOA,EAAAA;AACT;AAEAP,YAAYQ,WAAW,GAAG"}

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

@@ -0,0 +1,7 @@
+/**
+ * Data passed to the `onChange` callback when the chat input's value changes.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=EditorInput.types.js.map

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

@@ -0,0 +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   * 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\n/**\n * State used in rendering EditorInput\n */\nexport type EditorInputState = ComponentState<EditorInputSlots> &\n  Required<Pick<EditorInputProps, 'disabled' | 'textPlugin' | 'history' | 'trimWhiteSpace'>> &\n  Partial<Pick<EditorInputProps, 'onPaste'>> & {\n    lexicalInitialConfig: InitialConfigType;\n    editorRef: React.RefObject<LexicalEditor>;\n    defaultValue?: string;\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":"AAiEA;;CAEC"}

package/lib-commonjs/components/EditorInput/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./EditorInput"), exports);
+_export_star._(require("./EditorInput.types"), exports);
+_export_star._(require("./renderEditorInput"), exports);
+_export_star._(require("./useEditorInput"), exports);
+_export_star._(require("./useEditorInputStyles.styles"), exports);
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './EditorInput';\nexport * from './EditorInput.types';\nexport * from './renderEditorInput';\nexport * from './useEditorInput';\nexport * from './useEditorInputStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderEditorInput_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderEditorInput_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const _reacttexteditor = require("@fluentui-copilot/react-text-editor");
+const _reactchatinputplugins = require("@fluentui-copilot/react-chat-input-plugins");
+const renderEditorInput_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reacttexteditor.LexicalComposer, {
+            initialConfig: state.lexicalInitialConfig,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(state.textPlugin, {
+                    contentEditable: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.input, {}),
+                    ErrorBoundary: _reacttexteditor.LexicalErrorBoundary,
+                    placeholder: state.placeholderValue ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.placeholderValue, {}) : null
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactchatinputplugins.BasicFunctionalityPlugin, {
+                            onContentChange: state.handleOnChange,
+                            onPaste: state.onPaste,
+                            trimWhitespace: state.trimWhiteSpace,
+                            defaultValue: state.defaultValue
+                        }),
+                        state.history && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacttexteditor.LexicalHistoryPlugin, {})
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacttexteditor.LexicalEditorRefPlugin, {
+                    editorRef: state.editorRef
+                })
+            ]
+        })
+    });
+}; //# sourceMappingURL=renderEditorInput.js.map

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

@@ -0,0 +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            defaultValue={state.defaultValue}\n          />\n          {state.history && <LexicalHistoryPlugin />}\n        </>\n        <LexicalEditorRefPlugin editorRef={state.editorRef} />\n      </LexicalComposer>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","state","_jsx","root","LexicalComposer","initialConfig","lexicalInitialConfig","textPlugin","contentEditable","ErrorBoundary","LexicalErrorBoundary","placeholder","placeholderValue","BasicFunctionalityPlugin","onContentChange","onPaste","trimWhitespace","defaultValue","editorRef"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBEA;;;eAAAA;;;4BAhBF;iCAE4B;iCAOrB;uCACkC;AAMvCA,MAAAA,6BAA8BC,CAAAA;oCAE9B,EAAAA;sBAEI,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAACC;kBAAgBC,WAAAA,GAAeJ,IAAAA,gBAAAA,EAAMK,gCAAAA,EAAAA;;;8BACpCJ,IAAAA,eAAA,EAACD,MAAMM,UAAU,EAAA;qCACfC,WAAAA,GAAAA,IAAAA,eAAAA,EAAAA,MAAAA,KAAiB,EAACP,CAAAA;mCAClBQ,qCAAeC;iCACfC,MAAAA,gBAAmBC,GAAAA,WAAgB,GAAAV,IAAAA,eAAA,EAAAD,MAAAW,gBAAUA,EAAAA,CAAAA,KAAAA;;;;mCAE/C,GAAAV,IAAAA,eAAA,EAAAW,+CAAA,EAAA;;;kDAEIC,cAAiBb;gDACjBc,YAASd;;yCACTe,WAAAA,GAAAA,IAAAA,eAAgBf,EAAAA,qCAAoB,EAAA,CAAA;qBAAA;;mDACpCgB,uCAAoBA,EAAAA;;;;;;gDAIiBC"}

package/lib-commonjs/components/EditorInput/useEditorInput.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useEditorInput_unstable", {
+    enumerable: true,
+    get: function() {
+        return useEditorInput_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _chatinputplugins = require("@fluentui-copilot/chat-input-plugins");
+const _reacttexteditor = require("@fluentui-copilot/react-text-editor");
+const _reactutilities = require("@fluentui/react-utilities");
+const useEditorInput_unstable = (props, ref)=>{
+    const { onChange, onPaste, trimWhiteSpace = false, textPlugin = _reacttexteditor.LexicalPlainTextPlugin, history = true } = props;
+    const { root, primary } = (0, _reactcomponents.getPartitionedNativeProps)({
+        primarySlotTagName: 'span',
+        props,
+        excludedPropNames: [
+            'onChange',
+            'onPaste',
+            'defaultValue'
+        ]
+    });
+    const editorRef = _react.useRef(null);
+    // The disabled state can also be changed by lexical (e.g. by a custom plugin) so
+    // we use `useControllableState` to coordinate
+    const [disabled, setDisabled] = (0, _reactutilities.useControllableState)({
+        state: props.disabled,
+        initialState: false
+    });
+    const customNodes = props.customNodes ? [
+        ...props.customNodes,
+        _chatinputplugins.SentinelNode
+    ] : [
+        _chatinputplugins.SentinelNode
+    ];
+    const spanRef = _react.useCallback((span)=>{
+        var // Register the `input` span with lexical
+        _editorRef_current;
+        (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.setRootElement(span);
+    }, [
+        editorRef
+    ]);
+    // Update lexical when disabled changes
+    (0, _reactcomponents.useIsomorphicLayoutEffect)(()=>{
+        if (editorRef.current) {
+            var _editorRef_current;
+            (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.setEditable(!disabled);
+        }
+    }, [
+        disabled
+    ]);
+    (0, _reactcomponents.useIsomorphicLayoutEffect)(()=>{
+        if (editorRef.current) {
+            var _editorRef_current;
+            return (0, _reacttexteditor.mergeRegister)(editorRef.current.registerEditableListener((isEditable)=>{
+                setDisabled(!isEditable);
+            }), (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.registerRootListener((root)=>{
+                if (!root) {
+                    return;
+                }
+                // Remove lexical's inline style so we can apply our own
+                // Lexical needs the whitespace style to be either `pre` or `pre-wrap` to work correctly
+                root.style.whiteSpace = '';
+            }));
+        }
+    }, [
+        editorRef
+    ]);
+    const handleOnChange = _react.useCallback((newValue)=>{
+        onChange === null || onChange === void 0 ? void 0 : onChange({}, {
+            value: newValue
+        });
+    }, [
+        onChange
+    ]);
+    const [defaultString, defaultValueFunction] = (()=>{
+        if (typeof props.defaultValue === 'function') {
+            return [
+                undefined,
+                props.defaultValue
+            ];
+        }
+        return [
+            props.defaultValue,
+            undefined
+        ];
+    })();
+    const placeholderValue = _reactcomponents.slot.optional(props.placeholderValue, {
+        elementType: 'span'
+    });
+    const placeholderId = (0, _reactcomponents.useId)('chat-input-placeholder', placeholderValue === null || placeholderValue === void 0 ? void 0 : placeholderValue.id);
+    if (placeholderValue) {
+        placeholderValue.id = placeholderId;
+    }
+    return {
+        components: {
+            root: 'span',
+            input: 'span',
+            placeholderValue: 'span'
+        },
+        root: _reactcomponents.slot.always(props.root, {
+            defaultProps: {
+                ...root
+            },
+            elementType: 'span'
+        }),
+        input: _reactcomponents.slot.always(props.input, {
+            defaultProps: {
+                ref: (0, _reactcomponents.useMergedRefs)(ref, spanRef),
+                role: 'textbox',
+                contentEditable: !disabled,
+                'aria-readonly': disabled ? true : undefined,
+                tabIndex: disabled ? -1 : 0,
+                disabled,
+                suppressContentEditableWarning: true,
+                ...primary,
+                'aria-describedby': primary['aria-describedby'] ? `${primary['aria-describedby']} ${placeholderId}` : placeholderId
+            },
+            elementType: 'span'
+        }),
+        placeholderValue,
+        lexicalInitialConfig: {
+            namespace: 'fai-EditorInput',
+            onError: console.error,
+            nodes: customNodes,
+            editorState: defaultValueFunction
+        },
+        editorRef,
+        disabled,
+        textPlugin,
+        onPaste,
+        handleOnChange,
+        defaultValue: defaultString,
+        trimWhiteSpace,
+        history
+    };
+}; //# sourceMappingURL=useEditorInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useEditorInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getPartitionedNativeProps,\n  slot,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport type { EditorInputProps, EditorInputState } from './EditorInput.types';\nimport { SentinelNode } from '@fluentui-copilot/chat-input-plugins';\nimport type { LexicalEditor } from '@fluentui-copilot/react-text-editor';\nimport { LexicalPlainTextPlugin, mergeRegister } from '@fluentui-copilot/react-text-editor';\nimport { useControllableState } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render EditorInput.\n *\n * The returned state can be modified with hooks such as useEditorInputStyles_unstable,\n * before being passed to renderEditorInput_unstable.\n *\n * @param props - props from this instance of EditorInput\n * @param ref - reference to root HTMLElement of EditorInput\n */\nexport const useEditorInput_unstable = (props: EditorInputProps, ref: React.Ref<HTMLSpanElement>): EditorInputState => {\n  const { onChange, onPaste, trimWhiteSpace = false, textPlugin = LexicalPlainTextPlugin, history = true } = props;\n  const { root, primary } = getPartitionedNativeProps({\n    primarySlotTagName: 'span',\n    props,\n    excludedPropNames: ['onChange', 'onPaste', 'defaultValue'],\n  });\n\n  const editorRef = React.useRef<LexicalEditor>(null);\n  // The disabled state can also be changed by lexical (e.g. by a custom plugin) so\n  // we use `useControllableState` to coordinate\n  const [disabled, setDisabled] = useControllableState({\n    state: props.disabled,\n    initialState: false,\n  });\n\n  const customNodes = props.customNodes ? [...props.customNodes, SentinelNode] : [SentinelNode];\n\n  const spanRef = React.useCallback(\n    span => {\n      // Register the `input` span with lexical\n      editorRef.current?.setRootElement(span);\n    },\n    [editorRef],\n  );\n\n  // Update lexical when disabled changes\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      editorRef.current?.setEditable(!disabled);\n    }\n  }, [disabled]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      return mergeRegister(\n        editorRef.current.registerEditableListener(isEditable => {\n          setDisabled(!isEditable);\n        }),\n        editorRef.current?.registerRootListener(root => {\n          if (!root) {\n            return;\n          }\n\n          // Remove lexical's inline style so we can apply our own\n          // Lexical needs the whitespace style to be either `pre` or `pre-wrap` to work correctly\n          root.style.whiteSpace = '';\n        }),\n      );\n    }\n  }, [editorRef]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange?.({}, { value: newValue });\n    },\n    [onChange],\n  );\n\n  const [defaultString, defaultValueFunction] = (() => {\n    if (typeof props.defaultValue === 'function') {\n      return [undefined, props.defaultValue];\n    }\n    return [props.defaultValue, undefined];\n  })();\n\n  const placeholderValue = slot.optional(props.placeholderValue, { elementType: 'span' });\n  const placeholderId = useId('chat-input-placeholder', placeholderValue?.id);\n  if (placeholderValue) {\n    placeholderValue.id = placeholderId;\n  }\n\n  return {\n    components: {\n      root: 'span',\n      input: 'span',\n      placeholderValue: 'span',\n    },\n    root: slot.always(props.root, { defaultProps: { ...root }, elementType: 'span' }),\n    input: slot.always(props.input, {\n      defaultProps: {\n        ref: useMergedRefs(ref, spanRef),\n        role: 'textbox',\n        contentEditable: !disabled,\n        'aria-readonly': disabled ? true : undefined,\n        tabIndex: disabled ? -1 : 0,\n        disabled,\n        suppressContentEditableWarning: true,\n        ...primary,\n        'aria-describedby': primary['aria-describedby']\n          ? `${primary['aria-describedby']} ${placeholderId}`\n          : placeholderId,\n      },\n      elementType: 'span',\n    }),\n    placeholderValue,\n    lexicalInitialConfig: {\n      namespace: 'fai-EditorInput',\n      onError: console.error,\n      nodes: customNodes,\n      editorState: defaultValueFunction,\n    },\n    editorRef,\n    disabled,\n    textPlugin,\n    onPaste,\n    handleOnChange,\n    defaultValue: defaultString,\n    trimWhiteSpace,\n    history,\n  };\n};\n"],"names":["onChange","trimWhiteSpace","primarySlotTagName","props","excludedPropNames","LexicalPlainTextPlugin","root","primary","editorRef","getPartitionedNativeProps","disabled","React","useRef","SentinelNode","customNodes","useCallback","span","current","_editorRef_current","useIsomorphicLayoutEffect","setEditable","registerEditableListener","isEditable","mergeRegister","setDisabled","whiteSpace","handleOnChange","newValue","value","undefined","defaultValue","placeholderValue","defaultValueFunction","id","placeholderId","elementType","defaultProps","input","slot","always","ref","spanRef","contentEditable","error"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAwBUA;;;eAAAA;;;;iEAxBa;iCAOhB;kCAEsB;iCAEyB;gCACjB;AAYnC,MAAQA,0BAAmBC,CAAAA,OAAAA;UAC3B,UACEC,SACAC,mBACAC,KAAAA,eAAoBC,uCAAA,YAAY,IAAA;YAClCC,IAAA,EAEAC,OAAMC,KACNC,IAAAA,0CAAA,EAAA;QACAP,oBAAA;QACAC;2BACeO;YAAAA;YAAQ;YAAA;SAAA;;UAEvBF,YAAAG,OAAAC,MAAA,CAAA;qFAEwC;kDAAqB;UAAEC,CAAAA,UAAAA,YAAAA,GAAAA,IAAAA,oCAAAA,EAAAA;eAAgBV,MAAAO,QAAA;sBAACG;;UAEhFC,cAAgBH,MAAMI,WACpBC,GAAAA;WAAAA,MAAAA,WAAAA;QAAAA,8BAAAA;KAAAA,GAAAA;QAAAA,8BAAAA;KAAAA;oBACEL,OAAAI,WAAA,CAAAC,CAAAA;qDACUC;QACZC;8BACCV,UAAAA,OAAAA,MAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAAA,cAAAA,CAAAA;OAAU;QAAAA;KAAA;2CAGb;kDACAW,EAAAA;YACEX,UAAIA,OAAUS,EAAAA;;kCACZT,UAAAA,OAAUS,MAAO,QAAAC,uBAAjBV,KAAAA,IAAAA,KAAAA,IAAAA,mBAAAA,WAAmBY,CAAAA,CAAAA;;OAEvB;QAAAV;KAAG;kDAACA,EAAAA;YAASF,UAAAS,OAAA,EAAA;YAEbE,IAAAA;mBACMX,IAAAA,8BAAUS,EAAAA,UAASA,OAAA,CAAAI,wBAAA,CAAAC,CAAAA;4BAKnBd,CAAAA;sCAJKe,UACLf,OAAUS,MAAQI,QAAAA,uBAAyBC,KAAAA,IAAAA,KAAAA,IAAAA,mBAAAA,oBAAAA,CAAAA,CAAAA;2BACzCE;;;wEAIE;wGACF;0BAEA,CAAAC,UAAA,GAAA;;;;;KAGF;UAEJC,iBAAAf,OAAAI,WAAA,CAAAY,CAAAA;QACF3B,aAAG,QAAAA,aAAA,KAAA,IAAA,KAAA,IAAAA,SAAA,CAAA,GAAA;mBAACQ;;OAEJ;QAAAR;KAAM0B;UAEF1B,CAAAA,eAAAA,qBAAAA,GAAAA,CAAAA;mBAAiB4B,MAAOD,YAAAA,KAAAA,YAAAA;mBAAS;gBAAAE;gBAAA1B,MAAA2B,YAAA;aAAA;QACnC;eACC9B;YAAAA,MAAAA,YAAAA;YAAAA;SAAAA;;UAGH+B,mBAAsBC,qBAAAA,CAAAA,QAAAA,CAAAA,MAAqBD,gBAAI,EAAA;qBACzC;;0BACMF,IAAAA,sBAAAA,EAAAA,0BAAAA,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAAA,EAAAA;0BAAiBC;yBAAaG,EAAA,GAAAC;;WAExC;oBAAQ/B;kBAAoB0B;mBAAU;YACxCE,kBAAA;QAEA;cAAiEI,qBAAAA,CAAAA,MAAa,CAAAhC,MAAAG,IAAA,EAAA;YAAO8B,cAAA;gBACrF,GAAMF,IAAAA;YACN;yBACEH;QACF;QAEAM,OAAOC,qBAAA,CAAAC,MAAA,CAAApC,MAAAkC,KAAA,EAAA;0BACO;qBACV/B,IAAAA,8BAAM,EAAAkC,KAAAC;sBACNJ;iCACAN,CAAAA;gBACF,iBAAArB,WAAA,OAAAmB;gBACAvB,UAAMgC,WAAYnC,CAAAA,IAAMG;;gDAA+B;0BAAC;oCAAgBC,OAAA,CAAA,mBAAA,GAAA,CAAA,EAAAA,OAAA,CAAA,mBAAA,CAAA,CAAA,EAAA2B,cAAA,CAAA,GAAAA;;yBACjEI;;;8BAGG;uBACNI;6BACAC,KAAA;;yBAEAjC;;;;;;;sBASJqB;;;;6CAKeC"}

package/lib-commonjs/components/EditorInput/useEditorInputStyles.styles.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    editorInputClassNames: function() {
+        return editorInputClassNames;
+    },
+    useEditorInputStyles_unstable: function() {
+        return useEditorInputStyles_unstable;
+    },
+    useInputClassName: function() {
+        return useInputClassName;
+    },
+    useLexicalStyles: function() {
+        return useLexicalStyles;
+    },
+    usePlaceholderClassName: function() {
+        return usePlaceholderClassName;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const editorInputClassNames = {
+    root: 'fai-EditorInput',
+    input: 'fai-EditorInput__input',
+    placeholderValue: 'fai-EditorInput__placeholderValue'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = (0, _reactcomponents.__resetStyles)("r1x54j0a", null, [
+    ".r1x54j0a{display:inline-grid;white-space:pre-wrap;}"
+]);
+const useLexicalStyles = (0, _reactcomponents.__styles)({
+    paragraph: {
+        B6of3ja: "f1hu3pq6",
+        t21cq0: [
+            "f11qmguv",
+            "f1tyq0we"
+        ],
+        jrapky: "f19f4twv",
+        Frg6f3: [
+            "f1tyq0we",
+            "f11qmguv"
+        ]
+    }
+}, {
+    d: [
+        ".f1hu3pq6{margin-top:0;}",
+        ".f11qmguv{margin-right:0;}",
+        ".f1tyq0we{margin-left:0;}",
+        ".f19f4twv{margin-bottom:0;}"
+    ]
+});
+const usePlaceholderClassName = (0, _reactcomponents.__resetStyles)("r1tldilo", null, [
+    ".r1tldilo{z-index:0;grid-area:1/1/1/1;color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"
+]);
+const useInputClassName = (0, _reactcomponents.__resetStyles)("r18fti29", null, [
+    ".r18fti29{grid-area:1/1/1/1;z-index:1;width:100%;}"
+]);
+const useStyles = (0, _reactcomponents.__styles)({
+    placeholderDisabled: {
+        sj55zd: "f1s2aq7o"
+    }
+}, {
+    d: [
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"
+    ]
+});
+const useEditorInputStyles_unstable = (state)=>{
+    'use no memo';
+    const { disabled } = state;
+    const placeholderClassName = usePlaceholderClassName();
+    const rootClassName = useRootClassName();
+    const inputClassName = useInputClassName();
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.root, rootClassName, state.root.className);
+    state.input.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.input, inputClassName, state.input.className);
+    state.lexicalInitialConfig = {
+        ...state.lexicalInitialConfig,
+        theme: {
+            ...useLexicalStyles(),
+            ...state.lexicalInitialConfig.theme
+        }
+    };
+    if (state.placeholderValue) {
+        state.placeholderValue.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
+    }
+    return state;
+}; //# sourceMappingURL=useEditorInputStyles.styles.js.map

package/lib-commonjs/components/EditorInput/useEditorInputStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport type { EditorInputSlots, EditorInputState } from './EditorInput.types';\n\nexport const editorInputClassNames: SlotClassNames<EditorInputSlots> = {\n  root: 'fai-EditorInput',\n  input: 'fai-EditorInput__input',\n  placeholderValue: 'fai-EditorInput__placeholderValue',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n  display: 'inline-grid',\n  whiteSpace: 'pre-wrap',\n});\n\nexport const useLexicalStyles = makeStyles({\n  paragraph: {\n    ...shorthands.margin(0),\n  },\n});\n\nexport const usePlaceholderClassName = makeResetStyles({\n  zIndex: 0,\n  gridArea: '1 / 1 / 1 / 1',\n\n  color: tokens.colorNeutralForeground3,\n  ...typographyStyles.body1,\n});\n\nexport const useInputClassName = makeResetStyles({\n  gridArea: '1 / 1 / 1 / 1',\n  zIndex: 1,\n  width: '100%',\n});\n\nconst useStyles = makeStyles({\n  placeholderDisabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n});\n/**\n * Apply styling to the EditorInput slots based on the state\n */\nexport const useEditorInputStyles_unstable = (state: EditorInputState): EditorInputState => {\n  'use no memo';\n\n  const { disabled } = state;\n  const placeholderClassName = usePlaceholderClassName();\n  const rootClassName = useRootClassName();\n  const inputClassName = useInputClassName();\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);\n\n  state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);\n\n  state.lexicalInitialConfig = {\n    ...state.lexicalInitialConfig,\n    theme: { ...useLexicalStyles(), ...state.lexicalInitialConfig.theme },\n  };\n\n  if (state.placeholderValue) {\n    state.placeholderValue.className = mergeClasses(\n      editorInputClassNames.placeholderValue,\n      placeholderClassName,\n      disabled && styles.placeholderDisabled,\n      state.placeholderValue.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["editorInputClassNames","useEditorInputStyles_unstable","typographyStyles","whiteSpace","tokens","colorNeutralForeground3","root","input","placeholderValue","display","__resetStyles","__styles","paragraph","B6of3ja","useLexicalStyles","shorthands","Frg6f3","zIndex","color","useStyles","placeholderDisabled","useInputClassName","gridArea","d","state","disabled","placeholderClassName","rootClassName","inputClassName","styles","className","mergeClasses","lexicalInitialConfig","theme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,qBAAAA;eAAAA;;IAsCbC,6BAAA;eAAAA;;IAbKC,iBAAsB;eAAtBA;;IAdHC,gBAAY;eAAZA;;IAaOC,uBAAOC;eAAPD;;;iCA7BS;AAKX,MAAMJ,wBAA0D;UACrEM;WACAC;sBACAC;AACF;AAEA;;CAEC,SAECC,mBAASC,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;AACTP,MAAAA,mBAAYQ,IAAAA,yBAAA,EAAA;IACdC,WAAA;QAEAC,SAAaC;QACXF,QAAAA;YAAAA;YAAW;SAAA;gBACNG;QACLC,QAAA;YAAA;YAAA;SAAA;IACF;AAEA,GAAA;OACEC;QAAAA;QAAQ;QAAA;QAAA;KAAA;;AAGRC,MAAOd,0BAAOC,IAAAA,8BAAuB,EAAA,YAAA,MAAA;IAAA;CAAA;AAClCH,MAAAA,oBAAsBQ,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;AAC3B,MAAGS,YAAAR,IAAAA,yBAAA,EAAA;IAEHS,qBAAaC;QACXC,QAAAA;;;IAGFC,GAAG;QAAA;KAAA;AAEH;AAIA,MAAAtB,gCAAAuB,CAAAA;IACA;IAEC,MACD,EACEC,QAAA,KAEAD;UACAE,uBAAMA;UACNC,gBAAMA;UACNC,iBAAMA;UACNC,SAAMA;UAENL,IAAMlB,CAAAA,SAAKwB,GAASC,IAAAA,6BAAGA,EAAAA,sBAAa/B,IAAsBM,EAAIqB,eAAEA,MAAeH,IAAMlB,CAAAA,SAAKwB;UAE1FN,KAAMjB,CAAAA,SAAMuB,GAASC,IAAAA,6BAAGA,EAAAA,sBAAa/B,KAAsBO,EAAKqB,gBAAEA,MAAgBJ,KAAMjB,CAAAA,SAAMuB;UAE9FN,oBAAMQ,GAAoB;iBACrBR,oBAAMQ;eACTC;iCAAYnB;qBAAuBU,oBAAMQ,CAAAA,KAAoB;;;QAG/DR,MAAIA,gBAAMhB,EAAgB;cACxBgB,gBAAMhB,CAAAA,SAAiBsB,GAAAA,IAAAA,6BAAYC,EAAAA,sBACjC/B,gBAAsBQ,EAAAA,sBACtBkB,YACAD,OAAYI,mBAAOT,EAAAA,MACnBI,gBAAMhB,CAAAA,SAAiBsB;;WAI3BN;AACF"}

package/lib-commonjs/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    EditorInput: function() {
+        return _EditorInput.EditorInput;
+    },
+    editorInputClassNames: function() {
+        return _EditorInput.editorInputClassNames;
+    },
+    renderEditorInput_unstable: function() {
+        return _EditorInput.renderEditorInput_unstable;
+    },
+    useEditorInputStyles_unstable: function() {
+        return _EditorInput.useEditorInputStyles_unstable;
+    },
+    useEditorInput_unstable: function() {
+        return _EditorInput.useEditorInput_unstable;
+    }
+});
+const _EditorInput = require("./EditorInput");
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { EditorInputProps, EditorInputSlots, EditorInputState, EditorInputValueData } from './EditorInput';\nexport {\n  EditorInput,\n  editorInputClassNames,\n  renderEditorInput_unstable,\n  useEditorInputStyles_unstable,\n  useEditorInput_unstable,\n} from './EditorInput';\n"],"names":["EditorInput","editorInputClassNames","renderEditorInput_unstable","useEditorInputStyles_unstable","useEditorInput_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,WAAW;eAAXA,wBAAW;;IACXC,qBAAqB;eAArBA,kCAAqB;;IACrBC,0BAA0B;eAA1BA,uCAA0B;;IAC1BC,6BAA6B;eAA7BA,0CAA6B;;IAC7BC,uBAAuB;eAAvBA,oCAAuB;;;6BAClB"}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@fluentui-copilot/react-editor-input",
+  "version": "0.0.0-nightly-20240606-0406-a04dfe79.1",
+  "description": "a base rich editor input.",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "./dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentai"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@fluentui-copilot/chat-input-plugins": "0.0.0-nightly-20240606-0406-a04dfe79.1",
+    "@fluentui-copilot/react-chat-input-plugins": "0.0.0-nightly-20240606-0406-a04dfe79.1",
+    "@fluentui-copilot/react-text-editor": "0.0.0-nightly-20240606-0406-a04dfe79.1",
+    "@swc/helpers": "^0.5.1"
+  },
+  "peerDependencies": {
+    "@fluentui/react-components": ">=9.52.0 <10.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.38 <10.0.0",
+    "@fluentui/react-utilities": ">=9.18.9 <10.0.0",
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.9.8 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
+  },
+  "beachball": {},
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  }
+}