@copilotkit/react-textarea 1.10.0-next.0 → 1.10.0-next.10

package/CHANGELOG.md

@@ -1,5 +1,89 @@
 # ui
 
+## 1.10.0-next.10
+
+### Patch Changes
+
+- Updated dependencies [6d1de58]
+  - @copilotkit/react-core@1.10.0-next.10
+  - @copilotkit/shared@1.10.0-next.10
+  - @copilotkit/runtime-client-gql@1.10.0-next.10
+
+## 1.10.0-next.9
+
+### Patch Changes
+
+- @copilotkit/react-core@1.10.0-next.9
+- @copilotkit/runtime-client-gql@1.10.0-next.9
+- @copilotkit/shared@1.10.0-next.9
+
+## 1.10.0-next.8
+
+### Patch Changes
+
+- Updated dependencies [6de24ce]
+  - @copilotkit/react-core@1.10.0-next.8
+  - @copilotkit/runtime-client-gql@1.10.0-next.8
+  - @copilotkit/shared@1.10.0-next.8
+
+## 1.10.0-next.7
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.10.0-next.7
+- @copilotkit/react-core@1.10.0-next.7
+- @copilotkit/shared@1.10.0-next.7
+
+## 1.10.0-next.6
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.10.0-next.6
+- @copilotkit/react-core@1.10.0-next.6
+- @copilotkit/shared@1.10.0-next.6
+
+## 1.10.0-next.5
+
+### Patch Changes
+
+- Updated dependencies [a8c0263]
+  - @copilotkit/shared@1.10.0-next.5
+  - @copilotkit/react-core@1.10.0-next.5
+  - @copilotkit/runtime-client-gql@1.10.0-next.5
+
+## 1.10.0-next.4
+
+### Patch Changes
+
+- Updated dependencies [967d0ab]
+  - @copilotkit/react-core@1.10.0-next.4
+  - @copilotkit/runtime-client-gql@1.10.0-next.4
+  - @copilotkit/shared@1.10.0-next.4
+
+## 1.10.0-next.3
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.10.0-next.3
+- @copilotkit/react-core@1.10.0-next.3
+- @copilotkit/shared@1.10.0-next.3
+
+## 1.10.0-next.2
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.10.0-next.2
+- @copilotkit/react-core@1.10.0-next.2
+- @copilotkit/shared@1.10.0-next.2
+
+## 1.10.0-next.1
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.10.0-next.1
+- @copilotkit/react-core@1.10.0-next.1
+- @copilotkit/shared@1.10.0-next.1
+
 ## 1.10.0-next.0
 
 ### Patch Changes

package/dist/{chunk-MBHQR656.mjs → chunk-2DF2AVDU.mjs}

@@ -1,6 +1,6 @@
 import {
   HoveringInsertionPromptBoxCore
-} from "./chunk-N52HKVQZ.mjs";
+} from "./chunk-HBWBHJ64.mjs";
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
 import { jsx } from "react/jsx-runtime";
@@ -28,4 +28,4 @@ var HoveringInsertionPromptBox = (props) => {
 export {
   HoveringInsertionPromptBox
 };
-//# sourceMappingURL=chunk-MBHQR656.mjs.map
+//# sourceMappingURL=chunk-2DF2AVDU.mjs.map

package/dist/{chunk-4ECCCOFV.mjs → chunk-6SGWO63I.mjs}

@@ -1,12 +1,12 @@
-import {
-  defaultEditingApiConfig
-} from "./chunk-EJGGLWWR.mjs";
 import {
   defaultInsertionsApiConfig
 } from "./chunk-MCNXIA4Q.mjs";
 import {
   defaultSuggestionsApiConfig
 } from "./chunk-QFXR6DOA.mjs";
+import {
+  defaultEditingApiConfig
+} from "./chunk-EJGGLWWR.mjs";
 import {
   defaultBaseAutosuggestionsConfig
 } from "./chunk-F6RLSVG3.mjs";
@@ -29,4 +29,4 @@ var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseA
 export {
   defaultAutosuggestionsConfig
 };
-//# sourceMappingURL=chunk-4ECCCOFV.mjs.map
+//# sourceMappingURL=chunk-6SGWO63I.mjs.map

package/dist/{chunk-ZWSCMQRG.mjs → chunk-7WVURIB7.mjs}

@@ -4,13 +4,31 @@ import {
 import {
   clearAutocompletionsFromEditor
 } from "./chunk-GQN2HYFJ.mjs";
+import {
+  useAutosuggestions
+} from "./chunk-23Q6A46J.mjs";
+import {
+  useCopilotTextareaEditor
+} from "./chunk-DRV2FOHZ.mjs";
+import {
+  usePopulateCopilotTextareaRef
+} from "./chunk-QJNFNPWH.mjs";
+import {
+  replaceEditorText
+} from "./chunk-5UNJXFUO.mjs";
+import {
+  useAddBrandingCss
+} from "./chunk-7LSRNPNI.mjs";
 import {
   HoveringToolbar
-} from "./chunk-S5MB33MW.mjs";
+} from "./chunk-C3PMJNQA.mjs";
 import {
   HoveringEditorProvider,
   useHoveringEditorContext
 } from "./chunk-LYB4B6MK.mjs";
+import {
+  defaultBaseAutosuggestionsConfig
+} from "./chunk-F6RLSVG3.mjs";
 import {
   makeRenderElementFunction
 } from "./chunk-7L6GIHDM.mjs";
@@ -20,28 +38,10 @@ import {
 import {
   TrackerTextEditedSinceLastCursorMovement
 } from "./chunk-LQ2OWQU7.mjs";
-import {
-  useAddBrandingCss
-} from "./chunk-7LSRNPNI.mjs";
-import {
-  usePopulateCopilotTextareaRef
-} from "./chunk-QJNFNPWH.mjs";
-import {
-  replaceEditorText
-} from "./chunk-5UNJXFUO.mjs";
 import {
   getFullEditorTextWithNewlines,
   getTextAroundCollapsedCursor
 } from "./chunk-ECR45NSD.mjs";
-import {
-  defaultBaseAutosuggestionsConfig
-} from "./chunk-F6RLSVG3.mjs";
-import {
-  useAutosuggestions
-} from "./chunk-23Q6A46J.mjs";
-import {
-  useCopilotTextareaEditor
-} from "./chunk-DRV2FOHZ.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -266,4 +266,4 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
 export {
   BaseCopilotTextarea
 };
-//# sourceMappingURL=chunk-ZWSCMQRG.mjs.map
+//# sourceMappingURL=chunk-7WVURIB7.mjs.map

package/dist/{chunk-S5MB33MW.mjs → chunk-C3PMJNQA.mjs}

@@ -1,6 +1,6 @@
 import {
   HoveringInsertionPromptBox
-} from "./chunk-MBHQR656.mjs";
+} from "./chunk-2DF2AVDU.mjs";
 import {
   useHoveringEditorContext
 } from "./chunk-LYB4B6MK.mjs";
@@ -117,4 +117,4 @@ function editorState(editor, selection) {
 export {
   HoveringToolbar
 };
-//# sourceMappingURL=chunk-S5MB33MW.mjs.map
+//# sourceMappingURL=chunk-C3PMJNQA.mjs.map

package/dist/{chunk-N52HKVQZ.mjs → chunk-HBWBHJ64.mjs}

@@ -1,6 +1,9 @@
 import {
   IncludedFilesPreview
 } from "./chunk-KMVGEY7Q.mjs";
+import {
+  use_autosize_textarea_default
+} from "./chunk-3PQ7GSFE.mjs";
 import {
   Label
 } from "./chunk-D47EKHIF.mjs";
@@ -13,9 +16,6 @@ import {
 import {
   Button
 } from "./chunk-4PDYALMP.mjs";
-import {
-  use_autosize_textarea_default
-} from "./chunk-3PQ7GSFE.mjs";
 import {
   streamPromiseFlatten
 } from "./chunk-2QDCE7PD.mjs";
@@ -223,4 +223,4 @@ var HoveringInsertionPromptBoxCore = ({
 export {
   HoveringInsertionPromptBoxCore
 };
-//# sourceMappingURL=chunk-N52HKVQZ.mjs.map
+//# sourceMappingURL=chunk-HBWBHJ64.mjs.map

package/dist/{chunk-PN2J7XR3.mjs → chunk-NZIHZWRU.mjs}

@@ -1,6 +1,3 @@
-import {
-  BaseCopilotTextarea
-} from "./chunk-ZWSCMQRG.mjs";
 import {
   useMakeStandardAutosuggestionFunction
 } from "./chunk-F6GMWOLE.mjs";
@@ -9,7 +6,10 @@ import {
 } from "./chunk-RXV67GJN.mjs";
 import {
   defaultAutosuggestionsConfig
-} from "./chunk-4ECCCOFV.mjs";
+} from "./chunk-6SGWO63I.mjs";
+import {
+  BaseCopilotTextarea
+} from "./chunk-7WVURIB7.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -57,4 +57,4 @@ var CopilotTextarea = React.forwardRef(
 export {
   CopilotTextarea
 };
-//# sourceMappingURL=chunk-PN2J7XR3.mjs.map
+//# sourceMappingURL=chunk-NZIHZWRU.mjs.map

package/dist/chunk-NZIHZWRU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"sourcesContent":["/**\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/CopilotTextarea.gif\" width=\"500\" />\n *\n * `<CopilotTextarea>` is a React component that acts as a drop-in replacement for the standard `<textarea>`,\n *  offering enhanced autocomplete features powered by AI. It is context-aware, integrating seamlessly with the\n * [`useCopilotReadable`](/reference/hooks/useCopilotReadable) hook to provide intelligent suggestions based on the application context.\n *\n * In addition, it provides a hovering editor window (available by default via `Cmd + K` on Mac and `Ctrl + K` on Windows) that allows the user to\n * suggest changes to the text, for example providing a summary or rephrasing the text.\n *\n * ## Example\n *\n * ```tsx\n * import { CopilotTextarea } from '@copilotkit/react-textarea';\n * import \"@copilotkit/react-textarea/styles.css\";\n *\n * <CopilotTextarea\n *   autosuggestionsConfig={{\n *     textareaPurpose:\n *      \"the body of an email message\",\n *     chatApiConfigs: {},\n *   }}\n * />\n * ```\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-textarea](https://npmjs.com/package/@copilotkit/react-textarea) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-textarea\"\\\n * npm install @copilotkit/react-core @copilotkit/react-textarea\n * ```\n *\n * ### Usage\n *\n * Use the CopilotTextarea component in your React application similarly to a standard `<textarea />`,\n * with additional configurations for AI-powered features.\n *\n * For example:\n *\n * ```tsx\n * import { useState } from \"react\";\n * import { CopilotTextarea } from \"@copilotkit/react-textarea\";\n * import \"@copilotkit/react-textarea/styles.css\";\n *\n * export function ExampleComponent() {\n *   const [text, setText] = useState(\"\");\n *\n *   return (\n *     <CopilotTextarea\n *       className=\"custom-textarea-class\"\n *       value={text}\n *       onValueChange={(value: string) => setText(value)}\n *       placeholder=\"Enter your text here...\"\n *       autosuggestionsConfig={{\n *         textareaPurpose: \"Provide context or purpose of the textarea.\",\n *         chatApiConfigs: {\n *           suggestionsApiConfig: {\n *             maxTokens: 20,\n *             stop: [\".\", \"?\", \"!\"],\n *           },\n *         },\n *       }}\n *     />\n *   );\n * }\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-textarea/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n * */\nimport React from \"react\";\nimport { useMakeStandardAutosuggestionFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function\";\nimport { HTMLCopilotTextAreaElement } from \"../../types\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport {\n  AutosuggestionsConfig,\n  defaultAutosuggestionsConfig,\n} from \"../../types/autosuggestions-config\";\nimport { BaseCopilotTextarea } from \"../base-copilot-textarea/base-copilot-textarea\";\nimport { useMakeStandardInsertionOrEditingFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-insertion-function\";\nimport merge from \"lodash.merge\";\nimport { AutosuggestionsConfigUserSpecified } from \"../../types/autosuggestions-config/autosuggestions-config-user-specified\";\n\n// Like the base copilot textarea props,\n// but with baseAutosuggestionsConfig replaced with autosuggestionsConfig.\nexport interface CopilotTextareaProps\n  extends Omit<BaseCopilotTextareaProps, \"baseAutosuggestionsConfig\"> {\n  /**\n   * Configuration settings for the autosuggestions feature.\n   * For full reference, [check the interface on GitHub](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-textarea/src/types/base/base-copilot-textarea-props.tsx#L8).\n   *\n   * <PropertyReference name=\"textareaPurpose\" type=\"string\" required={true} >\n   *   The purpose of the text area in plain text.\n   *\n   *   Example: *\"The body of the email response\"*\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"chatApiConfigs\" type=\"ChatApiConfigs\" >\n   *   The chat API configurations.\n   *\n   *   <strong>NOTE:</strong> You must provide specify at least one of `suggestionsApiConfig` or `insertionApiConfig`.\n   *\n   *   <PropertyReference name=\"suggestionsApiConfig\" type=\"SuggestionsApiConfig\">\n   *       For full reference, please [click here](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-textarea/src/types/autosuggestions-config/suggestions-api-config.tsx#L4).\n   *   </PropertyReference>\n   *   <PropertyReference name=\"insertionApiConfig\" type=\"InsertionApiConfig\">\n   *       For full reference, please [click here](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-textarea/src/types/autosuggestions-config/insertions-api-config.tsx#L4).\n   *   </PropertyReference>\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"disabled\" type=\"boolean\" >\n   *   Whether the textarea is disabled.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"disableBranding\" type=\"boolean\" >\n   *   Whether to disable the CopilotKit branding.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"placeholderStyle\" type=\"React.CSSProperties\" >\n   *   Specifies the CSS styles to apply to the placeholder text.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"suggestionsStyle\" type=\"React.CSSProperties\" >\n   *   Specifies the CSS styles to apply to the suggestions list.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"hoverMenuClassname\" type=\"string\" >\n   *   A class name to apply to the editor popover window.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"value\" type=\"string\" >\n   *   The initial value of the textarea. Can be controlled via `onValueChange`.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"onValueChange\" type=\"(value: string) => void\" >\n   *   Callback invoked when the value of the textarea changes.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"onChange\" type=\"(event: React.ChangeEvent<HTMLTextAreaElement>) => void\" >\n   *   Callback invoked when a `change` event is triggered on the textarea element.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"shortcut\" type=\"string\" >\n   *   The shortcut to use to open the editor popover window. Default is `\"Cmd-k\"`.\n   * </PropertyReference>\n   */\n  autosuggestionsConfig: AutosuggestionsConfigUserSpecified;\n}\n\n/**\n * A copilot textarea that uses the standard autosuggestions function.\n */\nexport const CopilotTextarea = React.forwardRef(\n  (props: CopilotTextareaProps, ref: React.Ref<HTMLCopilotTextAreaElement>) => {\n    // separate the AutosuggestionsConfigUserSpecified from the rest of the props\n    const { autosuggestionsConfig: autosuggestionsConfigUserSpecified, ...forwardedProps } = props;\n\n    const autosuggestionsConfig: AutosuggestionsConfig = merge(\n      defaultAutosuggestionsConfig,\n      autosuggestionsConfigUserSpecified,\n    );\n\n    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n      autosuggestionsConfig.textareaPurpose,\n      autosuggestionsConfig.contextCategories,\n      autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig,\n    );\n\n    const insertionOrEditingFunction = useMakeStandardInsertionOrEditingFunction(\n      autosuggestionsConfig.textareaPurpose,\n      autosuggestionsConfig.contextCategories,\n      autosuggestionsConfig.chatApiConfigs.insertionApiConfig,\n      autosuggestionsConfig.chatApiConfigs.editingApiConfig,\n    );\n\n    return (\n      <>\n        <BaseCopilotTextarea\n          ref={ref}\n          {...forwardedProps}\n          baseAutosuggestionsConfig={{\n            ...autosuggestionsConfig,\n            apiConfig: {\n              insertionOrEditingFunction: insertionOrEditingFunction,\n              autosuggestionsFunction: autosuggestionsFunction,\n            },\n          }}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwFA,OAAO,WAAW;AAUlB,OAAO,WAAW;AAgGZ,mBACE,WADF;AAxBC,IAAM,kBAAkB,MAAM;AAAA,EACnC,CAAC,OAA6B,QAA+C;AAE3E,UAAyF,YAAjF,yBAAuB,mCA7KnC,IA6K6F,IAAnB,2BAAmB,IAAnB,CAA9D;AAER,UAAM,wBAA+C;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,0BAA0B;AAAA,MAC9B,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,IACvC;AAEA,UAAM,6BAA6B;AAAA,MACjC,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,MACrC,sBAAsB,eAAe;AAAA,IACvC;AAEA,WACE,gCACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,SACI,iBAFL;AAAA,QAGC,2BAA2B,iCACtB,wBADsB;AAAA,UAEzB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;","names":[]}

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

@@ -1,38 +1,38 @@
 import {
   BaseCopilotTextarea
-} from "../../chunk-ZWSCMQRG.mjs";
+} from "../../chunk-7WVURIB7.mjs";
 import "../../chunk-2C7O2EVM.mjs";
 import "../../chunk-GQN2HYFJ.mjs";
-import "../../chunk-S5MB33MW.mjs";
+import "../../chunk-23Q6A46J.mjs";
+import "../../chunk-AJ5OMEXM.mjs";
+import "../../chunk-DRV2FOHZ.mjs";
+import "../../chunk-4NHVQZ67.mjs";
+import "../../chunk-QJNFNPWH.mjs";
+import "../../chunk-5UNJXFUO.mjs";
+import "../../chunk-7LSRNPNI.mjs";
+import "../../chunk-C3PMJNQA.mjs";
 import "../../chunk-L7VVZH4Q.mjs";
-import "../../chunk-MBHQR656.mjs";
-import "../../chunk-N52HKVQZ.mjs";
+import "../../chunk-2DF2AVDU.mjs";
+import "../../chunk-HBWBHJ64.mjs";
 import "../../chunk-KMVGEY7Q.mjs";
+import "../../chunk-3PQ7GSFE.mjs";
 import "../../chunk-D47EKHIF.mjs";
 import "../../chunk-LYB4B6MK.mjs";
 import "../../chunk-HDBI2WN5.mjs";
 import "../../chunk-WGWQRALG.mjs";
-import "../../chunk-4PDYALMP.mjs";
 import "../../chunk-VSVQZUPW.mjs";
 import "../../chunk-I72DKFHD.mjs";
-import "../../chunk-3PQ7GSFE.mjs";
+import "../../chunk-4PDYALMP.mjs";
+import "../../chunk-2QDCE7PD.mjs";
+import "../../chunk-YLFAIYRY.mjs";
+import "../../chunk-WJHSY5T6.mjs";
+import "../../chunk-F6RLSVG3.mjs";
 import "../../chunk-7L6GIHDM.mjs";
 import "../../chunk-XW3ICO4S.mjs";
 import "../../chunk-LQ2OWQU7.mjs";
-import "../../chunk-7LSRNPNI.mjs";
-import "../../chunk-QJNFNPWH.mjs";
-import "../../chunk-5UNJXFUO.mjs";
+import "../../chunk-DFTV4TST.mjs";
 import "../../chunk-T6MTDQZ7.mjs";
 import "../../chunk-ECR45NSD.mjs";
-import "../../chunk-2QDCE7PD.mjs";
-import "../../chunk-WJHSY5T6.mjs";
-import "../../chunk-F6RLSVG3.mjs";
-import "../../chunk-23Q6A46J.mjs";
-import "../../chunk-AJ5OMEXM.mjs";
-import "../../chunk-YLFAIYRY.mjs";
-import "../../chunk-DFTV4TST.mjs";
-import "../../chunk-DRV2FOHZ.mjs";
-import "../../chunk-4NHVQZ67.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {
   BaseCopilotTextarea

package/dist/components/copilot-textarea/copilot-textarea.d.ts

@@ -14,7 +14,7 @@ import '../../types/autosuggestions-config/editing-api-config.js';
 
 /**
  * <br/>
- * <img src="/images/CopilotTextarea.gif" width="500" />
+ * <img src="https://cdn.copilotkit.ai/docs/copilotkit/images/CopilotTextarea.gif" width="500" />
  *
  * `<CopilotTextarea>` is a React component that acts as a drop-in replacement for the standard `<textarea>`,
  *  offering enhanced autocomplete features powered by AI. It is context-aware, integrating seamlessly with the