@copilotkit/react-textarea 0.19.0-alpha.8 → 0.19.0

package/dist/components/base-copilot-textarea/use-add-branding-css.mjs

@@ -1,58 +1,4 @@
-// src/components/base-copilot-textarea/use-add-branding-css.tsx
-import { useEffect } from "react";
-function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
-  const cssSelector = ".copilot-textarea.with-branding";
-  useEffect(() => {
-    if (disableBranding) {
-      return;
-    }
-    const styleEl = document.createElement("style");
-    styleEl.id = "dynamic-styles";
-    let dynamicStyles = Object.entries(suggestionStyleAugmented).map(([key, value]) => {
-      const kebabCaseKey = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-      return `${kebabCaseKey}: ${value};`;
-    }).join(" ");
-    dynamicStyles += `font-style: normal; font-size: x-small;`;
-    dynamicStyles += `content: "CopilotKit";`;
-    dynamicStyles += `bottom: 6px;`;
-    dynamicStyles += `right: 6px;`;
-    dynamicStyles += `pointer-events: none;`;
-    dynamicStyles += `font-weight: 200;`;
-    dynamicStyles += `padding: 0;`;
-    dynamicStyles += `margin: 0;`;
-    dynamicStyles += `border: 0;`;
-    dynamicStyles += `line-height: 1;`;
-    dynamicStyles += `position: absolute;`;
-    styleEl.innerHTML = `
-      ${cssSelector}::after {
-        ${dynamicStyles}
-      }
-    `;
-    document.head.appendChild(styleEl);
-    const textarea = document.querySelector(cssSelector);
-    const handleScroll = () => {
-      const styleEl2 = document.getElementById("dynamic-styles");
-      if (styleEl2 && textarea) {
-        const offsetFromBottom = -textarea.scrollTop + 6;
-        const offsetFromRight = -textarea.scrollLeft + 6;
-        styleEl2.innerHTML = `
-          ${cssSelector}::after {
-            ${dynamicStyles}
-            bottom: ${offsetFromBottom}px;
-            right: ${offsetFromRight}px;
-          }
-        `;
-      }
-    };
-    textarea == null ? void 0 : textarea.addEventListener("scroll", handleScroll);
-    return () => {
-      var _a;
-      (_a = document.getElementById("dynamic-styles")) == null ? void 0 : _a.remove();
-      textarea == null ? void 0 : textarea.removeEventListener("scroll", handleScroll);
-    };
-  }, [disableBranding, suggestionStyleAugmented]);
-}
-export {
-  useAddBrandingCss
-};
+export { useAddBrandingCss } from '../../chunk-MPME5BW2.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=use-add-branding-css.mjs.map

package/dist/components/base-copilot-textarea/use-add-branding-css.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/base-copilot-textarea/use-add-branding-css.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport function useAddBrandingCss(\n  suggestionStyleAugmented: React.CSSProperties,\n  disableBranding: boolean | undefined\n) {\n  const cssSelector = \".copilot-textarea.with-branding\";\n  useEffect(() => {\n    if (disableBranding) {\n      return;\n    }\n\n    // ---\n    // 1: Add the CSS to the DOM\n    const styleEl = document.createElement(\"style\");\n    styleEl.id = \"dynamic-styles\";\n\n    // Build the CSS string dynamically\n    let dynamicStyles = Object.entries(suggestionStyleAugmented)\n      .map(([key, value]) => {\n        const kebabCaseKey = key\n          .replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\")\n          .toLowerCase();\n        return `${kebabCaseKey}: ${value};`;\n      })\n      .join(\" \");\n\n    // Append overrides for italics and font-size\n    dynamicStyles += `font-style: normal; font-size: x-small;`;\n    dynamicStyles += `content: \"CopilotKit\";`;\n    dynamicStyles += `bottom: 6px;`;\n    dynamicStyles += `right: 6px;`;\n    dynamicStyles += `pointer-events: none;`;\n    dynamicStyles += `font-weight: 200;`;\n    dynamicStyles += `padding: 0;`;\n    dynamicStyles += `margin: 0;`;\n    dynamicStyles += `border: 0;`;\n    dynamicStyles += `line-height: 1;`;\n    dynamicStyles += `position: absolute;`;\n\n    // Append it to the ::after class\n    styleEl.innerHTML = `\n      ${cssSelector}::after {\n        ${dynamicStyles}\n      }\n    `;\n\n    document.head.appendChild(styleEl);\n\n    // ---\n    // 2: Add the scroll listener (to keep the branding in the bottom right as the textarea scrolls)\n    const textarea = document.querySelector(cssSelector);\n    const handleScroll = () => {\n      const styleEl = document.getElementById(\"dynamic-styles\");\n      if (styleEl && textarea) {\n        const offsetFromBottom = -textarea.scrollTop + 6;\n        const offsetFromRight = -textarea.scrollLeft + 6;\n        styleEl.innerHTML = `\n          ${cssSelector}::after {\n            ${dynamicStyles}\n            bottom: ${offsetFromBottom}px;\n            right: ${offsetFromRight}px;\n          }\n        `;\n      }\n    };\n\n    textarea?.addEventListener(\"scroll\", handleScroll);\n\n    // Cleanup\n    return () => {\n      document.getElementById(\"dynamic-styles\")?.remove();\n      textarea?.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [disableBranding, suggestionStyleAugmented]);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,SAAS,kBACd,0BACA,iBACA;AACA,QAAM,cAAc;AACpB,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB;AAAA,IACF;AAIA,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,KAAK;AAGb,QAAI,gBAAgB,OAAO,QAAQ,wBAAwB,EACxD,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrB,YAAM,eAAe,IAClB,QAAQ,gCAAgC,OAAO,EAC/C,YAAY;AACf,aAAO,GAAG,iBAAiB;AAAA,IAC7B,CAAC,EACA,KAAK,GAAG;AAGX,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AAGjB,YAAQ,YAAY;AAAA,QAChB;AAAA,UACE;AAAA;AAAA;AAIN,aAAS,KAAK,YAAY,OAAO;AAIjC,UAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAM,eAAe,MAAM;AACzB,YAAMA,WAAU,SAAS,eAAe,gBAAgB;AACxD,UAAIA,YAAW,UAAU;AACvB,cAAM,mBAAmB,CAAC,SAAS,YAAY;AAC/C,cAAM,kBAAkB,CAAC,SAAS,aAAa;AAC/C,QAAAA,SAAQ,YAAY;AAAA,YAChB;AAAA,cACE;AAAA,sBACQ;AAAA,qBACD;AAAA;AAAA;AAAA,MAGf;AAAA,IACF;AAEA,yCAAU,iBAAiB,UAAU;AAGrC,WAAO,MAAM;AAtEjB;AAuEM,qBAAS,eAAe,gBAAgB,MAAxC,mBAA2C;AAC3C,2CAAU,oBAAoB,UAAU;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,iBAAiB,wBAAwB,CAAC;AAChD;","names":["styleEl"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { BaseCopilotTextareaProps } from '../../types/base/base-copilot-textarea-props.js';
+import { HTMLCopilotTextAreaElement } from '../../types/html-copilot-textarea-element.js';
+import { AutosuggestionsConfigUserSpecified } from '../../types/autosuggestions-config/autosuggestions-config-user-specified.js';
+import '../../types/base/base-autosuggestions-config.js';
+import '../../types/base/autosuggestions-bare-function.js';
+import '../../types/autosuggestions-config/autosuggestions-config.js';
+import '../../types/autosuggestions-config/suggestions-api-config.js';
+import '../../types/autosuggestions-config/subtypes/minimal-chat-gpt-message.js';
+import '../../types/autosuggestions-config/subtypes/make-system-prompt.js';
+import '../../types/autosuggestions-config/insertions-api-config.js';
+import '../../types/autosuggestions-config/editing-api-config.js';
+
+interface CopilotTextareaProps extends Omit<BaseCopilotTextareaProps, "baseAutosuggestionsConfig"> {
+    autosuggestionsConfig: AutosuggestionsConfigUserSpecified;
+}
+declare const CopilotTextarea: React__default.ForwardRefExoticComponent<CopilotTextareaProps & React__default.RefAttributes<HTMLCopilotTextAreaElement>>;
+
+export { CopilotTextarea, CopilotTextareaProps };