@copilotkit/react-textarea 0.36.0-mme-fix-packaging-issues.0 → 0.36.0-mme-push-to-talk.0

package/dist/index.mjs

@@ -4,7 +4,7 @@ import "./chunk-WADHCMPK.mjs";
 import "./chunk-MMVDU6DF.mjs";
 import {
   CopilotTextarea
-} from "./chunk-MMVI7IPP.mjs";
+} from "./chunk-PQIOU3E5.mjs";
 import "./chunk-SJ2TM5GA.mjs";
 import "./chunk-QCPS6IYI.mjs";
 import "./chunk-RUV6NBIF.mjs";
@@ -16,7 +16,7 @@ import "./chunk-RKQ6RTZM.mjs";
 import "./chunk-KDVMG3XF.mjs";
 import {
   BaseCopilotTextarea
-} from "./chunk-O3QC2FT5.mjs";
+} from "./chunk-XU5Z5BWV.mjs";
 import "./chunk-DRV2FOHZ.mjs";
 import "./chunk-4NHVQZ67.mjs";
 import "./chunk-FMQG2ZM3.mjs";
@@ -27,11 +27,11 @@ import "./chunk-QKS2IOUH.mjs";
 import "./chunk-JJLQVT7S.mjs";
 import "./chunk-LQ2OWQU7.mjs";
 import "./chunk-7LSRNPNI.mjs";
-import "./chunk-GZPRBYKA.mjs";
+import "./chunk-DMLXXOXD.mjs";
 import "./chunk-L7VVZH4Q.mjs";
-import "./chunk-7R7KMN2G.mjs";
-import "./chunk-P4EI4H6Y.mjs";
-import "./chunk-JC6NGPO4.mjs";
+import "./chunk-COQISBP2.mjs";
+import "./chunk-OGLVRSCO.mjs";
+import "./chunk-YNXNMCDX.mjs";
 import "./chunk-3PQ7GSFE.mjs";
 import "./chunk-WFTAAA7R.mjs";
 import "./chunk-YFK5BFEI.mjs";
@@ -48,8 +48,8 @@ import {
 } from "./chunk-LCDTIJSD.mjs";
 import "./chunk-224UKA7C.mjs";
 import "./chunk-XW3ICO4S.mjs";
-import "./chunk-IU3WTXLQ.mjs";
 import "./chunk-H4VKQGVU.mjs";
+import "./chunk-IU3WTXLQ.mjs";
 import "./chunk-DFTV4TST.mjs";
 import "./chunk-T6MTDQZ7.mjs";
 import "./chunk-ECR45NSD.mjs";

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.36.0-mme-fix-packaging-issues.0",
+  "version": "0.36.0-mme-push-to-talk.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -37,14 +37,15 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.7.0",
     "typescript": "^5.2.3",
-    "tailwind-config": "0.9.0",
-    "tsconfig": "0.14.0",
-    "eslint-config-custom": "0.10.0"
+    "eslint-config-custom": "0.11.0-mme-push-to-talk.0",
+    "tailwind-config": "0.10.0-mme-push-to-talk.0",
+    "tsconfig": "0.15.0-mme-push-to-talk.0"
   },
   "dependencies": {
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.14.11",
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-separator": "^1.0.3",
@@ -61,8 +62,8 @@
     "slate-history": "^0.93.0",
     "slate-react": "^0.98.1",
     "tailwind-merge": "^1.13.2",
-    "@copilotkit/react-core": "0.25.0",
-    "@copilotkit/shared": "0.9.0"
+    "@copilotkit/react-core": "0.36.0-mme-push-to-talk.0",
+    "@copilotkit/shared": "0.36.0-mme-push-to-talk.0"
   },
   "scripts": {
     "build": "tsup --clean",

package/src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx

@@ -1,6 +1,8 @@
 import { DocumentPointer } from "@copilotkit/react-core";
 import { Label } from "../../ui/label";
 import React from "react";
+import Chip from "@mui/material/Chip/Chip.js";
+import Avatar from "@mui/material/Avatar/Avatar.js";
 
 export interface IncludedFilesPreviewProps {
   includedFiles: DocumentPointer[];
@@ -36,69 +38,18 @@ export interface FileChipPreviewProps {
   onDelete: () => void;
 }
 
-function FileChipPreview({
-  filePointer,
-  onDelete,
-}: {
-  filePointer: DocumentPointer;
-  onDelete: () => void;
-}) {
-  const CLOSE_BUTTON_COLOR = "rgba(0, 0, 0, 0.26)";
-  const [color, setColor] = React.useState(CLOSE_BUTTON_COLOR);
+export const FileChipPreview = ({ filePointer, onDelete }: FileChipPreviewProps) => {
   return (
-    <div>
-      <button
-        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",
-        }}
-      >
-        <img
-          style={{
-            marginLeft: "5px",
-            width: "24px",
-            height: "24px",
-            backgroundColor: "transparent",
-            borderRadius: "50%",
-          }}
+    <Chip
+      label={filePointer.name}
+      onDelete={onDelete}
+      avatar={
+        <Avatar
           src={filePointer.iconImageUri}
           alt={filePointer.sourceApplication}
-        />
-        <span style={{ marginLeft: "5px" }}>{filePointer.name}</span>
-        <svg
-          style={{
-            color: 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" // Defines the size of the original design space
-          preserveAspectRatio="xMidYMid meet"
-          onClick={onDelete}
-          onMouseOver={() => setColor("rgba(0, 0, 0, 0.54)")}
-          onMouseOut={() => setColor(CLOSE_BUTTON_COLOR)}
-        >
-          <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"></path>
-        </svg>
-      </button>
-    </div>
+          sx={{ backgroundColor: "transparent" }}
+        ></Avatar>
+      }
+    />
   );
-}
+};

package/typedoc.json

@@ -0,0 +1,4 @@
+{
+  "extends": ["../../typedoc.base.json"],
+  "entryPoints": ["src/index.tsx"]
+}

package/dist/chunk-JC6NGPO4.mjs

@@ -1,100 +0,0 @@
-import {
-  Label
-} from "./chunk-YFK5BFEI.mjs";
-
-// src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var IncludedFilesPreview = ({
-  includedFiles,
-  setIncludedFiles
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 mt-2", children: [
-    /* @__PURE__ */ jsx(Label, { className: "", children: "Included context:" }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: includedFiles.map((filePointer, index) => {
-      return /* @__PURE__ */ jsx(
-        FileChipPreview,
-        {
-          filePointer,
-          onDelete: () => {
-            setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));
-          }
-        },
-        `file-${filePointer.sourceApplication}.${filePointer.name}`
-      );
-    }) })
-  ] });
-};
-function FileChipPreview({
-  filePointer,
-  onDelete
-}) {
-  const CLOSE_BUTTON_COLOR = "rgba(0, 0, 0, 0.26)";
-  const [color, setColor] = React.useState(CLOSE_BUTTON_COLOR);
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-    "button",
-    {
-      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__ */ jsx(
-          "img",
-          {
-            style: {
-              marginLeft: "5px",
-              width: "24px",
-              height: "24px",
-              backgroundColor: "transparent",
-              borderRadius: "50%"
-            },
-            src: filePointer.iconImageUri,
-            alt: filePointer.sourceApplication
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { style: { marginLeft: "5px" }, children: filePointer.name }),
-        /* @__PURE__ */ 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__ */ 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" })
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-export {
-  IncludedFilesPreview
-};
-//# sourceMappingURL=chunk-JC6NGPO4.mjs.map

package/dist/chunk-JC6NGPO4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx"],"sourcesContent":["import { DocumentPointer } from \"@copilotkit/react-core\";\nimport { Label } from \"../../ui/label\";\nimport React from \"react\";\n\nexport interface IncludedFilesPreviewProps {\n  includedFiles: DocumentPointer[];\n  setIncludedFiles: React.Dispatch<React.SetStateAction<DocumentPointer[]>>;\n}\n\nexport const IncludedFilesPreview = ({\n  includedFiles,\n  setIncludedFiles,\n}: IncludedFilesPreviewProps) => {\n  return (\n    <div className=\"flex flex-col gap-2 mt-2\">\n      <Label className=\"\">Included context:</Label>\n      <div className=\"flex flex-wrap gap-2\">\n        {includedFiles.map((filePointer, index) => {\n          return (\n            <FileChipPreview\n              key={`file-${filePointer.sourceApplication}.${filePointer.name}`}\n              filePointer={filePointer}\n              onDelete={() => {\n                setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));\n              }}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport interface FileChipPreviewProps {\n  filePointer: DocumentPointer;\n  onDelete: () => void;\n}\n\nfunction FileChipPreview({\n  filePointer,\n  onDelete,\n}: {\n  filePointer: DocumentPointer;\n  onDelete: () => void;\n}) {\n  const CLOSE_BUTTON_COLOR = \"rgba(0, 0, 0, 0.26)\";\n  const [color, setColor] = React.useState(CLOSE_BUTTON_COLOR);\n  return (\n    <div>\n      <button\n        style={{\n          fontSize: \"0.8125rem\",\n          display: \"inline-flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          height: \"32px\",\n          color: \"rgba(0, 0, 0, 0.87)\",\n          backgroundColor: \"rgba(0, 0, 0, 0.08)\",\n          borderRadius: \"16px\",\n          whiteSpace: \"nowrap\",\n          boxSizing: \"border-box\",\n          border: 0,\n          verticalAlign: \"middle\",\n          outline: 0,\n          cursor: \"default\",\n        }}\n      >\n        <img\n          style={{\n            marginLeft: \"5px\",\n            width: \"24px\",\n            height: \"24px\",\n            backgroundColor: \"transparent\",\n            borderRadius: \"50%\",\n          }}\n          src={filePointer.iconImageUri}\n          alt={filePointer.sourceApplication}\n        />\n        <span style={{ marginLeft: \"5px\" }}>{filePointer.name}</span>\n        <svg\n          style={{\n            color: color,\n            fontSize: \"22px\",\n            cursor: \"pointer\",\n            margin: \"0 5px 0 5px\",\n            userSelect: \"none\",\n            width: \"1em\",\n            height: \"1em\",\n            display: \"inline-block\",\n            fill: \"currentColor\",\n            flexShrink: 0,\n          }}\n          viewBox=\"0 0 24 24\" // Defines the size of the original design space\n          preserveAspectRatio=\"xMidYMid meet\"\n          onClick={onDelete}\n          onMouseOver={() => setColor(\"rgba(0, 0, 0, 0.54)\")}\n          onMouseOut={() => setColor(CLOSE_BUTTON_COLOR)}\n        >\n          <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\"></path>\n        </svg>\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAEA,OAAO,WAAW;AAYd,SACE,KADF;AALG,IAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAC/B,SACE,qBAAC,SAAI,WAAU,4BACb;AAAA,wBAAC,SAAM,WAAU,IAAG,+BAAiB;AAAA,IACrC,oBAAC,SAAI,WAAU,wBACZ,wBAAc,IAAI,CAAC,aAAa,UAAU;AACzC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,UAAU,MAAM;AACd,6BAAiB,CAAC,SAAS,KAAK,OAAO,CAAC,OAAO,OAAO,WAAW,CAAC;AAAA,UACpE;AAAA;AAAA,QAJK,QAAQ,YAAY,qBAAqB,YAAY;AAAA,MAK5D;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;AAOA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AACF,GAGG;AACD,QAAM,qBAAqB;AAC3B,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,kBAAkB;AAC3D,SACE,oBAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,cAAc;AAAA,YAChB;AAAA,YACA,KAAK,YAAY;AAAA,YACjB,KAAK,YAAY;AAAA;AAAA,QACnB;AAAA,QACA,oBAAC,UAAK,OAAO,EAAE,YAAY,MAAM,GAAI,sBAAY,MAAK;AAAA,QACtD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL;AAAA,cACA,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,MAAM;AAAA,cACN,YAAY;AAAA,YACd;AAAA,YACA,SAAQ;AAAA,YACR,qBAAoB;AAAA,YACpB,SAAS;AAAA,YACT,aAAa,MAAM,SAAS,qBAAqB;AAAA,YACjD,YAAY,MAAM,SAAS,kBAAkB;AAAA,YAE7C,8BAAC,UAAK,GAAE,mLAAkL;AAAA;AAAA,QAC5L;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}