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

package/dist/components/index.js

@@ -85,7 +85,7 @@ __export(components_exports, {
 module.exports = __toCommonJS(components_exports);
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_slate10 = require("slate");
 var import_slate_react5 = require("slate-react");
 var import_tailwind_merge2 = require("tailwind-merge");
@@ -662,7 +662,7 @@ var defaultBaseAutosuggestionsConfig = {
 };
 
 // src/components/hovering-toolbar/hovering-toolbar.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_slate7 = require("slate");
 var import_slate_react3 = require("slate-react");
 
@@ -898,7 +898,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_react7 = require("react");
+var import_react8 = require("react");
 
 // src/lib/stream-promise-flatten.ts
 function streamPromiseFlatten(promise) {
@@ -928,8 +928,7 @@ function streamPromiseFlatten(promise) {
 var import_react_core2 = 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_react6 = __toESM(require("react"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var IncludedFilesPreview = ({
   includedFiles,
@@ -951,37 +950,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_react6.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_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var HoveringEditorContext = (0, import_react6.createContext)({
+var HoveringEditorContext = (0, import_react7.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
   }
 });
 var HoveringEditorProvider = ({ children }) => {
-  const [isDisplayed, setIsDisplayed] = (0, import_react6.useState)(false);
+  const [isDisplayed, setIsDisplayed] = (0, import_react7.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
-var useHoveringEditorContext = () => (0, import_react6.useContext)(HoveringEditorContext);
+var useHoveringEditorContext = () => (0, import_react7.useContext)(HoveringEditorContext);
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -991,27 +1041,27 @@ var HoveringInsertionPromptBoxCore = ({
   insertionOrEditingFunction,
   contextCategories
 }) => {
-  const { getDocumentsContext } = (0, import_react7.useContext)(import_react_core2.CopilotContext);
-  const [editSuggestion, setEditSuggestion] = (0, import_react7.useState)("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react7.useState)(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react7.useState)("");
-  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react7.useState)(
+  const { getDocumentsContext } = (0, import_react8.useContext)(import_react_core2.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)(
     null
   );
-  const adjustmentTextAreaRef = (0, import_react7.useRef)(null);
-  const suggestionTextAreaRef = (0, import_react7.useRef)(null);
-  const [filePointers, setFilePointers] = (0, import_react7.useState)([]);
-  const [suggestedFiles, setSuggestedFiles] = (0, import_react7.useState)([]);
-  (0, import_react7.useEffect)(() => {
+  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)(() => {
     setSuggestedFiles(getDocumentsContext(contextCategories));
   }, [contextCategories, getDocumentsContext]);
   use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
   use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     var _a;
     (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!generatingSuggestion) {
       return;
     }
@@ -1049,7 +1099,7 @@ var HoveringInsertionPromptBoxCore = ({
       releaseLockIfNotClosed();
     };
   }, [generatingSuggestion]);
-  const beginGeneratingAdjustment = (0, import_react7.useCallback)(() => __async(void 0, null, function* () {
+  const beginGeneratingAdjustment = (0, import_react8.useCallback)(() => __async(void 0, null, function* () {
     if (!adjustmentPrompt.trim()) {
       return;
     }
@@ -1202,10 +1252,10 @@ var HoveringInsertionPromptBox = (props) => {
 
 // src/components/hovering-toolbar/hovering-toolbar-components.tsx
 var import_css = require("@emotion/css");
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_react_dom = __toESM(require("react-dom"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Button2 = import_react8.default.forwardRef(
+var Button2 = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -1231,7 +1281,7 @@ var Button2 = import_react8.default.forwardRef(
     );
   }
 );
-var Icon = import_react8.default.forwardRef(
+var Icon = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1250,7 +1300,7 @@ var Icon = import_react8.default.forwardRef(
     );
   }
 );
-var Menu = import_react8.default.forwardRef(
+var Menu = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1277,7 +1327,7 @@ var Menu = import_react8.default.forwardRef(
 var Portal = ({ children }) => {
   return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-var Toolbar = import_react8.default.forwardRef(
+var Toolbar = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1302,15 +1352,15 @@ var Toolbar = import_react8.default.forwardRef(
 // src/components/hovering-toolbar/hovering-toolbar.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var HoveringToolbar = (props) => {
-  const ref = (0, import_react9.useRef)(null);
+  const ref = (0, import_react10.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_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
     setIsClient(true);
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const el = ref.current;
     const { selection: selection2 } = editor;
     if (!el) {
@@ -1348,7 +1398,7 @@ var HoveringToolbar = (props) => {
     el.style.top = `${top}px`;
     el.style.left = `${left}px`;
   });
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         setIsDisplayed(false);
@@ -1446,10 +1496,10 @@ function makeRenderPlaceholderFunction(placeholderStyle) {
 }
 
 // src/components/base-copilot-textarea/use-add-branding-css.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
   const cssSelector = ".copilot-textarea.with-branding";
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (disableBranding) {
       return;
     }
@@ -1501,7 +1551,7 @@ function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
 }
 
 // src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_slate_react4 = require("slate-react");
 var import_slate9 = require("slate");
 
@@ -1554,7 +1604,7 @@ function TrackerTextEditedSinceLastCursorMovement(props) {
     text: editorToText(state)
   }));
   const previousState = usePrevious(cursorState);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!previousState) {
       return;
     }
@@ -1577,8 +1627,8 @@ var isSelectionEqual = (a, b) => {
   return import_slate9.Range.equals(a, b);
 };
 function usePrevious(value) {
-  const ref = (0, import_react11.useRef)();
-  (0, import_react11.useEffect)(() => {
+  const ref = (0, import_react12.useRef)();
+  (0, import_react12.useEffect)(() => {
     ref.current = value;
   });
   return ref.current;
@@ -1586,21 +1636,21 @@ function usePrevious(value) {
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var BaseCopilotTextarea = import_react12.default.forwardRef(
+var BaseCopilotTextarea = import_react13.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_react12.default.forwardRef(
+var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
   (props, ref) => {
     const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
-    const valueOnInitialRender = (0, import_react12.useMemo)(() => {
+    const valueOnInitialRender = (0, import_react13.useMemo)(() => {
       var _a2;
       return (_a2 = props.value) != null ? _a2 : "";
     }, []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react12.useState)(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react12.useState)(false);
-    const initialValue = (0, import_react12.useMemo)(() => {
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react13.useState)(valueOnInitialRender);
+    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react13.useState)(false);
+    const initialValue = (0, import_react13.useMemo)(() => {
       return [
         {
           type: "paragraph",
@@ -1610,7 +1660,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
     }, [valueOnInitialRender]);
     const editor = useCopilotTextareaEditor();
     const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } = useHoveringEditorContext();
-    const insertText = (0, import_react12.useCallback)(
+    const insertText = (0, import_react13.useCallback)(
       (autosuggestion) => {
         import_slate10.Editor.insertText(editor, autosuggestion.text, {
           at: autosuggestion.point
@@ -1636,7 +1686,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
       autosuggestionsConfig.disableWhenEmpty,
       shouldDisableAutosuggestions
     );
-    const onKeyDownHandlerForHoveringEditor = (0, import_react12.useCallback)(
+    const onKeyDownHandlerForHoveringEditor = (0, import_react13.useCallback)(
       (event) => {
         var _a2;
         if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event, (_a2 = props.shortcut) != null ? _a2 : "k")) {
@@ -1650,7 +1700,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
         autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress
       ]
     );
-    (0, import_react12.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       clearAutocompletionsFromEditor(editor);
       if (currentAutocompleteSuggestion) {
         addAutocompletionsToEditor(
@@ -1660,23 +1710,23 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
         );
       }
     }, [currentAutocompleteSuggestion]);
-    const suggestionStyleAugmented = (0, import_react12.useMemo)(() => {
+    const suggestionStyleAugmented = (0, import_react13.useMemo)(() => {
       return __spreadValues({
         fontStyle: "italic",
         color: "gray"
       }, props.suggestionsStyle);
     }, [props.suggestionsStyle]);
-    const renderElementMemoized = (0, import_react12.useMemo)(() => {
+    const renderElementMemoized = (0, import_react13.useMemo)(() => {
       return makeRenderElementFunction(suggestionStyleAugmented);
     }, [suggestionStyleAugmented]);
-    const renderPlaceholderMemoized = (0, import_react12.useMemo)(() => {
+    const renderPlaceholderMemoized = (0, import_react13.useMemo)(() => {
       const placeholderStyleSlatejsOverrides = {
         top: void 0
       };
       const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
       return makeRenderPlaceholderFunction(placeholderStyleAugmented);
     }, [props.placeholderStyle]);
-    (0, import_react12.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       var _a2, _b;
       if (props.value === lastKnownFullEditorText) {
         return;
@@ -1786,12 +1836,12 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
 }
 
 // src/components/copilot-textarea/copilot-textarea.tsx
-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");
 var import_react_core3 = require("@copilotkit/react-core");
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/lib/retry.tsx
 function retry(fn, retriesLeft = 2, interval = 200, backoff = 1.5) {
@@ -1811,10 +1861,10 @@ function retry(fn, retriesLeft = 2, interval = 200, backoff = 1.5) {
 // src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
 var import_react_core4 = require("@copilotkit/react-core");
 function useMakeStandardAutosuggestionFunction(textareaPurpose, contextCategories, apiConfig) {
-  const { getContextString, copilotApiConfig } = (0, import_react13.useContext)(import_react_core3.CopilotContext);
+  const { getContextString, copilotApiConfig } = (0, import_react14.useContext)(import_react_core3.CopilotContext);
   const publicApiKey = copilotApiConfig.publicApiKey;
   const headers = __spreadValues({}, publicApiKey ? { [import_shared.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
-  return (0, import_react13.useCallback)(
+  return (0, import_react14.useCallback)(
     (editorState2, abortSignal) => __async(this, null, function* () {
       const res = yield retry(() => __async(this, null, function* () {
         const messages = [
@@ -2094,11 +2144,11 @@ var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseA
 
 // 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 = [
@@ -2138,7 +2188,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 = [
@@ -2183,7 +2233,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);
@@ -2199,7 +2249,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)(