npm - @fluentui-copilot/react-editor-input - Versions diffs - 0.4.11-hotfix.1 → 0.4.11-hotfix.2 - Mend

@fluentui-copilot/react-editor-input 0.4.11-hotfix.1 → 0.4.11-hotfix.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,16 +2,16 @@
   "name": "@fluentui-copilot/react-editor-input",
   "entries": [
     {
-      "date": "Tue, 12 Aug 2025 16:09:21 GMT",
-      "tag": "@fluentui-copilot/react-editor-input_v0.4.11-hotfix.1",
-      "version": "0.4.11-hotfix.1",
+      "date": "Fri, 19 Sep 2025 15:10:19 GMT",
+      "tag": "@fluentui-copilot/react-editor-input_v0.4.11-hotfix.2",
+      "version": "0.4.11-hotfix.2",
       "comments": {
         "prerelease": [
           {
             "author": "hochelmartin@gmail.com",
             "package": "@fluentui-copilot/react-editor-input",
             "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
-            "comment": "release: prepare hotfix 0.26.2-hotfix.1"
+            "comment": "release: prepare hotfix 0.26.2-hotfix.2"
           }
         ]
       }

package/CHANGELOG.md CHANGED Viewed

@@ -1,17 +1,17 @@
 # Change Log - @fluentui-copilot/react-editor-input
-This log was last generated on Tue, 12 Aug 2025 16:09:21 GMT and should not be manually modified.
+This log was last generated on Fri, 19 Sep 2025 15:10:19 GMT and should not be manually modified.
 <!-- Start content -->
-## [0.4.11-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.4.11-hotfix.1)
+## [0.4.11-hotfix.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.4.11-hotfix.2)
-Tue, 12 Aug 2025 16:09:21 GMT
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-editor-input_v0.4.11..@fluentui-copilot/react-editor-input_v0.4.11-hotfix.1)
+Fri, 19 Sep 2025 15:10:19 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-editor-input_v0.4.11..@fluentui-copilot/react-editor-input_v0.4.11-hotfix.2)
 ### Changes
-- release: prepare hotfix 0.26.2-hotfix.1 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
+- release: prepare hotfix 0.26.2-hotfix.2 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
 ## [0.4.10](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.4.10)

package/lib/EditorInput.js CHANGED Viewed

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

package/lib/components/EditorInput/EditorInput.js CHANGED Viewed

@@ -3,9 +3,10 @@ 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);
+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.types.js CHANGED Viewed

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

package/lib/components/EditorInput/index.js CHANGED Viewed

@@ -2,3 +2,4 @@ export { EditorInput } from './EditorInput';
 export { renderEditorInput_unstable } from './renderEditorInput';
 export { useEditorInput_unstable } from './useEditorInput';
 export { editorInputClassNames, useEditorInputStyles_unstable, useInputClassName, useLexicalStyles, usePlaceholderClassName } from './useEditorInputStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/EditorInput/renderEditorInput.js CHANGED Viewed

@@ -1,36 +1,31 @@
-  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
+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,
-                            isSentinelNodeEnabled: state.isSentinelNodeEnabled
-                        }),
-                        state.history && /*#__PURE__*/ _jsx(LexicalHistoryPlugin, {})
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(LexicalEditorRefPlugin, {
-                    editorRef: state.editorRef
-                })
-            ]
-        })
-    });
+ */
+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,
+          isSentinelNodeEnabled: state.isSentinelNodeEnabled
+        }), state.history && /*#__PURE__*/_jsx(LexicalHistoryPlugin, {})]
+      }), /*#__PURE__*/_jsx(LexicalEditorRefPlugin, {
+        editorRef: state.editorRef
+      })]
+    })
+  });
 };
+//# sourceMappingURL=renderEditorInput.js.map

package/lib/components/EditorInput/useEditorInput.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { getPartitionedNativeProps, slot, useId, useIsomorphicLayoutEffect, useM
 import { SentinelNode } from '@fluentui-copilot/chat-input-plugins';
 import { LexicalPlainTextPlugin, mergeRegister } from '@fluentui-copilot/react-text-editor';
 import { useControllableState } from '@fluentui/react-utilities';
-export const createInitialEditorState = (defaultValue)=>{
-    return `{"root":{"type":"root","children":[{"children":[{"text":${JSON.stringify(defaultValue)},"type":"text"}],"type":"paragraph"}]}}`;
+export const createInitialEditorState = defaultValue => {
+  return `{"root":{"type":"root","children":[{"children":[{"text":${JSON.stringify(defaultValue)},"type":"text"}],"type":"paragraph"}]}}`;
 };
 /**
  * Create the state required to render EditorInput.
@@ -14,144 +14,131 @@ export const createInitialEditorState = (defaultValue)=>{
  *
  * @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, editorRef: userEditorRef, customTheme, isSentinelNodeEnabled = true, preventDefaultValueOnChange = false } = props;
-    const { root, primary } = getPartitionedNativeProps({
-        primarySlotTagName: 'span',
-        props,
-        excludedPropNames: [
-            'onChange',
-            'onPaste',
-            'defaultValue'
-        ]
-    });
-    const editorRef = useMergedRefs(React.useRef(null), userEditorRef);
-    // 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, lexicalEditorStateDefaultValue] = React.useMemo(()=>{
-        if (typeof props.defaultValue === 'function') {
-            return [
-                undefined,
-                props.defaultValue
-            ];
-        }
-        if (preventDefaultValueOnChange && props.defaultValue !== undefined) {
-            // Any method of providing a default value to lexical which inserts it after initialization
-            // will trigger a text content change.
-            // Providing a default value as a stringified editorState will prevent calling onChange
-            const editorState = createInitialEditorState(props.defaultValue);
-            return [
-                undefined,
-                editorState
-            ];
+ */
+export const useEditorInput_unstable = (props, ref) => {
+  const {
+    onChange,
+    onPaste,
+    trimWhiteSpace = false,
+    textPlugin = LexicalPlainTextPlugin,
+    history = true,
+    editorRef: userEditorRef,
+    customTheme,
+    isSentinelNodeEnabled = true,
+    preventDefaultValueOnChange = false
+  } = props;
+  const {
+    root,
+    primary
+  } = getPartitionedNativeProps({
+    primarySlotTagName: 'span',
+    props,
+    excludedPropNames: ['onChange', 'onPaste', 'defaultValue']
+  });
+  const editorRef = useMergedRefs(React.useRef(null), userEditorRef);
+  // 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;
         }
-        return [
-            props.defaultValue,
-            undefined
-        ];
-    }, [
-        preventDefaultValueOnChange,
-        props.defaultValue
-    ]);
-    const placeholderValue = slot.optional(props.placeholderValue, {
-        elementType: 'span'
+        // 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
     });
-    const placeholderId = useId('chat-input-placeholder', placeholderValue === null || placeholderValue === void 0 ? void 0 : placeholderValue.id);
-    if (placeholderValue) {
-        placeholderValue.id = placeholderId;
+  }, [onChange]);
+  const [defaultString, lexicalEditorStateDefaultValue] = React.useMemo(() => {
+    if (typeof props.defaultValue === 'function') {
+      return [undefined, props.defaultValue];
+    }
+    if (preventDefaultValueOnChange && props.defaultValue !== undefined) {
+      // Any method of providing a default value to lexical which inserts it after initialization
+      // will trigger a text content change.
+      // Providing a default value as a stringified editorState will prevent calling onChange
+      const editorState = createInitialEditorState(props.defaultValue);
+      return [undefined, editorState];
     }
-    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,
-                disabled,
-                suppressContentEditableWarning: true,
-                tabIndex: disabled ? undefined : 0,
-                ...primary,
-                'aria-describedby': primary['aria-describedby'] ? `${primary['aria-describedby']} ${placeholderId}` : placeholderId
-            },
-            elementType: 'span'
-        }),
-        placeholderValue,
-        lexicalInitialConfig: {
-            namespace: 'fai-EditorInput',
-            onError: console.error,
-            nodes: customNodes,
-            editorState: lexicalEditorStateDefaultValue,
-            theme: customTheme
-        },
-        editorRef,
+    return [props.defaultValue, undefined];
+  }, [preventDefaultValueOnChange, props.defaultValue]);
+  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,
         disabled,
-        textPlugin,
-        onPaste,
-        handleOnChange,
-        defaultValue: defaultString,
-        trimWhiteSpace,
-        history,
-        isSentinelNodeEnabled
-    };
+        suppressContentEditableWarning: true,
+        tabIndex: disabled ? undefined : 0,
+        ...primary,
+        'aria-describedby': primary['aria-describedby'] ? `${primary['aria-describedby']} ${placeholderId}` : placeholderId
+      },
+      elementType: 'span'
+    }),
+    placeholderValue,
+    lexicalInitialConfig: {
+      namespace: 'fai-EditorInput',
+      onError: console.error,
+      nodes: customNodes,
+      editorState: lexicalEditorStateDefaultValue,
+      theme: customTheme
+    },
+    editorRef,
+    disabled,
+    textPlugin,
+    onPaste,
+    handleOnChange,
+    defaultValue: defaultString,
+    trimWhiteSpace,
+    history,
+    isSentinelNodeEnabled
+  };
 };
+//# sourceMappingURL=useEditorInput.js.map

package/lib/components/EditorInput/useEditorInputStyles.styles.raw.js CHANGED Viewed

@@ -1,61 +1,67 @@
 import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const editorInputClassNames = {
-    root: 'fai-EditorInput',
-    input: 'fai-EditorInput__input',
-    placeholderValue: 'fai-EditorInput__placeholderValue'
+  root: 'fai-EditorInput',
+  input: 'fai-EditorInput__input',
+  placeholderValue: 'fai-EditorInput__placeholderValue'
 };
 /**
  * Styles for the root slot
- */ const useRootClassName = makeResetStyles({
-    display: 'inline-grid',
-    whiteSpace: 'pre-wrap'
+ */
+const useRootClassName = makeResetStyles({
+  display: 'inline-grid',
+  whiteSpace: 'pre-wrap'
 });
 export const useLexicalStyles = makeStyles({
-    paragraph: {
-        margin: 0,
-        textAlign: 'start'
-    }
+  paragraph: {
+    margin: 0,
+    textAlign: 'start'
+  }
 });
 export const usePlaceholderClassName = makeResetStyles({
-    zIndex: 0,
-    gridArea: '1 / 1 / 1 / 1',
-    color: tokens.colorNeutralForeground4,
-    ...typographyStyles.body1,
-    '@media (forced-colors: active)': {
-        color: 'GrayText'
-    }
+  zIndex: 0,
+  gridArea: '1 / 1 / 1 / 1',
+  color: tokens.colorNeutralForeground4,
+  ...typographyStyles.body1,
+  '@media (forced-colors: active)': {
+    color: 'GrayText'
+  }
 });
 export const useInputClassName = makeResetStyles({
-    gridArea: '1 / 1 / 1 / 1',
-    zIndex: 1,
-    width: '100%'
+  gridArea: '1 / 1 / 1 / 1',
+  zIndex: 1,
+  width: '100%'
 });
 const useStyles = makeStyles({
-    placeholderDisabled: {
-        color: tokens.colorNeutralForegroundDisabled
-    }
+  placeholderDisabled: {
+    color: tokens.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);
+ */
+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
     }
-    return state;
+  };
+  if (state.placeholderValue) {
+    state.placeholderValue.className = mergeClasses(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
+  }
+  return state;
 };
+//# sourceMappingURL=useEditorInputStyles.styles.raw.js.map

package/lib/index.js CHANGED Viewed

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

package/lib-commonjs/EditorInput.js CHANGED Viewed

@@ -35,3 +35,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/EditorInput/index");
+ //# sourceMappingURL=EditorInput.js.map

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

@@ -18,4 +18,4 @@ const EditorInput = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useEditorInputStylesstyles.useEditorInputStyles_unstable)(state);
     return (0, _renderEditorInput.renderEditorInput_unstable)(state);
 });
-EditorInput.displayName = 'EditorInput';
+EditorInput.displayName = 'EditorInput'; //# sourceMappingURL=EditorInput.js.map

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

	@@ -1 +1 @@
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","~~ref","~~state","useEditorInput_unstable","useEditorInputStyles_unstable","renderEditorInput_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;gCACiB;mCACG;4CACG;AAKvC,MAAMA,cAAAA,WAAAA,~~GAAqDC~~,~~OAAMC~~,~~UAAU~~,~~CAAC~~,CAACC,~~OAAOC~~;~~IACzF~~,~~MAAMC~~,~~QAAQC,~~IAAAA,~~uCAAAA~~,~~EAAwBH~~,~~OAAOC~~;~~IAE7CG~~,~~IAAAA,yDAAAA,EAA8BF~~;~~IAC9B~~,~~OAAOG,~~IAAAA,~~6CAAAA~~,~~EAA2BH~~;~~AACpC~~;~~AAEAL~~,~~YAAYS~~,WAAW,GAAG"}
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 CHANGED Viewed

@@ -4,3 +4,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+ //# sourceMappingURL=EditorInput.types.js.map

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

@@ -38,3 +38,4 @@ const _EditorInput = require("./EditorInput");
 const _renderEditorInput = require("./renderEditorInput");
 const _useEditorInput = require("./useEditorInput");
 const _useEditorInputStylesstyles = require("./useEditorInputStyles.styles");
+ //# sourceMappingURL=index.js.map

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

@@ -41,4 +41,4 @@ const renderEditorInput_unstable = (state)=>{
             ]
         })
     });
-};
+}; //# sourceMappingURL=renderEditorInput.js.map

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

	@@ -1 +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 defaultValue={state.defaultValue}\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","defaultValue","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,cAActB,MAAMsB,YAAY;4BAChCC,uBAAuBvB,MAAMuB,qBAAqB~~;;~~wBAEnDvB~~,~~MAAMwB~~,~~OAAO~~,~~IAAA,WAAA,GAAItB,~~IAAAA,~~eAAA~~,~~EAACuB,qCAAAA,~~EAAAA,~~CAAAA;;;8BAErBvB~~,~~IAAAA~~,~~eAAA~~,~~EAACwB,~~uCAAAA,~~EAAAA;oBAAuBC,WAAW3B,MAAM2B,SAAS;;;;;AAI1D~~"}
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 isSentinelNodeEnabled={state.isSentinelNodeEnabled}\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","trimWhiteSpace","defaultValue","isSentinelNodeEnabled","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;mDACTe,MAAAA,qBAAsBC;;yCACtBC,WAAAA,GAAcjB,IAAAA,eAAAA,EAAAA,qCAAkB,EAAA,CAAA;qBAAA;;mDAChCkB,uCAAAA,EAAuBlB;;;;;;gDAIcmB"}

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

@@ -50,7 +50,8 @@ const useEditorInput_unstable = (props, ref)=>{
         _chatinputplugins.SentinelNode
     ];
     const spanRef = _react.useCallback((span)=>{
-        var _editorRef_current;
+        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
@@ -164,4 +165,4 @@ const useEditorInput_unstable = (props, ref)=>{
         history,
         isSentinelNodeEnabled
     };
-};
+}; //# sourceMappingURL=useEditorInput.js.map

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

	@@ -1 +1 @@
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\nexport const createInitialEditorState = (defaultValue: string) => {\n return `{\"root\":{\"type\":\"root\",\"children\":[{\"children\":[{\"text\":${JSON.stringify(\n defaultValue,\n )},\"type\":\"text\"}],\"type\":\"paragraph\"}]}}`;\n};\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 {\n onChange,\n onPaste,\n trimWhiteSpace = false,\n textPlugin = LexicalPlainTextPlugin,\n history = true,\n editorRef: userEditorRef,\n customTheme,\n isSentinelNodeEnabled = true,\n preventDefaultValueOnChange = false,\n } = props;\n const { root, primary } = getPartitionedNativeProps({\n primarySlotTagName: 'span',\n props,\n excludedPropNames: ['onChange', 'onPaste', 'defaultValue'],\n });\n\n const editorRef = useMergedRefs(React.useRef<LexicalEditor>(null), userEditorRef);\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, lexicalEditorStateDefaultValue] = React.useMemo(() => {\n if (typeof props.defaultValue === 'function') {\n return [undefined, props.defaultValue];\n }\n\n if (preventDefaultValueOnChange && props.defaultValue !== undefined) {\n // Any method of providing a default value to lexical which inserts it after initialization\n // will trigger a text content change.\n // Providing a default value as a stringified editorState will prevent calling onChange\n const editorState = createInitialEditorState(props.defaultValue);\n return [undefined, editorState];\n }\n\n return [props.defaultValue, undefined];\n }, [preventDefaultValueOnChange, props.defaultValue]);\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 disabled,\n suppressContentEditableWarning: true,\n tabIndex: disabled ? undefined : 0,\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: lexicalEditorStateDefaultValue,\n theme: customTheme,\n },\n editorRef,\n disabled,\n textPlugin,\n onPaste,\n handleOnChange,\n defaultValue: defaultString,\n trimWhiteSpace,\n history,\n isSentinelNodeEnabled,\n };\n};\n"],"names":["createInitialEditorState","~~useEditorInput_unstable~~","defaultValue","JSON","stringify","~~props~~","~~ref~~","~~onChange~~","~~onPaste","trimWhiteSpace","textPlugin","~~LexicalPlainTextPlugin","~~history","editorRef","~~userEditorRef","~~customTheme","~~isSentinelNodeEnabled","preventDefaultValueOnChange","~~root","primary","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","~~useMergedRefs","React","~~useRef~~","~~disabled~~","~~setDisabled~~","~~useControllableState~~","~~state~~","~~initialState~~","~~customNodes~~","~~SentinelNode","~~spanRef","useCallback","span","current","~~setRootElement~~","~~useIsomorphicLayoutEffect~~","setEditable","mergeRegister","~~registerEditableListener","isEditable","~~registerRootListener","style","whiteSpace","handleOnChange","~~newValue","~~value","defaultString","lexicalEditorStateDefaultValue","~~useMemo","~~undefined","editorState","~~placeholderValue~~","~~slot","optional","elementType","~~placeholderId","~~useId~~","id","~~components","input","~~always","defaultProps","~~role~~","~~contentEditable~~","~~suppressContentEditableWarning~~","~~tabIndex~~","~~lexicalInitialConfig~~","~~namespace~~","~~onError","console","~~error"~~,"nodes","theme"~~],"rangeMappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","mappings":";;;;;;;;;;;IAcaA,wBAAAA;eAAAA;;~~IAeAC~~,~~uBAAAA~~;~~eAAAA~~;;;;~~iEA7BU~~;iCAOhB;kCAEsB;iCAEyB;gCACjB;AAE9B,MAAMD,~~2BAA2B~~,~~CAACE~~;~~IACvC~~,~~OAAO~~,~~CAAC~~,~~wDAAwD~~,~~EAAEC~~,~~KAAKC~~,~~SAAS~~,~~CAC9EF~~,~~cACA~~,~~uCAAuC,CAAC~~;~~AAC5C~~;~~AAWO~~,~~MAAMD~~,~~0BAA0B~~,~~CAACI~~,~~OAAyBC~~;~~IAC/D~~,~~MAAM~~,~~EACJC~~,~~QAAQ~~,~~EACRC~~,~~OAAO~~,~~EACPC~~,~~iBAAiB~~,~~KAAK~~,~~EACtBC~~,~~aAAaC~~,~~uCAAsB~~,~~EACnCC~~,~~UAAU~~,~~IAAI~~,~~EACdC~~,~~WAAWC~~,~~aAAa~~,~~EACxBC,WAAW,EACXC,wBAAwB,IAAI,EAC5BC,8BAA8B,KAAK,EACpC,GAAGZ~~;~~IACJ~~,~~MAAM~~,~~EAAEa~~,~~IAAI~~,~~EAAEC~~,~~OAAO,EAAE,GAAGC,IAAAA,0CAAAA,EAA0B~~;~~QAClDC~~,~~oBAAoB~~;~~QACpBhB~~;~~QACAiB,mBAAmB~~;~~YAAC~~;~~YAAY;~~YAAW;~~SAAe~~;~~IAC5D;IAEA~~,~~MAAMT~~,~~YAAYU,~~IAAAA,~~8BAAAA~~,~~EAAcC~~,~~OAAMC~~,~~MAAM~~,~~CAAgB~~,~~OAAOX~~;~~IACnE,iFAAiF~~;~~IACjF,8CAA8C~~;~~IAC9C~~,~~MAAM~~,~~CAACY~~,~~UAAUC~~,~~YAAY~~,~~GAAGC,~~IAAAA,~~oCAAAA~~,~~EAAqB~~;~~QACnDC~~,~~OAAOxB,MAAMqB,QAAQ~~;~~QACrBI~~,~~cAAc;IAChB;IAEA~~,~~MAAMC~~,~~cAAc1B~~,~~MAAM0B,WAAW,GAAG~~;~~WAAI1B~~,~~MAAM0B~~,~~WAAW~~;~~QAAEC~~,~~8BAAAA~~;~~KAAa~~,~~GAAG~~;~~QAACA~~,~~8BAAAA~~;~~KAAa~~;~~IAE7F~~,~~MAAMC~~,~~UAAUT~~,~~OAAMU~~,~~WAAW~~,~~CAC/BC,~~CAAAA;~~YAEEtB~~;~~QAAAA~~,~~CAAAA~~,~~qBAAAA~~,~~UAAUuB~~,~~OAAO~~,~~AAAPA~~,~~MAAO~~,~~QAAjBvB~~,~~uBAAAA~~,~~KAAAA,~~IAAAA,~~KAAAA~~,~~IAAAA~~,~~mBAAmBwB,cAAc,CAACF~~;~~IACpC,GACA~~;~~QAACtB;KAAU;IAGb~~,~~uCAAuC~~;~~IACvCyB~~,~~IAAAA~~,~~0CAAAA~~,~~EAA0B;QACxB~~,~~IAAIzB,UAAUuB,OAAO,EAAE~~;~~gBACrBvB~~;~~YAAAA~~,CAAAA,~~qBAAAA~~,~~UAAUuB~~,~~OAAO~~,~~AAAPA~~,~~MAAO~~,~~QAAjBvB~~,~~uBAAAA~~,~~KAAAA~~,~~IAAAA~~,~~KAAAA,~~IAAAA,~~mBAAmB0B~~,~~WAAW~~,~~CAAC~~,~~CAACb~~;~~QAClC~~;~~IACF~~,~~GAAG~~;~~QAACA;KAAS;IAEbY~~,~~IAAAA~~,~~0CAAAA~~,~~EAA0B;QACxB,IAAIzB,UAAUuB,OAAO,EAAE;gBAKnBvB;YAJF,OAAO2B,~~IAAAA,~~8BAAAA~~,~~EACL3B~~,~~UAAUuB~~,~~OAAO~~,~~CAACK~~,~~wBAAwB~~,~~CAACC~~,CAAAA;~~gBACzCf~~,~~YAAY,CAACe~~;~~YACf~~,~~IAAA~~,~~AACA7B~~,~~CAAAA~~,~~qBAAAA~~,~~UAAUuB~~,~~OAAO~~,~~AAAPA~~,~~MAAO~~,~~QAAjBvB,uBAAAA,KAAAA,~~IAAAA,~~KAAAA~~,~~IAAAA~~,~~mBAAmB8B~~,~~oBAAoB,CAACzB,~~CAAAA;~~gBACtC,IAAI,CAACA,MAAM~~;~~oBACT~~;~~gBACF;gBAEA~~,~~wDAAwD;gBACxD~~,~~wFAAwF;gBACxFA~~,~~KAAK0B~~,~~KAAK~~,~~CAACC,UAAU,GAAG~~;~~YAC1B~~;~~QAEJ~~;~~IACF,GAAG~~;~~QAAChC;KAAU;IAEd~~,~~MAAMiC~~,~~iBAAiBtB~~,~~OAAMU~~,~~WAAW~~,~~CACtC,CAACa~~;~~QACCxC~~,~~aAAAA,~~QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~SAAW~~,~~CAAC~~,~~GAAG~~;~~YAAEyC,OAAOD~~;~~QAAS~~;~~IACnC,GACA~~;~~QAACxC;KAAS;IAGZ~~,~~MAAM~~,~~CAAC0C,eAAeC~~,+~~BAA+B~~,~~GAAG1B~~,~~OAAM2B~~,~~OAAO~~,~~CAAC~~;~~QACpE~~,~~IAAI~~,~~OAAO9C~~,~~MAAMH~~,~~YAAY~~,~~KAAK,YAAY~~;~~YAC5C~~,~~OAAO~~;~~gBAACkD~~;~~gBAAW/C~~,~~MAAMH~~,~~YAAY~~;~~aAAC;QACxC;QAEA~~,~~IAAIe,+BAA+BZ~~,~~MAAMH~~,~~YAAY~~,~~KAAKkD,WAAW~~;~~YACnE,2FAA2F~~;~~YAC3F,sCAAsC~~;~~YACtC,uFAAuF~~;~~YACvF~~,~~MAAMC~~,~~cAAcrD~~,~~yBAAyBK~~,~~MAAMH,YAAY~~;~~YAC/D,OAAO~~;~~gBAACkD~~;~~gBAAWC~~;~~aAAY;QACjC;QAEA~~,~~OAAO;YAAChD~~,~~MAAMH,YAAY~~;~~YAAEkD~~;~~SAAU;IACxC~~,~~GAAG;QAACnC;QAA6BZ~~,~~MAAMH,YAAY~~;~~KAAC~~;~~IAEpD~~,~~MAAMoD,mBAAmBC,~~qBAAAA,~~CAAKC~~,~~QAAQ~~,~~CAACnD~~,~~MAAMiD~~,~~gBAAgB~~,~~EAAE~~;~~QAAEG~~,~~aAAa;IAAO;IACrF,MAAMC,gBAAgBC,~~IAAAA,sBAAAA,~~EAAM~~,~~0BAA0BL~~,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~iBAAkBM~~,~~EAAE~~;~~IAC1E,IAAIN,kBAAkB~~;~~QACpBA~~,~~iBAAiBM~~,~~EAAE,GAAGF~~;~~IACxB~~;~~IAEA~~,~~OAAO~~;~~QACLG~~,~~YAAY;YACV3C~~,~~MAAM;YACN4C~~,~~OAAO;YACPR~~,~~kBAAkB;QACpB;QACApC~~,~~MAAMqC~~,~~qBAAAA~~,~~CAAKQ,MAAM,CAAC1D,MAAMa,IAAI,EAAE~~;~~YAAE8C~~,~~cAAc~~;~~gBAAE~~,~~GAAG9C~~,~~IAAI~~;~~YAAC~~;~~YAAGuC~~,~~aAAa~~;~~QAAO~~;~~QAC/EK~~,~~OAAOP,~~qBAAAA,~~CAAKQ~~,~~MAAM~~,~~CAAC1D~~,~~MAAMyD~~,~~KAAK~~,~~EAAE~~;~~YAC9BE~~,~~cAAc~~;~~gBACZ1D~~,~~KAAKiB~~,IAAAA,~~8BAAAA~~,~~EAAcjB~~,~~KAAK2B~~;~~gBACxBgC~~,~~MAAM~~;~~gBACNC~~,~~iBAAiB,CAACxC~~;~~gBAClB~~,~~iBAAiBA~~,~~WAAW~~,~~OAAO0B~~;~~gBACnC1B;gBACAyC~~,~~gCAAgC;gBAChCC~~,~~UAAU1C~~,~~WAAW0B,~~YAAY;~~gBACjC,GAAGjC,OAAO~~;~~gBACV~~,~~oBAAoBA~~,~~OAAO~~,~~CAAC~~,~~mBAAmB~~,~~GAC3C~~,~~CAAC~~,~~EAAEA~~,~~OAAO~~,~~CAAC~~,~~mBAAmB~~,~~CAAC~~,~~CAAC~~,~~EAAEuC~~,~~cAAc~~,~~CAAC,GACjDA~~;~~YACN~~;~~YACAD~~,~~aAAa;QACf;QACAH;QACAe,sBAAsB;YACpBC,WAAW;YACXC,SAASC,QAAQC,KAAK;YACtBC,OAAO3C;YACPsB,aAAaH;YACbyB,OAAO5D;QACT;QACAF;QACAa;QACAhB;QACAF;QACAsC;QACA5C,cAAc+C;QACdxC;QACAG;QACAI;IACF;AACF~~"}
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\nexport const createInitialEditorState = (defaultValue: string) => {\n return `{\"root\":{\"type\":\"root\",\"children\":[{\"children\":[{\"text\":${JSON.stringify(\n defaultValue,\n )},\"type\":\"text\"}],\"type\":\"paragraph\"}]}}`;\n};\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 {\n onChange,\n onPaste,\n trimWhiteSpace = false,\n textPlugin = LexicalPlainTextPlugin,\n history = true,\n editorRef: userEditorRef,\n customTheme,\n isSentinelNodeEnabled = true,\n preventDefaultValueOnChange = false,\n } = props;\n const { root, primary } = getPartitionedNativeProps({\n primarySlotTagName: 'span',\n props,\n excludedPropNames: ['onChange', 'onPaste', 'defaultValue'],\n });\n\n const editorRef = useMergedRefs(React.useRef<LexicalEditor>(null), userEditorRef);\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, lexicalEditorStateDefaultValue] = React.useMemo(() => {\n if (typeof props.defaultValue === 'function') {\n return [undefined, props.defaultValue];\n }\n\n if (preventDefaultValueOnChange && props.defaultValue !== undefined) {\n // Any method of providing a default value to lexical which inserts it after initialization\n // will trigger a text content change.\n // Providing a default value as a stringified editorState will prevent calling onChange\n const editorState = createInitialEditorState(props.defaultValue);\n return [undefined, editorState];\n }\n\n return [props.defaultValue, undefined];\n }, [preventDefaultValueOnChange, props.defaultValue]);\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 disabled,\n suppressContentEditableWarning: true,\n tabIndex: disabled ? undefined : 0,\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: lexicalEditorStateDefaultValue,\n theme: customTheme,\n },\n editorRef,\n disabled,\n textPlugin,\n onPaste,\n handleOnChange,\n defaultValue: defaultString,\n trimWhiteSpace,\n history,\n isSentinelNodeEnabled,\n };\n};\n"],"names":["createInitialEditorState","onChange","trimWhiteSpace","defaultValue","JSON","stringify","primarySlotTagName","props","excludedPropNames","LexicalPlainTextPlugin","userEditorRef","isSentinelNodeEnabled","preventDefaultValueOnChange","useMergedRefs","React","root","state","customNodes","editorRef","useRef","SentinelNode","disabled","spanRef","useCallback","span","useIsomorphicLayoutEffect","current","_editorRef_current","setRootElement","setEditable","mergeRegister","registerRootListener","style","whiteSpace","handleOnChange","value","defaultString","lexicalEditorStateDefaultValue","undefined","editorState","id","placeholderId","input","slot","always","defaultProps","placeholderValue","elementType","ref","components","suppressContentEditableWarning","primary","error"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAcaA,wBAAAA;eAAAA;;IAiBTC,uBAEAC;eAFAD;;;;iEA/BmB;iCAOhB;kCAEsB;iCAEyB;gCACjB;AAE9B,MAAMD,2BAA2BG,CAAAA;WACtC,CAAA,wDAAQ,EAAwDC,KAAEA,SAAKC,CAAAA,cACrEF,uCACA,CAAA;AACJ;AAYE,MACEF,0BAEAC,CAAAA,OAAAA;UAQF,UACEI,SACAC,mBACAC,KAAAA,eAAoBC,uCAAA,YAAY,IAAA,aAAWC,aAAA,aAAe,EAC5DC,wBAAA,IAAA,EAEAC,8BAAkBC,KAAcC,KAChCP;UACA,EACAQ,IAAA,SACEC,mDACc,EAAA;QAChBV,oBAAA;QAEAC;2BAAkDU;YAAAA;YAAW;YAAA;SAAA;;UAAkBC,YAAAL,IAAAA,8BAAA,EAAAC,OAAAK,MAAA,CAAA,OAAAT;qFAACU;kDAAa;UAE7F,CAAAC,UAAMC,YAAgBC,GAAAA,IAAAA,oCACpBC,EAAAA;qBACEH,QAAA;sBACAH;;UAEFD,cAAAV,MAAAU,WAAA,GAAA;WAAAV,MAAAU,WAAA;QAAAG,8BAAA;KAAA,GAAA;QAAAA,8BAAA;KAAA;UAACF,UAAAA,OAAAA,WAAAA,CAAAA,CAAAA;YAGH,yCAAuC;QACvCO;8BACgBC,UAASA,OAAA,MAAA,QAAAC,uBAAA,KAAA,IAAA,KAAA,IAAAA,mBAAAC,cAAA,CAAAJ;;;KACrBN;2CAAAA;kDACF,EAAA;QACF,IAAGA,UAAAQ,OAAA,EAAA;gBAACL;YAASM,CAAAA,qBAAAT,UAAAQ,OAAA,MAAA,QAAAC,uBAAA,KAAA,IAAA,KAAA,IAAAA,mBAAAE,WAAA,CAAA,CAAAR;QAEbI;;;KACMP;kDAKAA,EAAAA;sBAJFQ,OAAOI,EAAAA;;mBAGLA,IAAAA,8BACAZ,EAAAA,UAAAA,OAAAA,CAAAA,wBAAAA,CAAAA,CAAAA;4BACM,CAACH;sCACHG,UAAAQ,OAAA,MAAA,QAAAC,uBAAA,KAAA,IAAA,KAAA,IAAAA,mBAAAI,oBAAA,CAAAhB,CAAAA;2BACF;;;wEAIwB;wGAC1B;gBAEJA,KAAAiB,KAAA,CAAAC,UAAA,GAAA;YACF;;OAAc;QAAAf;KAAA;UAEdgB,iBAAMA,OAAiBpB,WAAMS,CAAAA,CAAAA;qBAEzBtB,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAAA,CAAAA,GAAW;mBAAMkC;;OACnB;QAAAlC;KACA;UAACA,CAAAA,eAAAA,+BAAAA,GAAAA,OAAAA,OAAAA,CAAAA;YAAS,OAAAM,MAAAJ,YAAA,KAAA,YAAA;YAGZ,OAAOiC;gBAAAA;gBAAAA,MAAeC,YAAAA;aAAAA;;2CAEX9B,MAAAJ,YAAA,KAAAmC,WAAA;uGAACA;kDAA6B;mGAAC;kBACxCC,cAAAvC,yBAAAO,MAAAJ,YAAA;mBAEIS;gBAAAA;gBAAAA;aAAAA;;;YAEFL,MAAAJ,YAAA;YAAAmC;SAAA;;;QACA/B,MAAAJ,YAAA;KAAA;6BACMoC,qBAAAA,CAAcvC,QAAAA,CAAAA,MAAAA,gBAA+BG,EAAAA;qBACnD;;0BAAmBoC,IAAAA,sBAAAA,EAAAA,0BAAAA,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAAA,EAAAA;0BAAY;yBACjCC,EAAA,GAAAC;;;oBAE4BH;kBAAU;YACxCI,OAAG;8BAAC9B;;cAAgD+B,qBAAA,CAAAC,MAAA,CAAArC,MAAAQ,IAAA,EAAA;YAEpD8B,cAAMC;gBAA2DC,GAAAA,IAAAA;YAAoB;YACrFA,aAAMN;QACN;eACEK,qBAAAA,CAAAA,MAAAA,CAAAA,MAAmBJ,KAAGD,EAAAA;YACxBI,cAAA;gBAEAG,KAAOnC,IAAAA,8BAAA,EAAAmC,KAAA1B;gBACL2B,MAAAA;iCACQ,CAAA5B;iCACCA,WAAA,OAAAiB;;gBAETY,gCAAA;gBACAnC,UAAM4B,WAAYpC,YAAY;0BAAEsC;oCAAuBM,OAAA,CAAA,mBAAA,GAAA,CAAA,EAAAA,OAAA,CAAA,mBAAA,CAAA,CAAA,EAAAV,cAAA,CAAA,GAAAA;;yBAAIM;;;8BAE3C;uBACZC;6BACMI,KAAA;;yBAENf;;;;;;;;sBAUJD;;;;;6CAMeC"}

package/lib-commonjs/components/EditorInput/useEditorInputStyles.styles.raw.js CHANGED Viewed

@@ -83,4 +83,4 @@ const useEditorInputStyles_unstable = (state)=>{
         state.placeholderValue.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
     }
     return state;
-};
+}; //# sourceMappingURL=useEditorInputStyles.styles.raw.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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 margin: 0,\n textAlign: 'start',\n },\n});\n\nexport const usePlaceholderClassName = makeResetStyles({\n zIndex: 0,\n gridArea: '1 / 1 / 1 / 1',\n\n color: tokens.colorNeutralForeground4,\n ...typographyStyles.body1,\n\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\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~~","~~useInputClassName~~","~~useLexicalStyles~~","usePlaceholderClassName","root","input","placeholderValue","~~useRootClassName~~","makeResetStyles","~~display","~~whiteSpace","makeStyles","~~paragraph","~~margin","textAlign","zIndex","~~gridArea","color","~~tokens","~~colorNeutralForeground4","~~typographyStyles","body1","~~width~~","~~useStyles~~","placeholderDisabled","colorNeutralForegroundDisabled","~~state~~","~~disabled~~","~~placeholderClassName~~","~~rootClassName~~","~~inputClassName~~","~~styles~~","className","~~mergeClasses~~","~~lexicalInitialConfig~~"~~,"theme"~~],"rangeMappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","mappings":";;;;;;;;;;;IAKaA,qBAAAA;eAAAA;;~~IA+CAC~~,~~6BAAAA~~;~~eAAAA~~;;~~IAdAC~~,~~iBAAAA~~;~~eAAAA~~;;IAnBAC,~~gBAAAA~~;~~eAAAA~~;;~~IAOAC~~,~~uBAAAA~~;eAAAA;;;~~iCA1B+D~~;wBACrD;AAIhB,~~MAAMJ~~,wBAA0D;~~IACrEK,MAAM~~;~~IACNC,OAAO~~;~~IACPC,kBAAkB~~;~~AACpB~~;AAEA;;CAEC,~~GACD~~,~~MAAMC~~,~~mBAAmBC,~~IAAAA,~~gCAAAA~~,~~EAAgB~~;~~IACvCC,SAAS~~;~~IACTC~~,~~YAAY~~;~~AACd~~;~~AAEO~~,~~MAAMR~~,~~mBAAmBS~~,IAAAA,~~2BAAAA~~,~~EAAW~~;~~IACzCC,WAAW~~;~~QACTC,QAAQ~~;~~QACRC~~,~~WAAW~~;~~IACb~~;~~AACF~~;~~AAEO~~,~~MAAMX~~,~~0BAA0BK~~,IAAAA,~~gCAAAA~~,~~EAAgB~~;~~IACrDO,QAAQ~~;~~IACRC,UAAU~~;~~IAEVC~~,~~OAAOC,~~cAAAA,~~CAAOC~~,~~uBAAuB~~;~~IACrC~~,~~GAAGC~~,~~iCAAAA~~,~~CAAiBC,KAAK~~;~~IAEzB,kCAAkC~~;~~QAChCJ~~,~~OAAO~~;~~IACT~~;~~AACF~~;~~AAEO~~,~~MAAMhB~~,~~oBAAoBO~~,IAAAA,~~gCAAAA~~,~~EAAgB~~;~~IAC/CQ,UAAU~~;~~IACVD,QAAQ~~;~~IACRO~~,~~OAAO~~;~~AACT~~;~~AAEA~~,~~MAAMC~~,~~YAAYZ,~~IAAAA,~~2BAAAA~~,~~EAAW~~;~~IAC3Ba,qBAAqB~~;~~QACnBP~~,~~OAAOC~~,~~cAAAA~~,~~CAAOO~~,~~8BAA8B~~;~~IAC9C~~;~~AACF~~;~~AAIO~~,~~MAAMzB~~,~~gCAAgC~~,~~CAAC0B;IAC5C;IAEA~~,~~MAAM~~,~~EAAEC~~,~~QAAQ,EAAE,GAAGD~~;~~IACrB~~,~~MAAME,uBAAuBzB~~;~~IAC7B~~,~~MAAM0B,gBAAgBtB~~;~~IACtB~~,~~MAAMuB,iBAAiB7B~~;~~IACvB~~,~~MAAM8B,SAASR~~;~~IAEfG~~,~~MAAMtB~~,~~IAAI~~,~~CAAC4B~~,~~SAAS,GAAGC,~~IAAAA,~~6BAAAA~~,~~EAAalC~~,~~sBAAsBK~~,~~IAAI~~,~~EAAEyB~~,~~eAAeH~~,~~MAAMtB~~,~~IAAI~~,~~CAAC4B~~,~~SAAS~~;~~IAEnGN~~,~~MAAMrB~~,~~KAAK~~,~~CAAC2B~~,~~SAAS,GAAGC,~~IAAAA,6BAAAA,~~EAAalC~~,~~sBAAsBM~~,~~KAAK~~,~~EAAEyB~~,~~gBAAgBJ~~,~~MAAMrB~~,~~KAAK~~,~~CAAC2B~~,~~SAAS~~;~~IAEvGN~~,~~MAAMQ~~,~~oBAAoB,GAAG~~;~~QAC3B~~,~~GAAGR~~,~~MAAMQ~~,~~oBAAoB~~;~~QAC7BC~~,~~OAAO~~;~~YAAE~~,~~GAAGjC,kBAAkB~~;~~YAAE~~,~~GAAGwB~~,~~MAAMQ~~,~~oBAAoB~~,~~CAACC~~,~~KAAK~~;~~QAAC~~;~~IACtE;IAEA,IAAIT,MAAMpB,gBAAgB,EAAE;QAC1BoB,MAAMpB,gBAAgB,CAAC0B,SAAS,GAAGC,IAAAA,6BAAAA,EACjClC,sBAAsBO,gBAAgB,EACtCsB,sBACAD,YAAYI,OAAOP,mBAAmB,EACtCE,MAAMpB,gBAAgB,CAAC0B,SAAS;IAEpC;IAEA,OAAON;AACT~~"}
1	+ {"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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 margin: 0,\n textAlign: 'start',\n },\n});\n\nexport const usePlaceholderClassName = makeResetStyles({\n zIndex: 0,\n gridArea: '1 / 1 / 1 / 1',\n\n color: tokens.colorNeutralForeground4,\n ...typographyStyles.body1,\n\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\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","disabled","state","gridArea","paragraph","usePlaceholderClassName","root","input","placeholderValue","display","makeResetStyles","whiteSpace","makeStyles","margin","textAlign","zIndex","tokens","typographyStyles","body1","color","width","placeholderDisabled","colorNeutralForegroundDisabled","styles","mergeClasses","lexicalInitialConfig","inputClassName","theme","useStyles","className","useLexicalStyles","rootClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,qBAAAA;eAAAA;;IAkDHC,6BAAaC;eAAbD;;IAhBRE,iBAAU;eAAVA;;IAnBAC,gBAAW;eAAXA;;IAOQC,uBAAA;eAAAA;;;iCA3BkE;wBACrD;AAIhB,MAAML,wBAA0D;UACrEM;WACAC;sBACAC;AACF;AAEA;;CAEC,SAECC,mBAASC,IAAAA,gCAAA,EAAA;aACTC;IACFA,YAAA;AAEA;AACEP,MAAAA,mBAAWQ,IAAAA,2BAAA,EAAA;eACTC;gBACAC;QACFA,WAAA;IACF;AAEA;AACEC,MAAQV,0BAAAK,IAAAA,gCAAA,EAAA;YACRP;cAEOa;WACJC,cAAAA,CAAAA,uBAAsB;OAEzBA,iCAAA,CAAAC,KAAA;sCACS;QACTC,OAAA;IACF;AAEA;AACEhB,MAAAA,oBAAUO,IAAAA,gCAAA,EAAA;cACF;YACRU;IACFA,OAAG;AAEH;MACEC,YAAAA,IAAAA,2BAAqB,EAAA;yBACLC;QAChBH,OAAAH,cAAA,CAAAM,8BAAA;IACF;AACA;AAME,MAAQrB,gCAAaC,CAAAA;;UAGrB,EACAD,QAAMsB,KAENrB;UAEAA,uBAAwBsB;UAExBtB,gBAAMuB;UACJC,iBAASD;UACTE,SAAOC;cAAE,CAAAC,SAAGC,GAAAA,IAAAA,6BAAkB,EAAA9B,sBAAAM,IAAA,EAAAyB,eAAA7B,MAAAI,IAAA,CAAAuB,SAAA;eAAE,CAAAA,SAASJ,GAAAA,IAAAA,6BAAAA,EAAAA,sBAA0BlB,KAAA,EAAAmB,gBAAAxB,MAAAK,KAAA,CAAAsB,SAAA;UAACJ,oBAAA,GAAA;QACtE,GAAAvB,MAAAuB,oBAAA;QAEAE,OAAIzB;eACFA,kBAAMM;YAMR,GAAAN,MAAAuB,oBAAA,CAAAE,KAAA;QAEA;IACA"}

package/lib-commonjs/index.js CHANGED Viewed

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _EditorInput = require("./EditorInput");
+ //# sourceMappingURL=index.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-editor-input",
-  "version": "0.4.11-hotfix.1",
+  "version": "0.4.11-hotfix.2",
   "description": "a base rich editor input.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,10 +12,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/chat-input-plugins": "0.4.2-hotfix.2",
-    "@fluentui-copilot/react-chat-input-plugins": "0.4.10-hotfix.1",
-    "@fluentui-copilot/react-text-editor": "0.4.1-hotfix.2",
-    "@fluentui-copilot/tokens": "0.3.11-hotfix.1",
+    "@fluentui-copilot/chat-input-plugins": "0.4.2-hotfix.3",
+    "@fluentui-copilot/react-chat-input-plugins": "0.4.10-hotfix.2",
+    "@fluentui-copilot/react-text-editor": "0.4.1-hotfix.3",
+    "@fluentui-copilot/tokens": "0.3.11-hotfix.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {