@progress/kendo-react-grid 13.1.0-develop.2 → 13.1.0-develop.4

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1763457036,version:"13.1.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1763476002,version:"13.1.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = Object.freeze({
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1763457036,
-  version: "13.1.0-develop.2",
+  publishDate: 1763476002,
+  version: "13.1.0-develop.4",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "13.1.0-develop.2",
+  "version": "13.1.0-develop.4",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -27,22 +27,22 @@
   "peerDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.2",
-    "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-react-animation": "13.1.0-develop.2",
-    "@progress/kendo-react-buttons": "13.1.0-develop.2",
-    "@progress/kendo-react-common": "13.1.0-develop.2",
-    "@progress/kendo-react-data-tools": "13.1.0-develop.2",
-    "@progress/kendo-react-dateinputs": "13.1.0-develop.2",
-    "@progress/kendo-react-indicators": "13.1.0-develop.2",
-    "@progress/kendo-react-form": "13.1.0-develop.2",
-    "@progress/kendo-react-labels": "13.1.0-develop.2",
-    "@progress/kendo-react-dialogs": "13.1.0-develop.2",
-    "@progress/kendo-react-dropdowns": "13.1.0-develop.2",
-    "@progress/kendo-react-inputs": "13.1.0-develop.2",
-    "@progress/kendo-react-intl": "13.1.0-develop.2",
-    "@progress/kendo-react-popup": "13.1.0-develop.2",
-    "@progress/kendo-react-layout": "13.1.0-develop.2",
-    "@progress/kendo-react-conversational-ui": "13.1.0-develop.2",
+    "@progress/kendo-licensing": "^1.7.2",
+    "@progress/kendo-react-animation": "13.1.0-develop.4",
+    "@progress/kendo-react-buttons": "13.1.0-develop.4",
+    "@progress/kendo-react-common": "13.1.0-develop.4",
+    "@progress/kendo-react-data-tools": "13.1.0-develop.4",
+    "@progress/kendo-react-dateinputs": "13.1.0-develop.4",
+    "@progress/kendo-react-indicators": "13.1.0-develop.4",
+    "@progress/kendo-react-form": "13.1.0-develop.4",
+    "@progress/kendo-react-labels": "13.1.0-develop.4",
+    "@progress/kendo-react-dialogs": "13.1.0-develop.4",
+    "@progress/kendo-react-dropdowns": "13.1.0-develop.4",
+    "@progress/kendo-react-inputs": "13.1.0-develop.4",
+    "@progress/kendo-react-intl": "13.1.0-develop.4",
+    "@progress/kendo-react-popup": "13.1.0-develop.4",
+    "@progress/kendo-react-layout": "13.1.0-develop.4",
+    "@progress/kendo-react-conversational-ui": "13.1.0-develop.4",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
@@ -147,7 +147,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1763457036,
+      "publishDate": 1763476002,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

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 ge=require("react"),fe=require("../utils/GridContext.js"),he=require("@progress/kendo-react-buttons"),Ce=require("@progress/kendo-svg-icons"),A=require("axios"),Se=require("@progress/kendo-react-intl"),c=require("../messages/index.js"),I=require("@progress/kendo-react-common"),Ge=require("@progress/kendo-react-dialogs"),be=require("./ai-tool/GridAIPrompt.js"),ke=require("../filterCommon.js");function me(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(p,t,d.get?d:{enumerable:!0,get:()=>o[t]})}}return p.default=o,Object.freeze(p)}const a=me(ge);var L=(o=>(o.GridClearFilter="GridClearFilter",o.GridClearSort="GridClearSort",o.GridClearGroup="GridClearGroup",o.GridClearHighlight="GridClearHighlight",o.GridClearSelect="GridClearSelect",o.GridSort="GridSort",o.GridFilter="GridFilter",o.GridGroup="GridGroup",o.GridHighlight="GridHighlight",o.GridSelect="GridSelect",o.GridExportPDF="GridExportPDF",o.GridColumnResize="GridColumnResize",o.GridColumnHide="GridColumnHide",o.GridColumnShow="GridColumnShow",o.GridColumnReorder="GridColumnReorder",o.GridColumnLock="GridColumnLock",o.GridColumnUnlock="GridColumnUnlock",o))(L||{});const Re=(o,p)=>o.map(d=>{let f=d;return p.forEach(g=>{g.field&&f.includes(g.field)&&(f=f.replace(new RegExp(g.field,"g"),g.title||g.field))}),f}),j=a.forwardRef((o,p)=>{const t=a.useContext(fe.GridContext),d=Se.useLocalization(),{requestUrl:f,requestOptions:g,onPromptRequest:T,onResponseSuccess:P,onResponseError:b,role:z="user",gridAIPrompt:E=be.GridAIPrompt,icon:v,svgIcon:M,onCloseWindow:k,promptPlaceHolder:W,suggestionsList:B,streaming:N,loading:U,outputs:_,enableSpeechToText:q}=o,[m,D]=a.useState([]),K=a.useMemo(()=>t&&Array.isArray(t.columnsRef)&&Array.isArray(t.hiddenColumnsRef)?[...t.columnsRef,...t.hiddenColumnsRef].map(e=>{var r;return{id:e.id,field:e.field,values:(r=e.values)!=null?r:[]}}):[],[t]),[V,C]=a.useState(!1),[R,y]=a.useState(!1),[X,Y]=a.useState(),[$,J]=a.useState(),h=a.useRef(null),w=a.useRef(null),Q=e=>{e.preventDefault(),y(!R)},S=a.useMemo(()=>{var e;return(e=o.show)!=null?e:R},[o.show,R]),G=a.useCallback(()=>{var e;k&&k(),D([]),y(!1),h.current&&((e=h.current.element)==null||e.focus())},[k]),Z=(e,r)=>{var i;if(t.sortable&&e){const n=Array.isArray(e)?e:[e];if(n.length===0)t.sortChange([],r);else{const u=((i=t.sort)!=null?i:[]).filter(s=>!n.some(x=>x.field===s.field));u.push(...n),t.sortChange(u,r)}}},ee=(e,r)=>{if(!e)return;const i=ke.combineSmartFilters({logic:e.logic?e.logic:"and",filters:e.filters},t.filter);t.filterChange(i,r)},te=(e,r)=>{var n;if(!e)return;const i=Array.isArray(e)?e:[e];if(i.length===0)t.groupChange([],r);else{const u=((n=t.group)!=null?n:[]).filter(s=>!i.some(x=>x.field===s.field));u.push(...i),t.groupChange(u,r)}},re=(e,r,i)=>{const n=[d.toLanguageString(c.aIResponseData,c.messages[c.aIResponseData])],l=Re([e],t.columnsRef).join(`
-`);D([{id:m.length+1,title:d.toLanguageString(c.generatedWithAI,c.messages[c.generatedWithAI]),subTitle:r,prompt:r,responseContent:n.concat(l).join(""),isRetry:i},...m])},oe=(e,r,i)=>{const n=t.columnsRef.findIndex(l=>l.id===e);t.reorderable&&t.columnReorder(n,r,i)},O=(e,r)=>{const i=t.columnsState.findIndex(l=>l.id===e),n=t.columnsState.map(l=>l.id===e?{...l,hidden:r}:l);i!==-1&&t.onColumnsStateChange(n)},F=(e,r)=>{const i=t.columnsRef.findIndex(l=>l.id===e),n=t.columnsState.map(l=>l.id===e?{...l,locked:r}:l);i!==-1&&t.onColumnsStateChange(n)},ne=(e,r,i)=>{const n=t.columnsRef.findIndex(s=>s.id===e),l=t.columnsState[n],u=t.columnsState.map(s=>s.id===e?{...s,width:parseFloat(r)}:s);n!==-1&&t.onResize(n,parseFloat(r),parseFloat(l.width)||0,i,!0,u,e)},se=(e,r,i)=>{var n,l,u;C(!1),(n=e==null?void 0:e.data)==null||n.commands.forEach(s=>{switch(s.type){case"GridSort":Z(s.sort,e);break;case"GridFilter":ee(s.filter,e);break;case"GridHighlight":t.applyHighlightDescriptor([s.highlight]);break;case"GridGroup":te(s.group,e);break;case"GridClearFilter":t.filterChange(void 0);break;case"GridClearGroup":t.groupChange([],e);break;case"GridClearHighlight":t.applyHighlightDescriptor([]);break;case"GridClearSort":t.sortChange(void 0);break;case"GridSelect":t.applySelectionDescriptor([s.select]);break;case"GridClearSelect":t.applySelectionDescriptor([]);break;case"GridExportPDF":t.exportAsPdf();break;case"GridColumnResize":ne(s.id,s.size,e);break;case"GridColumnHide":O(s.id,!0);break;case"GridColumnShow":O(s.id,!1);break;case"GridColumnReorder":oe(s.id,s.position,e);break;case"GridColumnLock":F(s.id,!0);break;case"GridColumnUnlock":F(s.id,!1);break}}),(u=(l=e==null?void 0:e.data)==null?void 0:l.commands)!=null&&u.length||re(e.data.message,r,i),P&&P(e,r,i)},ie=e=>{b==null||b(e),C(!1)},le=(e,r)=>{const i=A.CancelToken.source(),n={role:z||"user",columns:K||[],headers:{Accept:"*/*","Content-Type":"application/json"},promptMessage:e,requestOptions:{url:f,method:"POST",withCredentials:!1,responseType:"json",cancelToken:i.token,...g}};if(T&&T(n,r),n.requestOptions.url!==void 0){C(!0);const{url:l,...u}=n.requestOptions;A(l,{...u,headers:n.headers,data:{columns:n.columns,contents:[{text:n.promptMessage}]},responseType:"json"}).then(s=>se(s,n.promptMessage,r)).catch(ie),w.current=i}},ae=a.useCallback(()=>{w.current&&w.current.cancel("Request cancelled by user."),C(!1)},[]),[ue,H]=I.useCustomComponent(E),ce=Object.keys(H).length>0?H:{},de=a.createElement(ue,{onPromptRequest:le,onCancel:ae,onClose:G,streaming:N||V,loading:U,outputs:_||m,promptPlaceHolder:W,suggestionsList:B,enableSpeechToText:q,...ce}),pe=a.createElement(he.Button,{ref:h,togglable:!0,themeColor:"primary",rounded:"full",selected:S,svgIcon:M||(v?void 0:Ce.sparklesIcon),icon:v,size:t.mobileMode?"large":"medium",className:I.classNames("k-toolbar-button",{"k-icon-button":t.mobileMode}),title:d.toLanguageString(c.toolbarAI,c.messages[c.toolbarAI]),onClick:Q});return a.useEffect(()=>{var e;if(h.current&&S){const r=(e=h.current.element)==null?void 0:e.getBoundingClientRect();r&&(Y(r.top+window.scrollY+r.height),J(r.left+window.scrollX+r.width))}},[S]),a.useImperativeHandle(p,()=>({show:()=>y(!0),hide:()=>G()}),[G]),a.createElement(a.Fragment,null,pe,S&&a.createElement(Ge.Window,{autoFocus:!1,title:d.toLanguageString(c.toolbarAI,c.messages[c.toolbarAI]),initialTop:X,initialLeft:$,initialWidth:560,style:{height:"auto",minWidth:"90px",minHeight:"50px"},onClose:G,resizable:!0,draggable:!0,className:"k-grid-assistant-window"},de))});j.displayName="KendoReactGridToolbarAIAssistant";exports.GridAICommands=L;exports.GridToolbarAIAssistant=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ge=require("react"),be=require("../utils/GridContext.js"),me=require("@progress/kendo-react-buttons"),ke=require("@progress/kendo-svg-icons"),E=require("axios"),Re=require("@progress/kendo-react-intl"),c=require("../messages/index.js"),H=require("@progress/kendo-react-common"),we=require("@progress/kendo-react-dialogs"),ye=require("./ai-tool/GridAIPrompt.js"),xe=require("../filterCommon.js");function Te(n){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(p,t,d.get?d:{enumerable:!0,get:()=>n[t]})}}return p.default=n,Object.freeze(p)}const a=Te(Ge),z=768;var W=(n=>(n.GridClearFilter="GridClearFilter",n.GridClearSort="GridClearSort",n.GridClearGroup="GridClearGroup",n.GridClearHighlight="GridClearHighlight",n.GridClearSelect="GridClearSelect",n.GridSort="GridSort",n.GridFilter="GridFilter",n.GridGroup="GridGroup",n.GridHighlight="GridHighlight",n.GridSelect="GridSelect",n.GridExportPDF="GridExportPDF",n.GridColumnResize="GridColumnResize",n.GridColumnHide="GridColumnHide",n.GridColumnShow="GridColumnShow",n.GridColumnReorder="GridColumnReorder",n.GridColumnLock="GridColumnLock",n.GridColumnUnlock="GridColumnUnlock",n))(W||{});const Pe=(n,p)=>n.map(d=>{let f=d;return p.forEach(g=>{g.field&&f.includes(g.field)&&(f=f.replace(new RegExp(g.field,"g"),g.title||g.field))}),f}),ve=()=>null,j=a.forwardRef((n,p)=>{const t=a.useContext(be.GridContext),d=Re.useLocalization(),{requestUrl:f,requestOptions:g,onPromptRequest:P,onResponseSuccess:v,onResponseError:m,role:B="user",gridAIPrompt:M=ye.GridAIPrompt,icon:O,svgIcon:N,onCloseWindow:k,promptPlaceHolder:U,suggestionsList:_,streaming:K,loading:q,outputs:V,enableSpeechToText:X}=n,[R,D]=a.useState([]),Y=a.useMemo(()=>t&&Array.isArray(t.columnsRef)&&Array.isArray(t.hiddenColumnsRef)?[...t.columnsRef,...t.hiddenColumnsRef].map(e=>{var r;return{id:e.id,field:e.field,values:(r=e.values)!=null?r:[]}}):[],[t]),[$,C]=a.useState(!1),[J,S]=a.useState(!1),[w,y]=a.useState(!1),[Q,Z]=a.useState(),[ee,te]=a.useState(),[F,re]=a.useState(()=>{const e=window.innerWidth;return e<z?e*.8:560}),h=a.useRef(null),x=a.useRef(null),oe=e=>{e.preventDefault(),y(!w)},G=a.useMemo(()=>{var e;return(e=n.show)!=null?e:w},[n.show,w]),b=a.useCallback(()=>{var e;k&&k(),D([]),y(!1),h.current&&((e=h.current.element)==null||e.focus())},[k]),ne=(e,r)=>{var s;if(t.sortable&&e){const o=Array.isArray(e)?e:[e];if(o.length===0)t.sortChange([],r);else{const u=((s=t.sort)!=null?s:[]).filter(i=>!o.some(T=>T.field===i.field));u.push(...o),t.sortChange(u,r)}}},se=(e,r)=>{if(!e)return;const s=xe.combineSmartFilters({logic:e.logic?e.logic:"and",filters:e.filters},t.filter);t.filterChange(s,r)},ie=(e,r)=>{var o;if(!e)return;const s=Array.isArray(e)?e:[e];if(s.length===0)t.groupChange([],r);else{const u=((o=t.group)!=null?o:[]).filter(i=>!s.some(T=>T.field===i.field));u.push(...s),t.groupChange(u,r)}},le=(e,r,s)=>{const o=[d.toLanguageString(c.aIResponseData,c.messages[c.aIResponseData])],l=Pe([e],t.columnsRef).join(`
+`);D([{id:R.length+1,title:d.toLanguageString(c.generatedWithAI,c.messages[c.generatedWithAI]),subTitle:r,prompt:r,responseContent:o.concat(l).join(""),isRetry:s},...R])},ae=(e,r,s)=>{const o=t.columnsRef.findIndex(l=>l.id===e);t.reorderable&&t.columnReorder(o,r,s)},I=(e,r)=>{const s=t.columnsState.findIndex(l=>l.id===e),o=t.columnsState.map(l=>l.id===e?{...l,hidden:r}:l);s!==-1&&t.onColumnsStateChange(o)},L=(e,r)=>{const s=t.columnsRef.findIndex(l=>l.id===e),o=t.columnsState.map(l=>l.id===e?{...l,locked:r}:l);s!==-1&&t.onColumnsStateChange(o)},ue=(e,r,s)=>{const o=t.columnsRef.findIndex(i=>i.id===e),l=t.columnsState[o],u=t.columnsState.map(i=>i.id===e?{...i,width:parseFloat(r)}:i);o!==-1&&t.onResize(o,parseFloat(r),parseFloat(l.width)||0,s,!0,u,e)},ce=(e,r,s)=>{var o,l,u;C(!1),S(!1),(o=e==null?void 0:e.data)==null||o.commands.forEach(i=>{switch(i.type){case"GridSort":ne(i.sort,e);break;case"GridFilter":se(i.filter,e);break;case"GridHighlight":t.applyHighlightDescriptor([i.highlight]);break;case"GridGroup":ie(i.group,e);break;case"GridClearFilter":t.filterChange(void 0);break;case"GridClearGroup":t.groupChange([],e);break;case"GridClearHighlight":t.applyHighlightDescriptor([]);break;case"GridClearSort":t.sortChange(void 0);break;case"GridSelect":t.applySelectionDescriptor([i.select]);break;case"GridClearSelect":t.applySelectionDescriptor([]);break;case"GridExportPDF":t.exportAsPdf();break;case"GridColumnResize":ue(i.id,i.size,e);break;case"GridColumnHide":I(i.id,!0);break;case"GridColumnShow":I(i.id,!1);break;case"GridColumnReorder":ae(i.id,i.position,e);break;case"GridColumnLock":L(i.id,!0);break;case"GridColumnUnlock":L(i.id,!1);break}}),(u=(l=e==null?void 0:e.data)==null?void 0:l.commands)!=null&&u.length||le(e.data.message,r,s),v&&v(e,r,s)},de=e=>{m==null||m(e),C(!1),S(!1)},pe=(e,r)=>{const s=E.CancelToken.source(),o={role:B||"user",columns:Y||[],headers:{Accept:"*/*","Content-Type":"application/json"},promptMessage:e,requestOptions:{url:f,method:"POST",withCredentials:!1,responseType:"json",cancelToken:s.token,...g}};if(P&&P(o,r),o.requestOptions.url!==void 0){C(!0),S(!0);const{url:l,...u}=o.requestOptions;E(l,{...u,headers:o.headers,data:{columns:o.columns,contents:[{text:o.promptMessage}]},responseType:"json"}).then(i=>ce(i,o.promptMessage,r)).catch(de),x.current=s}},ge=a.useCallback(()=>{x.current&&x.current.cancel("Request cancelled by user."),C(!1),S(!1)},[]),[fe,A]=H.useCustomComponent(M),he=Object.keys(A).length>0?A:{},Ce=a.createElement(fe,{onPromptRequest:pe,onCancel:ge,onClose:b,streaming:K||$,loading:q||J,outputs:V||R,promptPlaceHolder:U,suggestionsList:_,enableSpeechToText:X,...he}),Se=a.createElement(me.Button,{ref:h,togglable:!0,themeColor:"primary",rounded:"full",selected:G,svgIcon:N||(O?void 0:ke.sparklesIcon),icon:O,size:t.mobileMode?"large":"medium",className:H.classNames("k-toolbar-button",{"k-icon-button":t.mobileMode}),title:d.toLanguageString(c.toolbarAI,c.messages[c.toolbarAI]),onClick:oe});return a.useEffect(()=>{var e;if(h.current&&G){const r=(e=h.current.element)==null?void 0:e.getBoundingClientRect();if(r){Z(r.top+window.scrollY+r.height),te(r.left+window.scrollX+r.width);const s=window.innerWidth,o=s<z?s*.75:560;re(o)}}},[G]),a.useImperativeHandle(p,()=>({show:()=>y(!0),hide:()=>b()}),[b]),a.createElement(a.Fragment,null,Se,G&&a.createElement(we.Window,{key:F,autoFocus:!1,title:d.toLanguageString(c.toolbarAI,c.messages[c.toolbarAI]),initialTop:Q,initialLeft:ee,initialWidth:F,style:{height:"auto",minWidth:"90px",minHeight:"50px"},onClose:b,resizable:!0,draggable:!0,className:"k-grid-assistant-window",maximizeButton:ve},Ce))});j.displayName="KendoReactGridToolbarAIAssistant";exports.GridAICommands=W;exports.GridToolbarAIAssistant=j;

package/toolbar-tools/GridToolbarAIAssistant.mjs

@@ -6,121 +6,125 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as a from "react";
-import { GridContext as fe } from "../utils/GridContext.mjs";
-import { Button as ge } from "@progress/kendo-react-buttons";
-import { sparklesIcon as he } from "@progress/kendo-svg-icons";
-import z from "axios";
-import { useLocalization as Ce } from "@progress/kendo-react-intl";
-import { toolbarAI as S, messages as G, aIResponseData as O, generatedWithAI as j } from "../messages/index.mjs";
-import { useCustomComponent as Se, classNames as Ge } from "@progress/kendo-react-common";
-import { Window as me } from "@progress/kendo-react-dialogs";
-import { GridAIPrompt as be } from "./ai-tool/GridAIPrompt.mjs";
-import { combineSmartFilters as ke } from "../filterCommon.mjs";
-var Re = /* @__PURE__ */ ((n) => (n.GridClearFilter = "GridClearFilter", n.GridClearSort = "GridClearSort", n.GridClearGroup = "GridClearGroup", n.GridClearHighlight = "GridClearHighlight", n.GridClearSelect = "GridClearSelect", n.GridSort = "GridSort", n.GridFilter = "GridFilter", n.GridGroup = "GridGroup", n.GridHighlight = "GridHighlight", n.GridSelect = "GridSelect", n.GridExportPDF = "GridExportPDF", n.GridColumnResize = "GridColumnResize", n.GridColumnHide = "GridColumnHide", n.GridColumnShow = "GridColumnShow", n.GridColumnReorder = "GridColumnReorder", n.GridColumnLock = "GridColumnLock", n.GridColumnUnlock = "GridColumnUnlock", n))(Re || {});
-const we = (n, m) => n.map((d) => {
+import { GridContext as Se } from "../utils/GridContext.mjs";
+import { Button as Ge } from "@progress/kendo-react-buttons";
+import { sparklesIcon as be } from "@progress/kendo-svg-icons";
+import W from "axios";
+import { useLocalization as ke } from "@progress/kendo-react-intl";
+import { toolbarAI as S, messages as G, aIResponseData as B, generatedWithAI as M } from "../messages/index.mjs";
+import { useCustomComponent as Re, classNames as we } from "@progress/kendo-react-common";
+import { Window as xe } from "@progress/kendo-react-dialogs";
+import { GridAIPrompt as ye } from "./ai-tool/GridAIPrompt.mjs";
+import { combineSmartFilters as Te } from "../filterCommon.mjs";
+const j = 768;
+var Pe = /* @__PURE__ */ ((i) => (i.GridClearFilter = "GridClearFilter", i.GridClearSort = "GridClearSort", i.GridClearGroup = "GridClearGroup", i.GridClearHighlight = "GridClearHighlight", i.GridClearSelect = "GridClearSelect", i.GridSort = "GridSort", i.GridFilter = "GridFilter", i.GridGroup = "GridGroup", i.GridHighlight = "GridHighlight", i.GridSelect = "GridSelect", i.GridExportPDF = "GridExportPDF", i.GridColumnResize = "GridColumnResize", i.GridColumnHide = "GridColumnHide", i.GridColumnShow = "GridColumnShow", i.GridColumnReorder = "GridColumnReorder", i.GridColumnLock = "GridColumnLock", i.GridColumnUnlock = "GridColumnUnlock", i))(Pe || {});
+const ve = (i, b) => i.map((d) => {
   let p = d;
-  return m.forEach((c) => {
+  return b.forEach((c) => {
     c.field && p.includes(c.field) && (p = p.replace(new RegExp(c.field, "g"), c.title || c.field));
   }), p;
-}), xe = a.forwardRef(
-  (n, m) => {
-    const t = a.useContext(fe), d = Ce(), {
+}), Fe = () => null, Le = a.forwardRef(
+  (i, b) => {
+    const t = a.useContext(Se), d = ke(), {
       requestUrl: p,
       requestOptions: c,
       onPromptRequest: v,
-      onResponseSuccess: P,
-      onResponseError: b,
-      role: W = "user",
-      gridAIPrompt: A = be,
-      icon: F,
-      svgIcon: B,
-      onCloseWindow: k,
-      promptPlaceHolder: M,
-      suggestionsList: N,
-      streaming: U,
-      loading: I,
-      outputs: K,
-      enableSpeechToText: V
-    } = n, [R, H] = a.useState([]), X = a.useMemo(() => t && Array.isArray(t.columnsRef) && Array.isArray(t.hiddenColumnsRef) ? [...t.columnsRef, ...t.hiddenColumnsRef].map((e) => {
+      onResponseSuccess: F,
+      onResponseError: k,
+      role: A = "user",
+      gridAIPrompt: I = ye,
+      icon: L,
+      svgIcon: N,
+      onCloseWindow: R,
+      promptPlaceHolder: U,
+      suggestionsList: K,
+      streaming: V,
+      loading: X,
+      outputs: Y,
+      enableSpeechToText: _
+    } = i, [w, E] = a.useState([]), $ = a.useMemo(() => t && Array.isArray(t.columnsRef) && Array.isArray(t.hiddenColumnsRef) ? [...t.columnsRef, ...t.hiddenColumnsRef].map((e) => {
       var r;
       return {
         id: e.id,
         field: e.field,
         values: (r = e.values) != null ? r : []
       };
-    }) : [], [t]), [Y, g] = a.useState(!1), [w, x] = a.useState(!1), [$, J] = a.useState(), [Q, Z] = a.useState(), f = a.useRef(null), y = a.useRef(null), _ = (e) => {
-      e.preventDefault(), x(!w);
-    }, h = a.useMemo(() => {
+    }) : [], [t]), [J, g] = a.useState(!1), [Q, h] = a.useState(!1), [x, y] = a.useState(!1), [Z, q] = a.useState(), [ee, te] = a.useState(), [H, re] = a.useState(() => {
+      const e = window.innerWidth;
+      return e < j ? e * 0.8 : 560;
+    }), f = a.useRef(null), T = a.useRef(null), oe = (e) => {
+      e.preventDefault(), y(!x);
+    }, C = a.useMemo(() => {
       var e;
-      return (e = n.show) != null ? e : w;
-    }, [n.show, w]), C = a.useCallback(() => {
+      return (e = i.show) != null ? e : x;
+    }, [i.show, x]), m = a.useCallback(() => {
       var e;
-      k && k(), H([]), x(!1), f.current && ((e = f.current.element) == null || e.focus());
-    }, [k]), q = (e, r) => {
-      var i;
+      R && R(), E([]), y(!1), f.current && ((e = f.current.element) == null || e.focus());
+    }, [R]), ne = (e, r) => {
+      var n;
       if (t.sortable && e) {
         const o = Array.isArray(e) ? e : [e];
         if (o.length === 0)
           t.sortChange([], r);
         else {
-          const u = ((i = t.sort) != null ? i : []).filter(
-            (s) => !o.some((T) => T.field === s.field)
+          const u = ((n = t.sort) != null ? n : []).filter(
+            (s) => !o.some((P) => P.field === s.field)
           );
           u.push(...o), t.sortChange(u, r);
         }
       }
-    }, ee = (e, r) => {
+    }, se = (e, r) => {
       if (!e)
         return;
-      const i = ke(
+      const n = Te(
         {
           logic: e.logic ? e.logic : "and",
           filters: e.filters
         },
         t.filter
       );
-      t.filterChange(i, r);
-    }, te = (e, r) => {
+      t.filterChange(n, r);
+    }, ie = (e, r) => {
       var o;
       if (!e)
         return;
-      const i = Array.isArray(e) ? e : [e];
-      if (i.length === 0)
+      const n = Array.isArray(e) ? e : [e];
+      if (n.length === 0)
         t.groupChange([], r);
       else {
         const u = ((o = t.group) != null ? o : []).filter(
-          (s) => !i.some((T) => T.field === s.field)
+          (s) => !n.some((P) => P.field === s.field)
         );
-        u.push(...i), t.groupChange(u, r);
+        u.push(...n), t.groupChange(u, r);
       }
-    }, re = (e, r, i) => {
-      const o = [d.toLanguageString(O, G[O])], l = we([e], t.columnsRef).join(`
+    }, le = (e, r, n) => {
+      const o = [d.toLanguageString(B, G[B])], l = ve([e], t.columnsRef).join(`
 `);
-      H([
+      E([
         {
-          id: R.length + 1,
-          title: d.toLanguageString(j, G[j]),
+          id: w.length + 1,
+          title: d.toLanguageString(M, G[M]),
           subTitle: r,
           prompt: r,
           responseContent: o.concat(l).join(""),
-          isRetry: i
+          isRetry: n
         },
-        ...R
+        ...w
       ]);
-    }, oe = (e, r, i) => {
+    }, ae = (e, r, n) => {
       const o = t.columnsRef.findIndex((l) => l.id === e);
-      t.reorderable && t.columnReorder(o, r, i);
-    }, D = (e, r) => {
-      const i = t.columnsState.findIndex((l) => l.id === e), o = t.columnsState.map(
+      t.reorderable && t.columnReorder(o, r, n);
+    }, z = (e, r) => {
+      const n = t.columnsState.findIndex((l) => l.id === e), o = t.columnsState.map(
         (l) => l.id === e ? { ...l, hidden: r } : l
       );
-      i !== -1 && t.onColumnsStateChange(o);
-    }, L = (e, r) => {
-      const i = t.columnsRef.findIndex((l) => l.id === e), o = t.columnsState.map(
+      n !== -1 && t.onColumnsStateChange(o);
+    }, D = (e, r) => {
+      const n = t.columnsRef.findIndex((l) => l.id === e), o = t.columnsState.map(
         (l) => l.id === e ? { ...l, locked: r } : l
       );
-      i !== -1 && t.onColumnsStateChange(o);
-    }, se = (e, r, i) => {
+      n !== -1 && t.onColumnsStateChange(o);
+    }, ue = (e, r, n) => {
       const o = t.columnsRef.findIndex((s) => s.id === e), l = t.columnsState[o], u = t.columnsState.map(
         (s) => s.id === e ? { ...s, width: parseFloat(r) } : s
       );
@@ -131,7 +135,7 @@ const we = (n, m) => n.map((d) => {
         // newWidth: 200
         parseFloat(l.width) || 0,
         // oldWidth: current width
-        i,
+        n,
         // nativeEvent: mock event
         !0,
         // end: true (resize is complete)
@@ -140,21 +144,21 @@ const we = (n, m) => n.map((d) => {
         e
         // targetId: column ID
       );
-    }, ne = (e, r, i) => {
+    }, ce = (e, r, n) => {
       var o, l, u;
-      g(!1), (o = e == null ? void 0 : e.data) == null || o.commands.forEach((s) => {
+      g(!1), h(!1), (o = e == null ? void 0 : e.data) == null || o.commands.forEach((s) => {
         switch (s.type) {
           case "GridSort":
-            q(s.sort, e);
+            ne(s.sort, e);
             break;
           case "GridFilter":
-            ee(s.filter, e);
+            se(s.filter, e);
             break;
           case "GridHighlight":
             t.applyHighlightDescriptor([s.highlight]);
             break;
           case "GridGroup":
-            te(s.group, e);
+            ie(s.group, e);
             break;
           case "GridClearFilter":
             t.filterChange(void 0);
@@ -178,31 +182,31 @@ const we = (n, m) => n.map((d) => {
             t.exportAsPdf();
             break;
           case "GridColumnResize":
-            se(s.id, s.size, e);
+            ue(s.id, s.size, e);
             break;
           case "GridColumnHide":
-            D(s.id, !0);
+            z(s.id, !0);
             break;
           case "GridColumnShow":
-            D(s.id, !1);
+            z(s.id, !1);
             break;
           case "GridColumnReorder":
-            oe(s.id, s.position, e);
+            ae(s.id, s.position, e);
             break;
           case "GridColumnLock":
-            L(s.id, !0);
+            D(s.id, !0);
             break;
           case "GridColumnUnlock":
-            L(s.id, !1);
+            D(s.id, !1);
             break;
         }
-      }), (u = (l = e == null ? void 0 : e.data) == null ? void 0 : l.commands) != null && u.length || re(e.data.message, r, i), P && P(e, r, i);
-    }, ie = (e) => {
-      b == null || b(e), g(!1);
-    }, le = (e, r) => {
-      const i = z.CancelToken.source(), o = {
-        role: W || "user",
-        columns: X || [],
+      }), (u = (l = e == null ? void 0 : e.data) == null ? void 0 : l.commands) != null && u.length || le(e.data.message, r, n), F && F(e, r, n);
+    }, de = (e) => {
+      k == null || k(e), g(!1), h(!1);
+    }, pe = (e, r) => {
+      const n = W.CancelToken.source(), o = {
+        role: A || "user",
+        columns: $ || [],
         headers: {
           Accept: "*/*",
           "Content-Type": "application/json"
@@ -213,14 +217,14 @@ const we = (n, m) => n.map((d) => {
           method: "POST",
           withCredentials: !1,
           responseType: "json",
-          cancelToken: i.token,
+          cancelToken: n.token,
           ...c
         }
       };
       if (v && v(o, r), o.requestOptions.url !== void 0) {
-        g(!0);
+        g(!0), h(!0);
         const { url: l, ...u } = o.requestOptions;
-        z(l, {
+        W(l, {
           ...u,
           headers: o.headers,
           data: {
@@ -229,79 +233,85 @@ const we = (n, m) => n.map((d) => {
           },
           responseType: "json"
           // Ensure correct type
-        }).then((s) => ne(s, o.promptMessage, r)).catch(ie), y.current = i;
+        }).then((s) => ce(s, o.promptMessage, r)).catch(de), T.current = n;
       }
-    }, ae = a.useCallback(() => {
-      y.current && y.current.cancel("Request cancelled by user."), g(!1);
-    }, []), [ue, E] = Se(
-      A
-    ), ce = Object.keys(E).length > 0 ? E : {}, de = /* @__PURE__ */ a.createElement(
-      ue,
+    }, fe = a.useCallback(() => {
+      T.current && T.current.cancel("Request cancelled by user."), g(!1), h(!1);
+    }, []), [ge, O] = Re(
+      I
+    ), he = Object.keys(O).length > 0 ? O : {}, Ce = /* @__PURE__ */ a.createElement(
+      ge,
       {
-        onPromptRequest: le,
-        onCancel: ae,
-        onClose: C,
-        streaming: U || Y,
-        loading: I,
-        outputs: K || R,
-        promptPlaceHolder: M,
-        suggestionsList: N,
-        enableSpeechToText: V,
-        ...ce
+        onPromptRequest: pe,
+        onCancel: fe,
+        onClose: m,
+        streaming: V || J,
+        loading: X || Q,
+        outputs: Y || w,
+        promptPlaceHolder: U,
+        suggestionsList: K,
+        enableSpeechToText: _,
+        ...he
       }
-    ), pe = /* @__PURE__ */ a.createElement(
-      ge,
+    ), me = /* @__PURE__ */ a.createElement(
+      Ge,
       {
         ref: f,
         togglable: !0,
         themeColor: "primary",
         rounded: "full",
-        selected: h,
-        svgIcon: B || (F ? void 0 : he),
-        icon: F,
+        selected: C,
+        svgIcon: N || (L ? void 0 : be),
+        icon: L,
         size: t.mobileMode ? "large" : "medium",
-        className: Ge("k-toolbar-button", { "k-icon-button": t.mobileMode }),
+        className: we("k-toolbar-button", { "k-icon-button": t.mobileMode }),
         title: d.toLanguageString(S, G[S]),
-        onClick: _
+        onClick: oe
       }
     );
     return a.useEffect(() => {
       var e;
-      if (f.current && h) {
+      if (f.current && C) {
         const r = (e = f.current.element) == null ? void 0 : e.getBoundingClientRect();
-        r && (J(r.top + window.scrollY + r.height), Z(r.left + window.scrollX + r.width));
+        if (r) {
+          q(r.top + window.scrollY + r.height), te(r.left + window.scrollX + r.width);
+          const n = window.innerWidth, o = n < j ? n * 0.75 : 560;
+          re(o);
+        }
       }
-    }, [h]), a.useImperativeHandle(
-      m,
+    }, [C]), a.useImperativeHandle(
+      b,
       () => ({
-        show: () => x(!0),
-        hide: () => C()
+        show: () => y(!0),
+        hide: () => m()
       }),
-      [C]
-    ), /* @__PURE__ */ a.createElement(a.Fragment, null, pe, h && /* @__PURE__ */ a.createElement(
-      me,
+      [m]
+    ), /* @__PURE__ */ a.createElement(a.Fragment, null, me, C && /* @__PURE__ */ a.createElement(
+      xe,
       {
+        key: H,
         autoFocus: !1,
         title: d.toLanguageString(S, G[S]),
-        initialTop: $,
-        initialLeft: Q,
-        initialWidth: 560,
+        initialTop: Z,
+        initialLeft: ee,
+        initialWidth: H,
         style: {
           height: "auto",
           minWidth: "90px",
           minHeight: "50px"
         },
-        onClose: C,
+        onClose: m,
         resizable: !0,
         draggable: !0,
-        className: "k-grid-assistant-window"
+        className: "k-grid-assistant-window",
+        maximizeButton: Fe
       },
-      de
+      Ce
     ));
   }
 );
-xe.displayName = "KendoReactGridToolbarAIAssistant";
+Le.displayName = "KendoReactGridToolbarAIAssistant";
 export {
-  Re as GridAICommands,
-  xe as GridToolbarAIAssistant
+  Pe as GridAICommands,
+  Le as GridToolbarAIAssistant
 };

package/toolbar-tools/ai-tool/GridAIPrompt.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 h=require("react"),s=require("@progress/kendo-react-conversational-ui"),O=require("@progress/kendo-react-buttons"),D=require("@progress/kendo-react-inputs"),E=require("@progress/kendo-svg-icons"),u=require("../../messages/index.js"),x=require("@progress/kendo-react-intl");function j(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const r=j(h),z=t=>{const{responseContent:o}=t,n=o.split(`
-`);return r.createElement("div",{className:"k-card-body"},n.map((a,c)=>r.createElement("div",{key:a.trim()+c,className:"k-card-text"},a)))},T=t=>{const{activeView:o,onActiveViewChange:n,toolbarItems:a,outputs:c,promptValue:d,promptInput:g,generateButton:f,onCopy:b,onOutputRating:y,onPromptRequest:i,suggestionsList:A,outputCard:w,promptPlaceHolder:I,streaming:V,loading:k,onCancel:v,onClose:l,enableSpeechToText:C}=t,p=x.useLocalization(),[q,m]=r.useState(s.promptViewDefaults.name),P=(e,B)=>{e&&(i&&i(e),m(s.outputViewDefaults.name))},R=e=>{n&&n(e),m(e)},S=e=>{e.key==="Escape"&&l&&l()};return r.useEffect(()=>{const e=document.querySelector(".k-prompt-view .k-textarea textarea");e&&e.focus()},[]),r.createElement(s.AIPrompt,{style:{maxHeight:"100%"},activeView:o!=null?o:q,onActiveViewChange:R,onPromptRequest:P,toolbarItems:a||[s.promptViewDefaults,s.outputViewDefaults],streaming:V,loading:k,suggestionsView:"modern",onCancel:v,onKeyDown:S},r.createElement(s.AIPromptView,{promptSuggestions:A,promptValue:d,promptInput:g||r.createElement(D.TextArea,{placeholder:I,rows:2}),generateButton:f||r.createElement(O.Button,{svgIcon:E.tableWizardIcon,icon:"table-wizard",type:"button",title:p.toLanguageString(u.toolbarAIApply,u.messages[u.toolbarAIApply])},p.toLanguageString(u.toolbarAIApply,u.messages[u.toolbarAIApply])),enableSpeechToText:C}),r.createElement(s.AIPromptOutputView,{outputs:c,showOutputRating:!0,onCopy:b,onOutputRating:y,outputCard:w||{body:z}}))};exports.GridAIPrompt=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),s=require("@progress/kendo-react-conversational-ui"),R=require("@progress/kendo-react-buttons"),O=require("@progress/kendo-react-inputs"),D=require("@progress/kendo-svg-icons"),u=require("../../messages/index.js"),E=require("@progress/kendo-react-intl");function z(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const r=z(P),j=t=>{const{responseContent:o}=t,n=o.split(`
+`);return r.createElement("div",{className:"k-card-body"},n.map((a,c)=>r.createElement("div",{key:a.trim()+c,className:"k-card-text"},a)))},T=t=>{const{activeView:o,onActiveViewChange:n,toolbarItems:a,outputs:c,promptValue:d,promptInput:g,generateButton:f,onCopy:b,onOutputRating:y,onPromptRequest:i,suggestionsList:w,outputCard:A,promptPlaceHolder:I,streaming:v,loading:S,onCancel:V,onClose:l,enableSpeechToText:k}=t,p=E.useLocalization(),[C,m]=r.useState(s.promptViewDefaults.name),h=(e,B)=>{e&&(i&&i(e),m(s.outputViewDefaults.name))},q=e=>{n&&n(e),m(e)},x=e=>{e.key==="Escape"&&l&&l()};return r.useEffect(()=>{const e=document.querySelector(".k-prompt-view .k-textarea textarea");e&&e.focus()},[]),r.createElement(s.AIPrompt,{style:{maxHeight:"100%"},activeView:o!=null?o:C,onActiveViewChange:q,onPromptRequest:h,toolbarItems:a||[s.promptViewDefaults,s.outputViewDefaults],streaming:v,loading:S,suggestionsView:"modern",onCancel:V,onKeyDown:x},r.createElement(s.AIPromptView,{promptSuggestions:w,promptValue:d,promptInput:g||r.createElement(O.TextArea,{flow:"vertical",resizable:"none",autoSize:!0,textareaStyle:{maxHeight:"110px"},placeholder:I,rows:2}),generateButton:f||r.createElement(R.Button,{svgIcon:D.tableWizardIcon,icon:"table-wizard",type:"button",title:p.toLanguageString(u.toolbarAIApply,u.messages[u.toolbarAIApply])},p.toLanguageString(u.toolbarAIApply,u.messages[u.toolbarAIApply])),enableSpeechToText:k}),r.createElement(s.AIPromptOutputView,{outputs:c,showOutputRating:!0,onCopy:b,onOutputRating:y,outputCard:A||{body:j}}))};exports.GridAIPrompt=T;