@progress/kendo-react-grid 11.4.0-develop.2 → 11.4.0-develop.3

package/toolbar-tools/GridToolbarAIAssistant.mjs

@@ -0,0 +1,188 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as s from "react";
+import { GridContext as st } from "../utils/GridContext.mjs";
+import { Button as nt } from "@progress/kendo-react-buttons";
+import { sparklesIcon as rt } from "@progress/kendo-svg-icons";
+import E from "axios";
+import { useInternationalization as at, useLocalization as it } from "@progress/kendo-react-intl";
+import { toolbarAI as m, messages as g, aIResponseData as L, generatedWithAI as j } from "../messages/index.mjs";
+import { useCustomComponent as lt, classNames as ut } from "@progress/kendo-react-common";
+import { Window as ct } from "@progress/kendo-react-dialogs";
+import { GridAIPrompt as pt } from "./ai-tool/GridAIPrompt.mjs";
+const ft = (l, n) => l.map((u) => {
+  let c = u;
+  return n.forEach((a) => {
+    a.field && c.includes(a.field) && (c = c.replace(new RegExp(a.field, "g"), a.title || a.field));
+  }), c;
+}), dt = (l) => {
+  const n = s.useContext(st), R = at(), u = it(), {
+    requestUrl: c,
+    requestOptions: a,
+    onPromptRequest: w,
+    onResponseSuccess: y,
+    onResponseError: b,
+    role: v = "user",
+    gridAIPrompt: D = pt,
+    icon: W,
+    svgIcon: h,
+    onCloseWindow: T,
+    promptPlaceHolder: z,
+    suggestionsList: B,
+    streaming: F,
+    outputs: G
+  } = l, [C, k] = s.useState([]), M = s.useMemo(() => n && Array.isArray(n.columnsRef) ? n.columnsRef.map((t) => ({ field: t.field })) : [], [n]), [H, f] = s.useState(!1), [d, I] = s.useState(!1), [N, $] = s.useState(), [K, U] = s.useState(), p = s.useRef(null), A = s.useRef(null), V = (t) => {
+    t.preventDefault(), I(!d);
+  }, S = s.useMemo(() => {
+    var t;
+    return (t = l.show) != null ? t : d;
+  }, [l.show, d]), O = () => {
+    var t;
+    T && T(), k([]), I(!1), p.current && ((t = p.current.element) == null || t.focus());
+  }, P = (t) => {
+    t.filters = t.filters.map((o) => {
+      if (o.value) {
+        const i = R.parseDate(o.value);
+        i && (o.value = i);
+      }
+      return o;
+    });
+  }, X = (t, o, i) => {
+    if (f(!1), t != null && t.data) {
+      if (t.data.sort && n.sortChange(t.data.sort, t), t.data.filter) {
+        let e = t.data.filter;
+        if (e && Object.keys(e).length === 0 && (e = null), e != null && e.filters && Array.isArray(e.filters)) {
+          P(e);
+          const r = n.filter || { filters: [], logic: "or" }, et = e.filters.map((ot) => ({
+            logic: "and",
+            filters: [ot]
+          }));
+          e = {
+            ...r,
+            filters: [...r.filters, ...et]
+          };
+        }
+        n.filterChange(e, t);
+      }
+      if (t.data.highlight) {
+        let e = t.data.highlight;
+        Array.isArray(e) && (e = e.map((r) => (r != null && r.filters && Array.isArray(r.filters) && P(r), r))), n.applyHighlightDescriptor(e);
+      }
+      if (t.data.group && n.groupChange(t.data.group, t), t.data.messages) {
+        const e = [u.toLanguageString(L, g[L])], r = ft(t.data.messages, n.columnsRef).join(
+          `
+`
+        );
+        k([
+          ...C,
+          {
+            id: C.length + 1,
+            title: u.toLanguageString(j, g[j]),
+            subTitle: o,
+            prompt: o,
+            responseContent: e.concat(r).join(""),
+            isRetry: i
+          }
+        ]);
+      }
+    }
+    y && y(t);
+  }, Y = (t) => {
+    b && b(t), f(!1);
+  }, J = (t, o) => {
+    const i = E.CancelToken.source(), e = {
+      role: "user",
+      columns: M || [],
+      headers: {
+        Accept: "*/*",
+        "Content-Type": "application/json"
+      },
+      promptMessage: t,
+      requestOptions: {
+        url: c,
+        method: "POST",
+        withCredentials: !1,
+        responseType: "json",
+        cancelToken: i.token,
+        ...a
+      }
+    };
+    w && w(e, o), e.requestOptions.url !== void 0 && (f(!0), E({
+      ...e.requestOptions,
+      headers: e.headers,
+      data: {
+        role: v || e.role,
+        contents: [
+          {
+            $type: "text",
+            text: e.promptMessage
+          }
+        ],
+        columns: e.columns || []
+      },
+      ...l.requestOptions
+    }).then((r) => X(r, e.promptMessage, o)).catch(Y), A.current = i);
+  }, Q = () => {
+    A.current && A.current.cancel("Request cancelled by user."), f(!1);
+  }, [Z, x] = lt(
+    D
+  ), _ = Object.keys(x).length > 0 ? x : {}, q = /* @__PURE__ */ s.createElement(
+    Z,
+    {
+      onPromptRequest: J,
+      onCancel: Q,
+      onClose: O,
+      streaming: F || H,
+      outputs: G || C,
+      promptPlaceHolder: z,
+      suggestionsList: B,
+      ..._
+    }
+  ), tt = /* @__PURE__ */ s.createElement(
+    nt,
+    {
+      ref: p,
+      togglable: !0,
+      themeColor: "primary",
+      rounded: "full",
+      selected: S,
+      svgIcon: h != null ? h : rt,
+      icon: W,
+      size: n.mobileMode ? "large" : "medium",
+      className: ut("k-toolbar-button", { "k-icon-button": n.mobileMode }),
+      title: u.toLanguageString(m, g[m]),
+      onClick: V
+    }
+  );
+  return s.useEffect(() => {
+    var t;
+    if (p.current && S) {
+      const o = (t = p.current.element) == null ? void 0 : t.getBoundingClientRect();
+      o && ($(o.top + window.scrollY + o.height), U(o.left + window.scrollX + o.width));
+    }
+  }, [S]), /* @__PURE__ */ s.createElement(s.Fragment, null, tt, d && /* @__PURE__ */ s.createElement(
+    ct,
+    {
+      autoFocus: !1,
+      title: u.toLanguageString(m, g[m]),
+      initialTop: N,
+      initialLeft: K,
+      onClose: O,
+      resizable: !0,
+      draggable: !0,
+      initialWidth: 437,
+      initialHeight: 460,
+      className: "k-grid-assistant-window"
+    },
+    q
+  ));
+};
+dt.displayName = "KendoReactGridToolbarAIAssistant";
+export {
+  dt as GridToolbarAIAssistant
+};

package/toolbar-tools/GridToolbarAI.js

@@ -1,9 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Z=require("react"),ee=require("../utils/GridContext.js"),te=require("@progress/kendo-react-buttons"),oe=require("@progress/kendo-svg-icons"),j=require("axios"),x=require("@progress/kendo-react-intl"),l=require("../messages/index.js"),v=require("@progress/kendo-react-common"),ne=require("@progress/kendo-react-dialogs"),se=require("./ai-tool/GridAIPrompt.js");function re(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const c in a)if(c!=="default"){const i=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(o,c,i.get?i:{enumerable:!0,get:()=>a[c]})}}return o.default=a,Object.freeze(o)}const s=re(Z),ae=(a,o)=>a.map(i=>{let f=i;return o.forEach(u=>{u.field&&f.includes(u.field)&&(f=f.replace(new RegExp(u.field,"g"),u.title||u.field))}),f}),D=a=>{const o=s.useContext(ee.GridContext),c=x.useInternationalization(),i=x.useLocalization(),{requestUrl:f,requestOptions:u,onPromptRequest:A,onResponseSuccess:R,onResponseError:I,role:E="user",gridAIPrompt:G=se.GridAIPrompt,icon:W,svgIcon:h,onCloseWindow:y}=a,[b,k]=s.useState([]),z=s.useMemo(()=>o&&Array.isArray(o.columnsRef)?o.columnsRef.map(e=>({field:e.field})):[],[o]),[B,p]=s.useState(!1),[m,w]=s.useState(!1),[L,M]=s.useState(),[F,N]=s.useState(),g=s.useRef(null),C=s.useRef(null),q=e=>{e.preventDefault(),w(!m)},S=s.useMemo(()=>{var e;return(e=a.show)!=null?e:m},[a.show,m]),O=()=>{var e;y&&y(),k([]),w(!1),g.current&&((e=g.current.element)==null||e.focus())},T=e=>{e.filters=e.filters.map(n=>{if(n.value){const d=c.parseDate(n.value);d&&(n.value=d)}return n})},_=(e,n,d)=>{if(p(!1),e!=null&&e.data){if(e.data.sort&&o.sortChange(e.data.sort,e),e.data.filter){let t=e.data.filter;if(t&&Object.keys(t).length===0&&(t=null),t!=null&&t.filters&&Array.isArray(t.filters)){T(t);const r=o.filter||{filters:[],logic:"or"},J=t.filters.map(Q=>({logic:"and",filters:[Q]}));t={...r,filters:[...r.filters,...J]}}o.filterChange(t,e)}if(e.data.highlight){let t=e.data.highlight;Array.isArray(t)&&(t=t.map(r=>(r!=null&&r.filters&&Array.isArray(r.filters)&&T(r),r))),o.highlightChange(t)}if(e.data.group&&o.groupChange(e.data.group,e),e.data.messages){const t=[i.toLanguageString(l.aIResponseData,l.messages[l.aIResponseData])],r=ae(e.data.messages,o.columnsRef).join(`
-`);k([...b,{id:b.length+1,title:i.toLanguageString(l.generatedWithAI,l.messages[l.generatedWithAI]),subTitle:n,prompt:n,responseContent:t.concat(r).join(""),isRetry:d}])}}R&&R(e)},H=e=>{I&&I(e),p(!1)},$=(e,n)=>{const d=j.CancelToken.source();console.log("Prompt requested:",e,n);const t={role:"user",columns:z||[],headers:{Accept:"*/*","Content-Type":"application/json"},promptMessage:e,requestOptions:{url:f,method:"POST",withCredentials:!1,responseType:"json",cancelToken:d.token,...u}};A&&A(t,n),t.requestOptions.url!==void 0&&(p(!0),j({...t.requestOptions,headers:t.headers,data:{role:E||t.role,contents:[{$type:"text",text:t.promptMessage}],columns:t.columns||[]},...a.requestOptions}).then(r=>_(r,t.promptMessage,n)).catch(H),C.current=d)},K=()=>{C.current&&C.current.cancel("Request cancelled by user."),p(!1)},[U,P]=v.useCustomComponent(G),V=Object.keys(P).length>0?P:{},X=s.createElement(U,{onPromptRequest:$,onCancel:K,onClose:O,streaming:B,outputs:b,...V}),Y=s.createElement(te.Button,{ref:g,togglable:!0,themeColor:"primary",rounded:"full",selected:S,svgIcon:h!=null?h:oe.sparklesIcon,icon:W,size:o.mobileMode?"large":"medium",className:v.classNames("k-toolbar-button",{"k-icon-button":o.mobileMode}),title:i.toLanguageString(l.toolbarAI,l.messages[l.toolbarAI]),onClick:q});return s.useEffect(()=>{var e;if(g.current&&S){const n=(e=g.current.element)==null?void 0:e.getBoundingClientRect();n&&(M(n.top+window.scrollY+n.height),N(n.left+window.scrollX+n.width))}},[S]),s.createElement(s.Fragment,null,Y,m&&s.createElement(ne.Window,{autoFocus:!1,title:i.toLanguageString(l.toolbarAI,l.messages[l.toolbarAI]),top:L,left:F,onClose:O,resizable:!0,draggable:!0,initialWidth:437,initialHeight:460,className:"k-grid-assistant-window"},X))};D.displayName="KendoReactGridToolbarAI";exports.GridToolbarAI=D;

package/toolbar-tools/GridToolbarAI.mjs

@@ -1,187 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-import * as n from "react";
-import { GridContext as q } from "../utils/GridContext.mjs";
-import { Button as ee } from "@progress/kendo-react-buttons";
-import { sparklesIcon as te } from "@progress/kendo-svg-icons";
-import E from "axios";
-import { useInternationalization as oe, useLocalization as ne } from "@progress/kendo-react-intl";
-import { toolbarAI as m, messages as g, aIResponseData as j, generatedWithAI as v } from "../messages/index.mjs";
-import { useCustomComponent as se, classNames as re } from "@progress/kendo-react-common";
-import { Window as ae } from "@progress/kendo-react-dialogs";
-import { GridAIPrompt as le } from "./ai-tool/GridAIPrompt.mjs";
-const ie = (i, s) => i.map((c) => {
-  let u = c;
-  return s.forEach((a) => {
-    a.field && u.includes(a.field) && (u = u.replace(new RegExp(a.field, "g"), a.title || a.field));
-  }), u;
-}), ce = (i) => {
-  const s = n.useContext(q), w = oe(), c = ne(), {
-    requestUrl: u,
-    requestOptions: a,
-    onPromptRequest: R,
-    onResponseSuccess: b,
-    onResponseError: y,
-    role: L = "user",
-    gridAIPrompt: W = le,
-    icon: z,
-    svgIcon: h,
-    onCloseWindow: T
-  } = i, [C, k] = n.useState([]), B = n.useMemo(() => s && Array.isArray(s.columnsRef) ? s.columnsRef.map((e) => ({ field: e.field })) : [], [s]), [D, d] = n.useState(!1), [p, I] = n.useState(!1), [F, G] = n.useState(), [M, N] = n.useState(), f = n.useRef(null), S = n.useRef(null), H = (e) => {
-    e.preventDefault(), I(!p);
-  }, A = n.useMemo(() => {
-    var e;
-    return (e = i.show) != null ? e : p;
-  }, [i.show, p]), P = () => {
-    var e;
-    T && T(), k([]), I(!1), f.current && ((e = f.current.element) == null || e.focus());
-  }, O = (e) => {
-    e.filters = e.filters.map((o) => {
-      if (o.value) {
-        const l = w.parseDate(o.value);
-        l && (o.value = l);
-      }
-      return o;
-    });
-  }, $ = (e, o, l) => {
-    if (d(!1), e != null && e.data) {
-      if (e.data.sort && s.sortChange(e.data.sort, e), e.data.filter) {
-        let t = e.data.filter;
-        if (t && Object.keys(t).length === 0 && (t = null), t != null && t.filters && Array.isArray(t.filters)) {
-          O(t);
-          const r = s.filter || { filters: [], logic: "or" }, Z = t.filters.map((_) => ({
-            logic: "and",
-            filters: [_]
-          }));
-          t = {
-            ...r,
-            filters: [
-              ...r.filters,
-              ...Z
-            ]
-          };
-        }
-        s.filterChange(t, e);
-      }
-      if (e.data.highlight) {
-        let t = e.data.highlight;
-        Array.isArray(t) && (t = t.map((r) => (r != null && r.filters && Array.isArray(r.filters) && O(r), r))), s.highlightChange(t);
-      }
-      if (e.data.group && s.groupChange(e.data.group, e), e.data.messages) {
-        const t = [c.toLanguageString(j, g[j])], r = ie(e.data.messages, s.columnsRef).join(
-          `
-`
-        );
-        k([
-          ...C,
-          {
-            id: C.length + 1,
-            title: c.toLanguageString(v, g[v]),
-            subTitle: o,
-            prompt: o,
-            responseContent: t.concat(r).join(""),
-            isRetry: l
-          }
-        ]);
-      }
-    }
-    b && b(e);
-  }, K = (e) => {
-    y && y(e), d(!1);
-  }, U = (e, o) => {
-    const l = E.CancelToken.source();
-    console.log("Prompt requested:", e, o);
-    const t = {
-      role: "user",
-      columns: B || [],
-      headers: {
-        Accept: "*/*",
-        "Content-Type": "application/json"
-      },
-      promptMessage: e,
-      requestOptions: {
-        url: u,
-        method: "POST",
-        withCredentials: !1,
-        responseType: "json",
-        cancelToken: l.token,
-        ...a
-      }
-    };
-    R && R(t, o), t.requestOptions.url !== void 0 && (d(!0), E({
-      ...t.requestOptions,
-      headers: t.headers,
-      data: {
-        role: L || t.role,
-        contents: [
-          {
-            $type: "text",
-            text: t.promptMessage
-          }
-        ],
-        columns: t.columns || []
-      },
-      ...i.requestOptions
-    }).then((r) => $(r, t.promptMessage, o)).catch(K), S.current = l);
-  }, V = () => {
-    S.current && S.current.cancel("Request cancelled by user."), d(!1);
-  }, [X, x] = se(
-    W
-  ), Y = Object.keys(x).length > 0 ? x : {}, J = /* @__PURE__ */ n.createElement(
-    X,
-    {
-      onPromptRequest: U,
-      onCancel: V,
-      onClose: P,
-      streaming: D,
-      outputs: C,
-      ...Y
-    }
-  ), Q = /* @__PURE__ */ n.createElement(
-    ee,
-    {
-      ref: f,
-      togglable: !0,
-      themeColor: "primary",
-      rounded: "full",
-      selected: A,
-      svgIcon: h != null ? h : te,
-      icon: z,
-      size: s.mobileMode ? "large" : "medium",
-      className: re("k-toolbar-button", { "k-icon-button": s.mobileMode }),
-      title: c.toLanguageString(m, g[m]),
-      onClick: H
-    }
-  );
-  return n.useEffect(() => {
-    var e;
-    if (f.current && A) {
-      const o = (e = f.current.element) == null ? void 0 : e.getBoundingClientRect();
-      o && (G(o.top + window.scrollY + o.height), N(o.left + window.scrollX + o.width));
-    }
-  }, [A]), /* @__PURE__ */ n.createElement(n.Fragment, null, Q, p && /* @__PURE__ */ n.createElement(
-    ae,
-    {
-      autoFocus: !1,
-      title: c.toLanguageString(m, g[m]),
-      top: F,
-      left: M,
-      onClose: P,
-      resizable: !0,
-      draggable: !0,
-      initialWidth: 437,
-      initialHeight: 460,
-      className: "k-grid-assistant-window"
-    },
-    J
-  ));
-};
-ce.displayName = "KendoReactGridToolbarAI";
-export {
-  ce as GridToolbarAI
-};