@progress/kendo-react-grid 13.4.0-develop.5 → 14.0.0-develop.2

package/toolbar-tools/GridToolbarAIAssistant.d.ts

@@ -11,6 +11,7 @@ import { AxiosResponse, AxiosRequestConfig } from 'axios';
 import { CustomComponent } from '@progress/kendo-react-common';
 import { AIPromptOutputInterface } from '@progress/kendo-react-conversational-ui';
 import { GridAIPromptProps } from './ai-tool/GridAIPrompt.js';
+import { GridAIRequestData } from '../hooks/useGridAIRequest.js';
 import * as React from 'react';
 /**
  * Represents the handle interface for the GridToolbarAIAssistant component.
@@ -28,37 +29,7 @@ export interface GridToolbarAIAssistantHandle {
 /**
  * Represents the request data structure for the GridToolbarAIAssistant component.
  */
-export interface GridToolbarAIAssistantRequestData {
-    /**
-     * The role or context for the AI request.
-     */
-    role: string;
-    /**
-     * The array of column definitions with their field names.
-     */
-    columns: Array<{
-        field: string;
-    }>;
-    /**
-     * The headers object containing key-value pairs for the request.
-     */
-    headers: Record<string, string>;
-    /**
-     * The prompt message sent to the AI assistant.
-     */
-    promptMessage: string;
-    /**
-     * The request configuration options for the HTTP request.
-     */
-    requestOptions: {
-        url?: string;
-        method?: string;
-        withCredentials?: boolean;
-        responseType?: string;
-        cancelToken?: any;
-        [key: string]: any;
-    };
-}
+export type GridToolbarAIAssistantRequestData = GridAIRequestData;
 /**
  * Represents the props interface for the GridToolbarAIAssistant component.
  * This component provides AI-powered functionality for grid operations through natural language prompts.
@@ -239,8 +210,5 @@ export interface GridToolbarAIAssistantProps {
      */
     onCloseWindow?: () => void;
 }
-/**
- * Represents the GridToolbarAIAssistant component.
- */
 declare const GridToolbarAIAssistant: React.ForwardRefExoticComponent<GridToolbarAIAssistantProps & React.RefAttributes<GridToolbarAIAssistantHandle>>;
 export { GridToolbarAIAssistant };

package/toolbar-tools/GridToolbarAIAssistant.js

@@ -5,5 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ue=require("react"),de=require("../utils/GridContext.js"),pe=require("@progress/kendo-react-buttons"),ge=require("@progress/kendo-svg-icons"),v=require("axios"),fe=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),E=require("@progress/kendo-react-common"),me=require("@progress/kendo-react-dialogs"),he=require("./ai-tool/GridAIPrompt.js"),Ce=require("../utils/handleAIResponse.js");function Se(i){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(u,e,c.get?c:{enumerable:!0,get:()=>i[e]})}}return u.default=i,Object.freeze(u)}const n=Se(ue),L=768,Ie=(i,u)=>i.map(c=>{let p=c;return u.forEach(d=>{d.field&&p.includes(d.field)&&(p=p.replace(new RegExp(d.field,"g"),d.title||d.field))}),p}),be=()=>null,j=n.forwardRef((i,u)=>{const e=n.useContext(de.GridContext),c=fe.useLocalization(),{requestUrl:p,requestOptions:d,onPromptRequest:y,onResponseSuccess:P,onResponseError:b,role:D="user",gridAIPrompt:B=he.GridAIPrompt,icon:x,svgIcon:G,onCloseWindow:k,promptPlaceHolder:M,suggestionsList:z,streaming:N,loading:H,outputs:K,enableSpeechToText:_}=i,[A,O]=n.useState([]),F=n.useMemo(()=>e&&Array.isArray(e.columnsRef)&&Array.isArray(e.hiddenColumnsRef)?[...e.columnsRef,...e.hiddenColumnsRef].map(t=>{var o;return{id:t.id,field:t.field,values:(o=t.values)!=null?o:[]}}):[],[e]),[U,f]=n.useState(!1),[X,m]=n.useState(!1),[R,w]=n.useState(!1),[Y,$]=n.useState(),[J,Q]=n.useState(),[q,V]=n.useState(()=>{const t=window.innerWidth;return t<L?t*.8:560}),g=n.useRef(null),T=n.useRef(null),Z=t=>{t.preventDefault(),w(!R)},h=n.useMemo(()=>{var t;return(t=i.show)!=null?t:R},[i.show,R]),C=n.useCallback(()=>{var t;k&&k(),O([]),w(!1),g.current&&((t=g.current.element)==null||t.focus())},[k]),ee=(t,o,l)=>{const a=[c.toLanguageString(r.aIResponseData,r.messages[r.aIResponseData])],s=Ie([t],e.columnsRef).join(`
-`);O([{id:A.length+1,title:c.toLanguageString(r.generatedWithAI,r.messages[r.generatedWithAI]),subTitle:o,prompt:o,responseContent:a.concat(s).join(""),isRetry:l},...A])},te=(t,o,l)=>{var S,I;f(!1),m(!1);const a={getTotal:()=>e.getTotal(),getLeafDataItems:()=>e.getLeafDataItems(),exportAsPdf:()=>e.exportAsPdf(),props:{dataItemKey:e.dataItemKey}},s=Ce.handleAIResponse(t,e,a);s.state.sort!==e.sort&&e.sortChange(s.state.sort,t),s.state.filter!==e.filter&&e.filterChange(s.state.filter,t),s.state.group!==e.group&&e.groupChange(s.state.group,t),s.state.highlight!==e.highlight&&e.applyHighlightDescriptor(s.state.highlight),s.state.select!==e.select&&e.applySelectionDescriptor(s.state.select),s.state.columnsState!==e.columnsState&&e.onColumnsStateChange(s.state.columnsState),(s.state.skip!==e.skip||s.state.take!==e.take)&&e.pagerPageChange({skip:(S=s.state.skip)!=null?S:0,take:(I=s.state.take)!=null?I:0,syntheticEvent:t}),s.shouldExportPdf&&e.exportAsPdf(),s.messages.length>0&&s.messages.forEach(ce=>{ee(ce,o,l)}),P&&P(t,o,l)},se=t=>{b==null||b(t),f(!1),m(!1)},ne=(t,o)=>{const l=v.CancelToken.source(),a={role:D||"user",columns:F||[],headers:{Accept:"*/*","Content-Type":"application/json"},promptMessage:t,requestOptions:{url:p,method:"POST",withCredentials:!1,responseType:"json",cancelToken:l.token,...d}};if(y&&y(a,o),a.requestOptions.url!==void 0){f(!0),m(!0);const{url:s,...S}=a.requestOptions;s&&(v(s,{...S,headers:a.headers,data:{columns:a.columns,contents:[{text:a.promptMessage}]},responseType:"json"}).then(I=>te(I,a.promptMessage,o)).catch(se),T.current=l)}},oe=n.useCallback(()=>{T.current&&T.current.cancel("Request cancelled by user."),f(!1),m(!1)},[]),[ae,W]=E.useCustomComponent(B),re=Object.keys(W).length>0?W:{},ie=n.createElement(ae,{onPromptRequest:ne,onCancel:oe,onClose:C,streaming:N||U,loading:H||X,outputs:K||A,promptPlaceHolder:M,suggestionsList:z,enableSpeechToText:_,...re}),le=n.createElement(pe.Button,{ref:g,togglable:!0,themeColor:"primary",rounded:"full",selected:h,svgIcon:G||(x?void 0:ge.sparklesIcon),icon:x,size:e.mobileMode?"large":"medium",className:E.classNames("k-toolbar-button",{"k-icon-button":e.mobileMode}),title:c.toLanguageString(r.toolbarAI,r.messages[r.toolbarAI]),onClick:Z});return n.useEffect(()=>{var t;if(g.current&&h){const o=(t=g.current.element)==null?void 0:t.getBoundingClientRect();if(o){$(o.top+window.scrollY+o.height),Q(o.left+window.scrollX+o.width);const l=window.innerWidth,a=l<L?l*.75:560;V(a)}}},[h]),n.useImperativeHandle(u,()=>({show:()=>w(!0),hide:()=>C()}),[C]),n.createElement(n.Fragment,null,le,h&&n.createElement(me.Window,{key:q,autoFocus:!1,title:c.toLanguageString(r.toolbarAI,r.messages[r.toolbarAI]),initialTop:Y,initialLeft:J,initialWidth:q,style:{height:"auto",minWidth:"90px",minHeight:"50px"},onClose:C,resizable:!0,draggable:!0,className:"k-grid-assistant-window",maximizeButton:be},ie))});j.displayName="KendoReactGridToolbarAIAssistant";exports.GridToolbarAIAssistant=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ae=require("react"),le=require("../utils/GridContext.js"),ue=require("@progress/kendo-react-buttons"),ce=require("@progress/kendo-svg-icons"),de=require("@progress/kendo-react-intl"),n=require("../messages/index.js"),y=require("@progress/kendo-react-common"),ge=require("@progress/kendo-react-dialogs"),pe=require("./ai-tool/GridAIPrompt.js"),me=require("../hooks/useGridAIRequest.js");function fe(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(a,e,i.get?i:{enumerable:!0,get:()=>r[e]})}}return a.default=r,Object.freeze(a)}const o=fe(ae),P=768,he=(r,a)=>r.map(i=>{let c=i;return a.forEach(l=>{l.field&&c.includes(l.field)&&(c=c.replace(new RegExp(l.field,"g"),l.title||l.field))}),c}),Ce=()=>null,q=o.forwardRef((r,a)=>{const e=o.useContext(le.GridContext),i=de.useLocalization(),{requestUrl:c,requestOptions:l,onPromptRequest:v,onResponseSuccess:x,onResponseError:T,role:E="user",gridAIPrompt:W=pe.GridAIPrompt,icon:k,svgIcon:O,onCloseWindow:m,promptPlaceHolder:L,suggestionsList:M,streaming:B,loading:D,outputs:G,enableSpeechToText:S}=r,[j,I]=o.useState([]),z=o.useMemo(()=>e&&Array.isArray(e.columnsRef)&&Array.isArray(e.hiddenColumnsRef)?[...e.columnsRef,...e.hiddenColumnsRef].map(t=>{var s;return{id:t.id,field:t.field,values:(s=t.values)!=null?s:[]}}):[],[e]),N=o.useMemo(()=>({sort:e.sort,filter:e.filter,group:e.group,highlight:e.highlight,select:e.select,columnsState:e.columnsState,skip:e.skip,take:e.take}),[e]),H=o.useMemo(()=>({getTotal:()=>e.getTotal(),getLeafDataItems:()=>e.getLeafDataItems(),exportAsPdf:()=>e.exportAsPdf(),props:{dataItemKey:e.dataItemKey}}),[e]),[f,h]=o.useState(!1),[K,_]=o.useState(),[F,w]=o.useState(),[b,U]=o.useState(()=>{const t=window.innerWidth;return t<P?t*.8:560}),d=o.useRef(null),X=o.useCallback(t=>{var s,u;t.sort!==void 0&&t.sort!==e.sort&&e.sortChange(t.sort,{}),t.filter!==e.filter&&e.filterChange(t.filter,{}),t.group!==void 0&&t.group!==e.group&&e.groupChange(t.group,{}),t.highlight!==void 0&&t.highlight!==e.highlight&&e.applyHighlightDescriptor(t.highlight),t.select!==void 0&&t.select!==e.select&&e.applySelectionDescriptor(t.select),t.columnsState!==void 0&&t.columnsState!==e.columnsState&&e.onColumnsStateChange(t.columnsState),(t.skip!==void 0&&t.skip!==e.skip||t.take!==void 0&&t.take!==e.take)&&e.pagerPageChange({skip:(s=t.skip)!=null?s:0,take:(u=t.take)!=null?u:0,syntheticEvent:{}})},[e]),Y=o.useCallback((t,s,u)=>{const C=[i.toLanguageString(n.aIResponseData,n.messages[n.aIResponseData])];t.forEach(re=>{const ie=he([re],e.columnsRef).join(`
+`);I(A=>[{id:A.length+1,title:i.toLanguageString(n.generatedWithAI,n.messages[n.generatedWithAI]),subTitle:s,prompt:s,responseContent:C.concat(ie).join(""),isRetry:u},...A])})},[i,e.columnsRef]),$=o.useCallback(()=>{e.exportAsPdf()},[e]),{loading:J,streaming:Q,sendRequest:V,cancelRequest:Z}=me.useGridAIRequest({requestUrl:c,requestOptions:l,role:E,columns:z,gridState:N,gridRef:H,onPromptRequest:v,onResponseSuccess:x,onResponseError:T,onStateChange:X,onMessages:Y,onExportPdf:$}),ee=t=>{t.preventDefault(),h(!f)},g=o.useMemo(()=>{var t;return(t=r.show)!=null?t:f},[r.show,f]),p=o.useCallback(()=>{var t;m&&m(),I([]),h(!1),d.current&&((t=d.current.element)==null||t.focus())},[m]),[te,R]=y.useCustomComponent(W),oe=Object.keys(R).length>0?R:{},se=o.createElement(te,{onPromptRequest:V,onCancel:Z,onClose:p,streaming:B||Q,loading:D||J,outputs:G||j,promptPlaceHolder:L,suggestionsList:M,enableSpeechToText:S,...oe}),ne=o.createElement(ue.Button,{ref:d,togglable:!0,themeColor:"primary",rounded:"full",selected:g,svgIcon:O||(k?void 0:ce.sparklesIcon),icon:k,size:e.mobileMode?"large":"medium",className:y.classNames("k-toolbar-button",{"k-icon-button":e.mobileMode}),title:i.toLanguageString(n.toolbarAI,n.messages[n.toolbarAI]),onClick:ee});return o.useEffect(()=>{var t;if(d.current&&g){const s=(t=d.current.element)==null?void 0:t.getBoundingClientRect();if(s){_(s.top+window.scrollY+s.height),w(s.left+window.scrollX+s.width);const u=window.innerWidth,C=u<P?u*.75:560;U(C)}}},[g]),o.useImperativeHandle(a,()=>({show:()=>h(!0),hide:()=>p()}),[p]),o.createElement(o.Fragment,null,ne,g&&o.createElement(ge.Window,{key:b,autoFocus:!1,title:i.toLanguageString(n.toolbarAI,n.messages[n.toolbarAI]),initialTop:K,initialLeft:F,initialWidth:b,style:{height:"auto",minWidth:"90px",minHeight:"50px"},onClose:p,resizable:!0,draggable:!0,className:"k-grid-assistant-window",maximizeButton:Ce},se))});q.displayName="KendoReactGridToolbarAIAssistant";exports.GridToolbarAIAssistant=q;

package/toolbar-tools/GridToolbarAIAssistant.mjs

@@ -6,200 +6,203 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as o from "react";
-import { GridContext as de } from "../utils/GridContext.mjs";
-import { Button as pe } from "@progress/kendo-react-buttons";
-import { sparklesIcon as me } from "@progress/kendo-svg-icons";
-import v from "axios";
-import { useLocalization as fe } from "@progress/kendo-react-intl";
-import { toolbarAI as S, messages as k, aIResponseData as B, generatedWithAI as D } from "../messages/index.mjs";
-import { useCustomComponent as ge, classNames as he } from "@progress/kendo-react-common";
-import { Window as Ce } from "@progress/kendo-react-dialogs";
-import { GridAIPrompt as Se } from "./ai-tool/GridAIPrompt.mjs";
-import { handleAIResponse as ke } from "../utils/handleAIResponse.mjs";
-const M = 768, we = (u, w) => u.map((l) => {
-  let c = l;
-  return w.forEach((i) => {
-    i.field && c.includes(i.field) && (c = c.replace(new RegExp(i.field, "g"), i.title || i.field));
-  }), c;
-}), Ie = () => null, Ae = o.forwardRef(
-  (u, w) => {
-    const e = o.useContext(de), l = fe(), {
-      requestUrl: c,
-      requestOptions: i,
-      onPromptRequest: y,
-      onResponseSuccess: P,
-      onResponseError: I,
-      role: j = "user",
-      gridAIPrompt: z = Se,
-      icon: E,
-      svgIcon: G,
-      onCloseWindow: A,
-      promptPlaceHolder: N,
-      suggestionsList: q,
-      streaming: H,
-      loading: K,
-      outputs: F,
-      enableSpeechToText: U
-    } = u, [R, L] = o.useState([]), X = o.useMemo(() => e && Array.isArray(e.columnsRef) && Array.isArray(e.hiddenColumnsRef) ? [...e.columnsRef, ...e.hiddenColumnsRef].map((t) => {
-      var n;
+import { GridContext as at } from "../utils/GridContext.mjs";
+import { Button as ut } from "@progress/kendo-react-buttons";
+import { sparklesIcon as ct } from "@progress/kendo-svg-icons";
+import { useLocalization as dt } from "@progress/kendo-react-intl";
+import { aIResponseData as x, messages as m, generatedWithAI as y, toolbarAI as g } from "../messages/index.mjs";
+import { useCustomComponent as mt, classNames as gt } from "@progress/kendo-react-common";
+import { Window as pt } from "@progress/kendo-react-dialogs";
+import { GridAIPrompt as ft } from "./ai-tool/GridAIPrompt.mjs";
+import { useGridAIRequest as ht } from "../hooks/useGridAIRequest.mjs";
+const E = 768, Ct = (a, p) => a.map((i) => {
+  let l = i;
+  return p.forEach((n) => {
+    n.field && l.includes(n.field) && (l = l.replace(new RegExp(n.field, "g"), n.title || n.field));
+  }), l;
+}), kt = () => null, It = o.forwardRef(
+  (a, p) => {
+    const t = o.useContext(at), i = dt(), {
+      requestUrl: l,
+      requestOptions: n,
+      onPromptRequest: v,
+      onResponseSuccess: T,
+      onResponseError: W,
+      role: L = "user",
+      gridAIPrompt: B = ft,
+      icon: I,
+      svgIcon: M,
+      onCloseWindow: f,
+      promptPlaceHolder: q,
+      suggestionsList: O,
+      streaming: z,
+      loading: D,
+      outputs: G,
+      enableSpeechToText: N
+    } = a, [S, R] = o.useState([]), H = o.useMemo(() => t && Array.isArray(t.columnsRef) && Array.isArray(t.hiddenColumnsRef) ? [...t.columnsRef, ...t.hiddenColumnsRef].map((e) => {
+      var s;
       return {
-        id: t.id,
-        field: t.field,
-        values: (n = t.values) != null ? n : []
+        id: e.id,
+        field: e.field,
+        values: (s = e.values) != null ? s : []
       };
-    }) : [], [e]), [Y, p] = o.useState(!1), [_, m] = o.useState(!1), [T, b] = o.useState(!1), [$, J] = o.useState(), [Q, V] = o.useState(), [W, Z] = o.useState(() => {
-      const t = window.innerWidth;
-      return t < M ? t * 0.8 : 560;
-    }), d = o.useRef(null), x = o.useRef(null), ee = (t) => {
-      t.preventDefault(), b(!T);
-    }, f = o.useMemo(() => {
-      var t;
-      return (t = u.show) != null ? t : T;
-    }, [u.show, T]), g = o.useCallback(() => {
-      var t;
-      A && A(), L([]), b(!1), d.current && ((t = d.current.element) == null || t.focus());
-    }, [A]), te = (t, n, r) => {
-      const a = [l.toLanguageString(B, k[B])], s = we([t], e.columnsRef).join(`
-`);
-      L([
-        {
-          id: R.length + 1,
-          title: l.toLanguageString(D, k[D]),
-          subTitle: n,
-          prompt: n,
-          responseContent: a.concat(s).join(""),
-          isRetry: r
-        },
-        ...R
-      ]);
-    }, se = (t, n, r) => {
-      var h, C;
-      p(!1), m(!1);
-      const a = {
-        getTotal: () => e.getTotal(),
-        getLeafDataItems: () => e.getLeafDataItems(),
-        exportAsPdf: () => e.exportAsPdf(),
+    }) : [], [t]), K = o.useMemo(
+      () => ({
+        sort: t.sort,
+        filter: t.filter,
+        group: t.group,
+        highlight: t.highlight,
+        select: t.select,
+        columnsState: t.columnsState,
+        skip: t.skip,
+        take: t.take
+      }),
+      [t]
+    ), j = o.useMemo(
+      () => ({
+        getTotal: () => t.getTotal(),
+        getLeafDataItems: () => t.getLeafDataItems(),
+        exportAsPdf: () => t.exportAsPdf(),
         props: {
-          dataItemKey: e.dataItemKey
-        }
-      }, s = ke(t, e, a);
-      s.state.sort !== e.sort && e.sortChange(s.state.sort, t), s.state.filter !== e.filter && e.filterChange(s.state.filter, t), s.state.group !== e.group && e.groupChange(s.state.group, t), s.state.highlight !== e.highlight && e.applyHighlightDescriptor(s.state.highlight), s.state.select !== e.select && e.applySelectionDescriptor(s.state.select), s.state.columnsState !== e.columnsState && e.onColumnsStateChange(s.state.columnsState), (s.state.skip !== e.skip || s.state.take !== e.take) && e.pagerPageChange({
-        skip: (h = s.state.skip) != null ? h : 0,
-        take: (C = s.state.take) != null ? C : 0,
-        syntheticEvent: t
-      }), s.shouldExportPdf && e.exportAsPdf(), s.messages.length > 0 && s.messages.forEach((ue) => {
-        te(ue, n, r);
-      }), P && P(t, n, r);
-    }, oe = (t) => {
-      I == null || I(t), p(!1), m(!1);
-    }, ne = (t, n) => {
-      const r = v.CancelToken.source(), a = {
-        role: j || "user",
-        columns: X || [],
-        headers: {
-          Accept: "*/*",
-          "Content-Type": "application/json"
-        },
-        promptMessage: t,
-        requestOptions: {
-          url: c,
-          method: "POST",
-          withCredentials: !1,
-          responseType: "json",
-          cancelToken: r.token,
-          ...i
+          dataItemKey: t.dataItemKey
         }
-      };
-      if (y && y(a, n), a.requestOptions.url !== void 0) {
-        p(!0), m(!0);
-        const { url: s, ...h } = a.requestOptions;
-        s && (v(s, {
-          ...h,
-          headers: a.headers,
-          data: {
-            columns: a.columns,
-            contents: [{ text: a.promptMessage }]
-          },
-          responseType: "json"
-          // Ensure correct type
-        }).then((C) => se(C, a.promptMessage, n)).catch(oe), x.current = r);
-      }
-    }, ae = o.useCallback(() => {
-      x.current && x.current.cancel("Request cancelled by user."), p(!1), m(!1);
-    }, []), [re, O] = ge(
-      z
-    ), ie = Object.keys(O).length > 0 ? O : {}, le = /* @__PURE__ */ o.createElement(
-      re,
+      }),
+      [t]
+    ), [h, C] = o.useState(!1), [F, U] = o.useState(), [X, Y] = o.useState(), [A, _] = o.useState(() => {
+      const e = window.innerWidth;
+      return e < E ? e * 0.8 : 560;
+    }), u = o.useRef(null), $ = o.useCallback(
+      (e) => {
+        var s, r;
+        e.sort !== void 0 && e.sort !== t.sort && t.sortChange(e.sort, {}), e.filter !== t.filter && t.filterChange(e.filter, {}), e.group !== void 0 && e.group !== t.group && t.groupChange(e.group, {}), e.highlight !== void 0 && e.highlight !== t.highlight && t.applyHighlightDescriptor(e.highlight), e.select !== void 0 && e.select !== t.select && t.applySelectionDescriptor(e.select), e.columnsState !== void 0 && e.columnsState !== t.columnsState && t.onColumnsStateChange(e.columnsState), (e.skip !== void 0 && e.skip !== t.skip || e.take !== void 0 && e.take !== t.take) && t.pagerPageChange({
+          skip: (s = e.skip) != null ? s : 0,
+          take: (r = e.take) != null ? r : 0,
+          syntheticEvent: {}
+        });
+      },
+      [t]
+    ), w = o.useCallback(
+      (e, s, r) => {
+        const k = [i.toLanguageString(x, m[x])];
+        e.forEach((rt) => {
+          const lt = Ct([rt], t.columnsRef).join(`
+`);
+          R((P) => [
+            {
+              id: P.length + 1,
+              title: i.toLanguageString(y, m[y]),
+              subTitle: s,
+              prompt: s,
+              responseContent: k.concat(lt).join(""),
+              isRetry: r
+            },
+            ...P
+          ]);
+        });
+      },
+      [i, t.columnsRef]
+    ), J = o.useCallback(() => {
+      t.exportAsPdf();
+    }, [t]), {
+      loading: Q,
+      streaming: V,
+      sendRequest: Z,
+      cancelRequest: tt
+    } = ht({
+      requestUrl: l,
+      requestOptions: n,
+      role: L,
+      columns: H,
+      gridState: K,
+      gridRef: j,
+      onPromptRequest: v,
+      onResponseSuccess: T,
+      onResponseError: W,
+      onStateChange: $,
+      onMessages: w,
+      onExportPdf: J
+    }), et = (e) => {
+      e.preventDefault(), C(!h);
+    }, c = o.useMemo(() => {
+      var e;
+      return (e = a.show) != null ? e : h;
+    }, [a.show, h]), d = o.useCallback(() => {
+      var e;
+      f && f(), R([]), C(!1), u.current && ((e = u.current.element) == null || e.focus());
+    }, [f]), [ot, b] = mt(
+      B
+    ), st = Object.keys(b).length > 0 ? b : {}, it = /* @__PURE__ */ o.createElement(
+      ot,
       {
-        onPromptRequest: ne,
-        onCancel: ae,
-        onClose: g,
-        streaming: H || Y,
-        loading: K || _,
-        outputs: F || R,
-        promptPlaceHolder: N,
-        suggestionsList: q,
-        enableSpeechToText: U,
-        ...ie
+        onPromptRequest: Z,
+        onCancel: tt,
+        onClose: d,
+        streaming: z || V,
+        loading: D || Q,
+        outputs: G || S,
+        promptPlaceHolder: q,
+        suggestionsList: O,
+        enableSpeechToText: N,
+        ...st
       }
-    ), ce = /* @__PURE__ */ o.createElement(
-      pe,
+    ), nt = /* @__PURE__ */ o.createElement(
+      ut,
       {
-        ref: d,
+        ref: u,
         togglable: !0,
         themeColor: "primary",
         rounded: "full",
-        selected: f,
-        svgIcon: G || (E ? void 0 : me),
-        icon: E,
-        size: e.mobileMode ? "large" : "medium",
-        className: he("k-toolbar-button", { "k-icon-button": e.mobileMode }),
-        title: l.toLanguageString(S, k[S]),
-        onClick: ee
+        selected: c,
+        svgIcon: M || (I ? void 0 : ct),
+        icon: I,
+        size: t.mobileMode ? "large" : "medium",
+        className: gt("k-toolbar-button", { "k-icon-button": t.mobileMode }),
+        title: i.toLanguageString(g, m[g]),
+        onClick: et
       }
     );
     return o.useEffect(() => {
-      var t;
-      if (d.current && f) {
-        const n = (t = d.current.element) == null ? void 0 : t.getBoundingClientRect();
-        if (n) {
-          J(n.top + window.scrollY + n.height), V(n.left + window.scrollX + n.width);
-          const r = window.innerWidth, a = r < M ? r * 0.75 : 560;
-          Z(a);
+      var e;
+      if (u.current && c) {
+        const s = (e = u.current.element) == null ? void 0 : e.getBoundingClientRect();
+        if (s) {
+          U(s.top + window.scrollY + s.height), Y(s.left + window.scrollX + s.width);
+          const r = window.innerWidth, k = r < E ? r * 0.75 : 560;
+          _(k);
         }
       }
-    }, [f]), o.useImperativeHandle(
-      w,
+    }, [c]), o.useImperativeHandle(
+      p,
       () => ({
-        show: () => b(!0),
-        hide: () => g()
+        show: () => C(!0),
+        hide: () => d()
       }),
-      [g]
-    ), /* @__PURE__ */ o.createElement(o.Fragment, null, ce, f && /* @__PURE__ */ o.createElement(
-      Ce,
+      [d]
+    ), /* @__PURE__ */ o.createElement(o.Fragment, null, nt, c && /* @__PURE__ */ o.createElement(
+      pt,
       {
-        key: W,
+        key: A,
         autoFocus: !1,
-        title: l.toLanguageString(S, k[S]),
-        initialTop: $,
-        initialLeft: Q,
-        initialWidth: W,
+        title: i.toLanguageString(g, m[g]),
+        initialTop: F,
+        initialLeft: X,
+        initialWidth: A,
         style: {
           height: "auto",
           minWidth: "90px",
           minHeight: "50px"
         },
-        onClose: g,
+        onClose: d,
         resizable: !0,
         draggable: !0,
         className: "k-grid-assistant-window",
-        maximizeButton: Ie
+        maximizeButton: kt
       },
-      le
+      it
     ));
   }
 );
-Ae.displayName = "KendoReactGridToolbarAIAssistant";
+It.displayName = "KendoReactGridToolbarAIAssistant";
 export {
-  Ae as GridToolbarAIAssistant
+  It as GridToolbarAIAssistant
 };

package/toolbar-tools/GridToolbarFilter.mjs

@@ -13,7 +13,7 @@ import { GridColumnMenuItemContent as je } from "../columnMenu/GridColumnMenuIte
 import { GridColumnMenuItemGroup as qe } from "../columnMenu/GridColumnMenuItemGroup.mjs";
 import { GridContext as Je } from "../utils/GridContext.mjs";
 import { filterIcon as me, filterClearIcon as Qe } from "@progress/kendo-svg-icons";
-import { getFilterType as de, operatorMap as V, booleanFilterValues as We, filterLogicList as Xe, defaultHideSecondFilter as Ye, IsUnaryFilter as b, getDefaultOperator as Ze } from "../filterCommon.mjs";
+import { getFilterType as de, operatorMap as V, defaultHideSecondFilter as We, IsUnaryFilter as b, getDefaultOperator as Xe, filterLogicList as Ye, booleanFilterValues as Ze } from "../filterCommon.mjs";
 import { Button as k } from "@progress/kendo-react-buttons";
 import { GridColumnMenuFilterUI as $e } from "../columnMenu/GridColumnMenuFilterUI.mjs";
 import { toolbarFilter as M, messages as F, filterSubmitButton as ge, filterClearButton as pe, filterClearAllButton as he } from "../messages/index.mjs";
@@ -49,7 +49,7 @@ const nt = (c) => {
     var o, i, l, s, ce, ue;
     let e;
     if (r != null && r.current && ((o = r == null ? void 0 : r.current) != null && o.field)) {
-      const Ge = de((i = r == null ? void 0 : r.current) == null ? void 0 : i.filter), v = Ze(n.filterOperators, Ge);
+      const Ge = de((i = r == null ? void 0 : r.current) == null ? void 0 : i.filter), v = Xe(n.filterOperators, Ge);
       e = Re((l = r == null ? void 0 : r.current) == null ? void 0 : l.field, n.filter), e = e ? {
         ...e,
         filters: e.filters.map((O) => ({ ...O }))
@@ -90,7 +90,7 @@ const nt = (c) => {
       ...u,
       filters: i
     });
-  }, [u, B] = t.useState(q()), a = u == null ? void 0 : u.filters, C = de((re = r == null ? void 0 : r.current) == null ? void 0 : re.filter), A = V(n.filterOperators[C], f), Q = V(We, f), ke = {
+  }, [u, B] = t.useState(q()), a = u == null ? void 0 : u.filters, C = de((re = r == null ? void 0 : r.current) == null ? void 0 : re.filter), A = V(n.filterOperators[C], f), Q = V(Ze, f), ke = {
     field: (oe = r == null ? void 0 : r.current) == null ? void 0 : oe.field,
     value: a == null ? void 0 : a[0].value,
     operator: a == null ? void 0 : a[0].operator,
@@ -109,11 +109,11 @@ const nt = (c) => {
   }, we = (e) => {
     let o = e.target.value;
     e.target.tagName === "SPAN" && (o = e.target.parentElement.value), B({ ...u, logic: o });
-  }, W = u == null ? void 0 : u.logic, X = V(Xe, f), T = {
+  }, W = u == null ? void 0 : u.logic, X = V(Ye, f), T = {
     value: X.find((e) => e.operator === (W === null ? "" : W)),
     onChange: we,
     data: X
-  }, Se = c.hideSecondFilter !== void 0 ? c.hideSecondFilter : Ye[C], N = c.filterUI, L = {
+  }, Se = c.hideSecondFilter !== void 0 ? c.hideSecondFilter : We[C], N = c.filterUI, L = {
     firstFilterProps: ke,
     secondFilterProps: Me,
     logicData: T.data,

package/toolbar-tools/smartbox/SegmentedControl.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SegmentedControlHandle, SegmentedControlProps } from './interfaces/index.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<SegmentedControlHandle>>;

package/toolbar-tools/smartbox/SegmentedControl.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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 T=require("react"),i=require("@progress/kendo-react-common");function W(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(a,r,l.get?l:{enumerable:!0,get:()=>s[r]})}}return a.default=s,Object.freeze(a)}const e=W(T),P=void 0,I=e.forwardRef((s,a)=>{const{buttons:r=[],size:l=P,stretched:z}=s,N=l?i.kendoThemeMaps.sizeMap[l]:void 0,f=e.useRef(null),R=e.useRef(null),[O,u]=e.useState({}),d=e.useCallback(()=>{const t=f.current,n=R.current;if(!t||!n)return;const m=t.querySelector(".k-segmented-control-button.k-selected");if(!m)return;const g=t.offsetWidth,p=m.offsetWidth,b=m.offsetLeft;n.style.left=`${b}px`,n.style.right=`${g-b-p}px`},[]);return e.useLayoutEffect(()=>{d()},[r,d]),e.useEffect(()=>{const t=f.current;if(!t)return;const n=new ResizeObserver(()=>{d()});return n.observe(t),()=>{n.disconnect()}},[d]),e.useImperativeHandle(a,()=>({element:f.current}),[]),e.createElement("div",{ref:f,className:i.classNames("k-segmented-control",N&&`k-segmented-control-${N}`,{"k-segmented-control-stretched":z})},e.createElement("div",{className:"k-segmented-control-thumb",ref:R,"aria-hidden":"true"}),r.map(({buttonId:t,disabled:n,text:m,svgIcon:g,selected:p,accentIcon:b,type:E="button",onClick:h,onMouseEnter:k,onMouseLeave:v,onFocus:S,onBlur:y,...j})=>e.createElement("button",{key:t,type:E,className:i.classNames("k-segmented-control-button",{"k-selected":p,"k-hover":O.hoveredId===t&&!n,"k-focus":O.focusedId===t&&!n,"k-disabled":n}),disabled:n,onClick:c=>{h==null||h(c),d()},onMouseEnter:c=>{u(o=>({...o,hoveredId:t})),k==null||k(c)},onMouseLeave:c=>{u(o=>({...o,hoveredId:void 0})),v==null||v(c)},onFocus:c=>{u(o=>({...o,focusedId:t})),S==null||S(c)},onBlur:c=>{u(o=>({...o,focusedId:void 0})),y==null||y(c)},...j},g&&e.createElement(i.IconWrap,{className:i.classNames("k-segmented-control-button-icon",{"k-accent-icon":p&&b}),icon:g}),e.createElement("span",{className:"k-segmented-control-button-text"},m))))});I.displayName="KendoReactSegmentedControl";exports.SegmentedControl=I;

package/toolbar-tools/smartbox/SegmentedControl.mjs

@@ -0,0 +1,109 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as e from "react";
+import { kendoThemeMaps as x, classNames as g, IconWrap as T } from "@progress/kendo-react-common";
+const $ = void 0, w = e.forwardRef((S, y) => {
+  const { buttons: v = [], size: b = $, stretched: E } = S, R = b ? x.sizeMap[b] : void 0, a = e.useRef(null), I = e.useRef(null), [N, m] = e.useState({}), r = e.useCallback(() => {
+    const t = a.current, s = I.current;
+    if (!t || !s)
+      return;
+    const o = t.querySelector(".k-segmented-control-button.k-selected");
+    if (!o)
+      return;
+    const d = t.offsetWidth, l = o.offsetWidth, i = o.offsetLeft;
+    s.style.left = `${i}px`, s.style.right = `${d - i - l}px`;
+  }, []);
+  return e.useLayoutEffect(() => {
+    r();
+  }, [v, r]), e.useEffect(() => {
+    const t = a.current;
+    if (!t)
+      return;
+    const s = new ResizeObserver(() => {
+      r();
+    });
+    return s.observe(t), () => {
+      s.disconnect();
+    };
+  }, [r]), e.useImperativeHandle(
+    y,
+    () => ({
+      element: a.current
+    }),
+    []
+  ), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: a,
+      className: g("k-segmented-control", R && `k-segmented-control-${R}`, {
+        "k-segmented-control-stretched": E
+      })
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "k-segmented-control-thumb", ref: I, "aria-hidden": "true" }),
+    v.map(
+      ({
+        buttonId: t,
+        disabled: s,
+        text: o,
+        svgIcon: d,
+        selected: l,
+        accentIcon: i,
+        type: z = "button",
+        onClick: f,
+        onMouseEnter: u,
+        onMouseLeave: h,
+        onFocus: k,
+        onBlur: p,
+        ...W
+      }) => /* @__PURE__ */ e.createElement(
+        "button",
+        {
+          key: t,
+          type: z,
+          className: g("k-segmented-control-button", {
+            "k-selected": l,
+            "k-hover": N.hoveredId === t && !s,
+            "k-focus": N.focusedId === t && !s,
+            "k-disabled": s
+          }),
+          disabled: s,
+          onClick: (n) => {
+            f == null || f(n), r();
+          },
+          onMouseEnter: (n) => {
+            m((c) => ({ ...c, hoveredId: t })), u == null || u(n);
+          },
+          onMouseLeave: (n) => {
+            m((c) => ({ ...c, hoveredId: void 0 })), h == null || h(n);
+          },
+          onFocus: (n) => {
+            m((c) => ({ ...c, focusedId: t })), k == null || k(n);
+          },
+          onBlur: (n) => {
+            m((c) => ({ ...c, focusedId: void 0 })), p == null || p(n);
+          },
+          ...W
+        },
+        d && /* @__PURE__ */ e.createElement(
+          T,
+          {
+            className: g("k-segmented-control-button-icon", {
+              "k-accent-icon": l && i
+            }),
+            icon: d
+          }
+        ),
+        /* @__PURE__ */ e.createElement("span", { className: "k-segmented-control-button-text" }, o)
+      )
+    )
+  );
+});
+w.displayName = "KendoReactSegmentedControl";
+export {
+  w as SegmentedControl
+};