@copilotkit/react-textarea 0.35.0 → 0.36.0-mme-fix-packaging-issues.0

package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs

@@ -1,6 +1,6 @@
 import {
   BaseCopilotTextarea
-} from "../../chunk-XU5Z5BWV.mjs";
+} from "../../chunk-O3QC2FT5.mjs";
 import "../../chunk-DRV2FOHZ.mjs";
 import "../../chunk-4NHVQZ67.mjs";
 import "../../chunk-FMQG2ZM3.mjs";
@@ -11,11 +11,11 @@ import "../../chunk-QKS2IOUH.mjs";
 import "../../chunk-JJLQVT7S.mjs";
 import "../../chunk-LQ2OWQU7.mjs";
 import "../../chunk-7LSRNPNI.mjs";
-import "../../chunk-DMLXXOXD.mjs";
+import "../../chunk-GZPRBYKA.mjs";
 import "../../chunk-L7VVZH4Q.mjs";
-import "../../chunk-COQISBP2.mjs";
-import "../../chunk-OGLVRSCO.mjs";
-import "../../chunk-YNXNMCDX.mjs";
+import "../../chunk-7R7KMN2G.mjs";
+import "../../chunk-P4EI4H6Y.mjs";
+import "../../chunk-JC6NGPO4.mjs";
 import "../../chunk-3PQ7GSFE.mjs";
 import "../../chunk-WFTAAA7R.mjs";
 import "../../chunk-YFK5BFEI.mjs";

package/dist/components/copilot-textarea/copilot-textarea.js

@@ -82,7 +82,7 @@ __export(copilot_textarea_exports, {
   CopilotTextarea: () => CopilotTextarea
 });
 module.exports = __toCommonJS(copilot_textarea_exports);
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 
 // src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
 var import_shared = require("@copilotkit/shared");
@@ -413,7 +413,7 @@ var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseA
 });
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_slate10 = require("slate");
 var import_slate_react5 = require("slate-react");
 var import_tailwind_merge2 = require("tailwind-merge");
@@ -966,7 +966,7 @@ function clearAutocompletionsFromEditor(editor) {
 }
 
 // src/components/hovering-toolbar/hovering-toolbar.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_slate7 = require("slate");
 var import_slate_react3 = require("slate-react");
 
@@ -1202,7 +1202,7 @@ var Label = React4.forwardRef((_a, ref) => {
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/lib/stream-promise-flatten.ts
 function streamPromiseFlatten(promise) {
@@ -1232,8 +1232,7 @@ function streamPromiseFlatten(promise) {
 var import_react_core5 = require("@copilotkit/react-core");
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
-var import_Chip = __toESM(require("@mui/material/Chip/Chip.js"));
-var import_Avatar = __toESM(require("@mui/material/Avatar/Avatar.js"));
+var import_react7 = __toESM(require("react"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var IncludedFilesPreview = ({
   includedFiles,
@@ -1255,37 +1254,88 @@ var IncludedFilesPreview = ({
     }) })
   ] });
 };
-var FileChipPreview = ({ filePointer, onDelete }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_Chip.default,
+function FileChipPreview({
+  filePointer,
+  onDelete
+}) {
+  const CLOSE_BUTTON_COLOR = "rgba(0, 0, 0, 0.26)";
+  const [color, setColor] = import_react7.default.useState(CLOSE_BUTTON_COLOR);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "button",
     {
-      label: filePointer.name,
-      onDelete,
-      avatar: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_Avatar.default,
-        {
-          src: filePointer.iconImageUri,
-          alt: filePointer.sourceApplication,
-          sx: { backgroundColor: "transparent" }
-        }
-      )
+      style: {
+        fontSize: "0.8125rem",
+        display: "inline-flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "32px",
+        color: "rgba(0, 0, 0, 0.87)",
+        backgroundColor: "rgba(0, 0, 0, 0.08)",
+        borderRadius: "16px",
+        whiteSpace: "nowrap",
+        boxSizing: "border-box",
+        border: 0,
+        verticalAlign: "middle",
+        outline: 0,
+        cursor: "default"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "img",
+          {
+            style: {
+              marginLeft: "5px",
+              width: "24px",
+              height: "24px",
+              backgroundColor: "transparent",
+              borderRadius: "50%"
+            },
+            src: filePointer.iconImageUri,
+            alt: filePointer.sourceApplication
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { marginLeft: "5px" }, children: filePointer.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "svg",
+          {
+            style: {
+              color,
+              fontSize: "22px",
+              cursor: "pointer",
+              margin: "0 5px 0 5px",
+              userSelect: "none",
+              width: "1em",
+              height: "1em",
+              display: "inline-block",
+              fill: "currentColor",
+              flexShrink: 0
+            },
+            viewBox: "0 0 24 24",
+            preserveAspectRatio: "xMidYMid meet",
+            onClick: onDelete,
+            onMouseOver: () => setColor("rgba(0, 0, 0, 0.54)"),
+            onMouseOut: () => setColor(CLOSE_BUTTON_COLOR),
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })
+          }
+        )
+      ]
     }
-  );
-};
+  ) });
+}
 
 // src/components/hovering-toolbar/hovering-editor-provider.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var HoveringEditorContext = (0, import_react7.createContext)({
+var HoveringEditorContext = (0, import_react8.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
   }
 });
 var HoveringEditorProvider = ({ children }) => {
-  const [isDisplayed, setIsDisplayed] = (0, import_react7.useState)(false);
+  const [isDisplayed, setIsDisplayed] = (0, import_react8.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
-var useHoveringEditorContext = () => (0, import_react7.useContext)(HoveringEditorContext);
+var useHoveringEditorContext = () => (0, import_react8.useContext)(HoveringEditorContext);
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -1295,27 +1345,27 @@ var HoveringInsertionPromptBoxCore = ({
   insertionOrEditingFunction,
   contextCategories
 }) => {
-  const { getDocumentsContext } = (0, import_react8.useContext)(import_react_core5.CopilotContext);
-  const [editSuggestion, setEditSuggestion] = (0, import_react8.useState)("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react8.useState)(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react8.useState)("");
-  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react8.useState)(
+  const { getDocumentsContext } = (0, import_react9.useContext)(import_react_core5.CopilotContext);
+  const [editSuggestion, setEditSuggestion] = (0, import_react9.useState)("");
+  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react9.useState)(false);
+  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react9.useState)("");
+  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react9.useState)(
     null
   );
-  const adjustmentTextAreaRef = (0, import_react8.useRef)(null);
-  const suggestionTextAreaRef = (0, import_react8.useRef)(null);
-  const [filePointers, setFilePointers] = (0, import_react8.useState)([]);
-  const [suggestedFiles, setSuggestedFiles] = (0, import_react8.useState)([]);
-  (0, import_react8.useEffect)(() => {
+  const adjustmentTextAreaRef = (0, import_react9.useRef)(null);
+  const suggestionTextAreaRef = (0, import_react9.useRef)(null);
+  const [filePointers, setFilePointers] = (0, import_react9.useState)([]);
+  const [suggestedFiles, setSuggestedFiles] = (0, import_react9.useState)([]);
+  (0, import_react9.useEffect)(() => {
     setSuggestedFiles(getDocumentsContext(contextCategories));
   }, [contextCategories, getDocumentsContext]);
   use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
   use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     var _a;
     (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!generatingSuggestion) {
       return;
     }
@@ -1353,7 +1403,7 @@ var HoveringInsertionPromptBoxCore = ({
       releaseLockIfNotClosed();
     };
   }, [generatingSuggestion]);
-  const beginGeneratingAdjustment = (0, import_react8.useCallback)(() => __async(void 0, null, function* () {
+  const beginGeneratingAdjustment = (0, import_react9.useCallback)(() => __async(void 0, null, function* () {
     if (!adjustmentPrompt.trim()) {
       return;
     }
@@ -1506,10 +1556,10 @@ var HoveringInsertionPromptBox = (props) => {
 
 // src/components/hovering-toolbar/hovering-toolbar-components.tsx
 var import_css = require("@emotion/css");
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_react_dom = __toESM(require("react-dom"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Button2 = import_react9.default.forwardRef(
+var Button2 = import_react10.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -1535,7 +1585,7 @@ var Button2 = import_react9.default.forwardRef(
     );
   }
 );
-var Icon = import_react9.default.forwardRef(
+var Icon = import_react10.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1554,7 +1604,7 @@ var Icon = import_react9.default.forwardRef(
     );
   }
 );
-var Menu = import_react9.default.forwardRef(
+var Menu = import_react10.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1581,7 +1631,7 @@ var Menu = import_react9.default.forwardRef(
 var Portal = ({ children }) => {
   return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-var Toolbar = import_react9.default.forwardRef(
+var Toolbar = import_react10.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1606,15 +1656,15 @@ var Toolbar = import_react9.default.forwardRef(
 // src/components/hovering-toolbar/hovering-toolbar.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var HoveringToolbar = (props) => {
-  const ref = (0, import_react10.useRef)(null);
+  const ref = (0, import_react11.useRef)(null);
   const editor = (0, import_slate_react3.useSlate)();
   const selection = (0, import_slate_react3.useSlateSelection)();
   const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();
-  const [isClient, setIsClient] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
     setIsClient(true);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const el = ref.current;
     const { selection: selection2 } = editor;
     if (!el) {
@@ -1652,7 +1702,7 @@ var HoveringToolbar = (props) => {
     el.style.top = `${top}px`;
     el.style.left = `${left}px`;
   });
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         setIsDisplayed(false);
@@ -1750,10 +1800,10 @@ function makeRenderPlaceholderFunction(placeholderStyle) {
 }
 
 // src/components/base-copilot-textarea/use-add-branding-css.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
   const cssSelector = ".copilot-textarea.with-branding";
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (disableBranding) {
       return;
     }
@@ -1805,7 +1855,7 @@ function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
 }
 
 // src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_slate_react4 = require("slate-react");
 var import_slate9 = require("slate");
 
@@ -1858,7 +1908,7 @@ function TrackerTextEditedSinceLastCursorMovement(props) {
     text: editorToText(state)
   }));
   const previousState = usePrevious(cursorState);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!previousState) {
       return;
     }
@@ -1881,8 +1931,8 @@ var isSelectionEqual = (a, b) => {
   return import_slate9.Range.equals(a, b);
 };
 function usePrevious(value) {
-  const ref = (0, import_react12.useRef)();
-  (0, import_react12.useEffect)(() => {
+  const ref = (0, import_react13.useRef)();
+  (0, import_react13.useEffect)(() => {
     ref.current = value;
   });
   return ref.current;
@@ -1890,21 +1940,21 @@ function usePrevious(value) {
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var BaseCopilotTextarea = import_react13.default.forwardRef(
+var BaseCopilotTextarea = import_react14.default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HoveringEditorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), { ref })) });
   }
 );
-var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
+var BaseCopilotTextareaWithHoveringContext = import_react14.default.forwardRef(
   (props, ref) => {
     const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
-    const valueOnInitialRender = (0, import_react13.useMemo)(() => {
+    const valueOnInitialRender = (0, import_react14.useMemo)(() => {
       var _a2;
       return (_a2 = props.value) != null ? _a2 : "";
     }, []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react13.useState)(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react13.useState)(false);
-    const initialValue = (0, import_react13.useMemo)(() => {
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react14.useState)(valueOnInitialRender);
+    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react14.useState)(false);
+    const initialValue = (0, import_react14.useMemo)(() => {
       return [
         {
           type: "paragraph",
@@ -1914,7 +1964,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
     }, [valueOnInitialRender]);
     const editor = useCopilotTextareaEditor();
     const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } = useHoveringEditorContext();
-    const insertText = (0, import_react13.useCallback)(
+    const insertText = (0, import_react14.useCallback)(
       (autosuggestion) => {
         import_slate10.Editor.insertText(editor, autosuggestion.text, {
           at: autosuggestion.point
@@ -1940,7 +1990,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
       autosuggestionsConfig.disableWhenEmpty,
       shouldDisableAutosuggestions
     );
-    const onKeyDownHandlerForHoveringEditor = (0, import_react13.useCallback)(
+    const onKeyDownHandlerForHoveringEditor = (0, import_react14.useCallback)(
       (event) => {
         var _a2;
         if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event, (_a2 = props.shortcut) != null ? _a2 : "k")) {
@@ -1954,7 +2004,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
         autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress
       ]
     );
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       clearAutocompletionsFromEditor(editor);
       if (currentAutocompleteSuggestion) {
         addAutocompletionsToEditor(
@@ -1964,23 +2014,23 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
         );
       }
     }, [currentAutocompleteSuggestion]);
-    const suggestionStyleAugmented = (0, import_react13.useMemo)(() => {
+    const suggestionStyleAugmented = (0, import_react14.useMemo)(() => {
       return __spreadValues({
         fontStyle: "italic",
         color: "gray"
       }, props.suggestionsStyle);
     }, [props.suggestionsStyle]);
-    const renderElementMemoized = (0, import_react13.useMemo)(() => {
+    const renderElementMemoized = (0, import_react14.useMemo)(() => {
       return makeRenderElementFunction(suggestionStyleAugmented);
     }, [suggestionStyleAugmented]);
-    const renderPlaceholderMemoized = (0, import_react13.useMemo)(() => {
+    const renderPlaceholderMemoized = (0, import_react14.useMemo)(() => {
       const placeholderStyleSlatejsOverrides = {
         top: void 0
       };
       const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
       return makeRenderPlaceholderFunction(placeholderStyleAugmented);
     }, [props.placeholderStyle]);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       var _a2, _b;
       if (props.value === lastKnownFullEditorText) {
         return;
@@ -2091,11 +2141,11 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
 
 // src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx
 var import_react_core6 = require("@copilotkit/react-core");
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_react_core7 = require("@copilotkit/react-core");
 function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCategories, insertionApiConfig, editingApiConfig) {
-  const { getContextString, copilotApiConfig } = (0, import_react14.useContext)(import_react_core6.CopilotContext);
-  const insertionFunction = (0, import_react14.useCallback)(
+  const { getContextString, copilotApiConfig } = (0, import_react15.useContext)(import_react_core6.CopilotContext);
+  const insertionFunction = (0, import_react15.useCallback)(
     (editorState2, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
       const res = yield retry(() => __async(this, null, function* () {
         const messages = [
@@ -2135,7 +2185,7 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
     }),
     [insertionApiConfig, getContextString, contextCategories, textareaPurpose]
   );
-  const editingFunction = (0, import_react14.useCallback)(
+  const editingFunction = (0, import_react15.useCallback)(
     (editorState2, editingPrompt, documents, abortSignal) => __async(this, null, function* () {
       const res = yield retry(() => __async(this, null, function* () {
         const messages = [
@@ -2180,7 +2230,7 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
     }),
     [editingApiConfig, getContextString, contextCategories, textareaPurpose]
   );
-  const insertionOrEditingFunction = (0, import_react14.useCallback)(
+  const insertionOrEditingFunction = (0, import_react15.useCallback)(
     (editorState2, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
       if (editorState2.selectedText === "") {
         return yield insertionFunction(editorState2, insertionPrompt, documents, abortSignal);
@@ -2196,7 +2246,7 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
 // src/components/copilot-textarea/copilot-textarea.tsx
 var import_lodash = __toESM(require("lodash.merge"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var CopilotTextarea = import_react15.default.forwardRef(
+var CopilotTextarea = import_react16.default.forwardRef(
   (props, ref) => {
     const _a = props, { autosuggestionsConfig: autosuggestionsConfigUserSpecified } = _a, forwardedProps = __objRest(_a, ["autosuggestionsConfig"]);
     const autosuggestionsConfig = (0, import_lodash.default)(