@progress/kendo-react-grid 13.1.0 → 13.2.0-develop.1

package/toolbar-tools/GridToolbarAIAssistant.mjs

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