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

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
+};

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

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridSmartBoxAIAssistantProps } from './interfaces/index.js';
+import * as React from 'react';
+export interface SmartBoxPopupHandle {
+    /**
+     * Shows the SmartBox popup.
+     */
+    show: () => void;
+    /**
+     * Hides the SmartBox popup.
+     */
+    hide: () => void;
+}
+export declare const SmartBox: React.ForwardRefExoticComponent<GridSmartBoxAIAssistantProps & React.RefAttributes<SmartBoxPopupHandle>>;

package/toolbar-tools/smartbox/SmartBox.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 Ze=require("react"),et=require("./SegmentedControl.js"),de=require("@progress/kendo-react-buttons"),K=require("@progress/kendo-svg-icons"),d=require("@progress/kendo-react-common"),tt=require("@progress/kendo-react-intl"),nt=require("../../hooks/useGridAIRequest.js"),st=require("../../utils/GridContext.js"),_=require("@progress/kendo-react-dropdowns"),rt=require("@progress/kendo-react-popup"),I=require("./listItemRenders.js"),o=require("../../messages/index.js"),at=require("./hooks/useSmartBoxModes.js"),ot=require("./hooks/useSmartBoxHistory.js"),ct=require("./hooks/useSmartBoxPopup.js"),it=require("./hooks/useSmartBoxGridState.js"),lt=require("./hooks/useSmartBoxLabels.js"),ut=require("./hooks/useSmartBoxListData.js"),pt=require("./hooks/useSmartBoxSegmentedControl.js"),dt=require("./hooks/useSmartBoxSearch.js"),mt=require("./hooks/useDebounce.js");function gt(m){const x=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const S in m)if(S!=="default"){const q=Object.getOwnPropertyDescriptor(m,S);Object.defineProperty(x,S,q.get?q:{enumerable:!0,get:()=>m[S]})}}return x.default=m,Object.freeze(x)}const e=gt(Ze),me=e.forwardRef((m,x)=>{var ue;const{searchConfig:S,semanticSearchConfig:q,aiAssistantConfig:ge,activeMode:he,dir:fe="ltr",size:M="medium",placeholder:Se,history:ke,loading:xe=!1,promptSuggestionRender:A,historyItemRender:J,onOpen:be,onClose:Ce,onFocus:v,onBlur:P,onSearch:Be,onSemanticSearch:Re,onAIPromptRequest:N,onAIResponseSuccess:F,onAIResponseError:O,onAICancelRequest:D}=m,b=tt.useLocalization(),C=e.useContext(st.GridContext),Ie=e.useRef(`k-${d.guid()}`),g=e.useRef(null),B=e.useRef(null),Q=e.useRef(null),[c,h]=e.useState(""),[qe,w]=e.useState(!1),[ve,Pe]=e.useState(void 0),[De,X]=e.useState(null),{searchMode:i,semanticSearchMode:u,aiAssistantMode:r,selectedView:n,setSelectedViewState:z,lastSearchMode:we,searchHistorySettings:Y,semanticSearchHistorySettings:Z,aiAssistantHistorySettings:G,speechToTextButtonSettings:ee,currentSearchDelay:ye}=at.useSmartBoxModes({searchConfigProp:S,semanticSearchConfigProp:q,aiAssistantConfigProp:ge,activeModeProp:he,sharedHistory:ke}),{currentHistory:y,currentHistorySettings:Ee,addToHistory:V}=ot.useSmartBoxHistory({selectedView:n,searchHistorySettings:Y,semanticSearchHistorySettings:Z,aiAssistantHistorySettings:G}),{isOpen:R,togglePopup:a}=ct.useSmartBoxPopup({onOpen:be,onClose:Ce}),{columns:te,gridState:Le,gridRef:Te,handleStateChange:He}=it.useSmartBoxGridState(C),W=e.useMemo(()=>(r==null?void 0:r.promptSuggestions)||[],[r==null?void 0:r.promptSuggestions]),{inputPlaceholder:Ne,prefixIcon:Fe}=lt.useSmartBoxLabels({selectedView:n,searchMode:i,semanticSearchMode:u,aiAssistantMode:r,sharedPlaceholder:Se}),{searchListData:k,aiAssistantListData:E,searchHistoryListData:L}=ut.useSmartBoxListData({selectedView:n,searchModeEnabled:i==null?void 0:i.enabled,semanticSearchModeEnabled:u==null?void 0:u.enabled,promptSuggestions:W,currentHistory:y,currentHistorySettings:Ee}),ne=pt.useSmartBoxSegmentedControl({searchMode:i,semanticSearchMode:u,aiAssistantMode:r,selectedView:n,lastSearchMode:we,setSelectedViewState:z,setInputValue:h});e.useEffect(()=>{R&&g.current&&Pe(g.current.offsetWidth)},[R]);const f=xe||qe,j=!n,Oe=!(i!=null&&i.enabled)&&!(u!=null&&u.enabled)&&!(r!=null&&r.enabled),ze=d.kendoThemeMaps.sizeMap[M]||"md",{emitSearchEvent:p}=dt.useSmartBoxSearch({selectedView:n,searchMode:i,columns:te,gridContext:C,searchHistorySettings:Y,semanticSearchHistorySettings:Z,addToHistory:V,onSearch:Be,onSemanticSearch:Re}),{sendRequest:se,cancelRequest:re}=nt.useGridAIRequest({requestUrl:r==null?void 0:r.requestUrl,requestOptions:r==null?void 0:r.requestOptions,columns:te,gridState:Le,gridRef:Te,onPromptRequest:t=>{N==null||N({requestData:t})},onResponseSuccess:t=>{w(!1),F==null||F({response:t})},onResponseError:t=>{w(!1),O==null||O({error:t})},onStateChange:He,onExportPdf:()=>C==null?void 0:C.exportAsPdf()});e.useImperativeHandle(x,()=>({show:()=>a(!0),hide:()=>a(!1)}),[a]);const U=mt.useDebounce(De,ye),ae=e.useRef(p);ae.current=p,e.useEffect(()=>{U!==null&&ae.current(U)},[U]);const Ge=e.useCallback(t=>{const s=t.target.value;h(s),a(!s),(n==="search"||n==="semanticSearch")&&X(s)},[a,n]),Ve=e.useCallback(()=>{v==null||v(),c||a(!0)},[v,a,c]),We=e.useCallback(t=>{var pe;const s=g.current,l=(pe=Q.current)==null?void 0:pe.element,H=t.relatedTarget,Xe=H&&(s==null?void 0:s.contains(H)),Ye=H&&(l==null?void 0:l.contains(H));!Xe&&!Ye&&(P==null||P(),a(!1))},[P,a]),je=e.useCallback(()=>{c||a(!0)},[a,c]),oe=!!((ue=r==null?void 0:r.requestOptions)!=null&&ue.url||r!=null&&r.requestUrl),$=e.useCallback(()=>{if(f){D==null||D(),re(),w(!1);return}c.trim()&&(oe&&w(!0),V("aiAssistant",c,G),a(!1),se(c.trim()),h(""))},[f,c,G,a,V,se,re,oe,D]),Ue=e.useCallback(t=>{t.key==="Enter"&&(n==="aiAssistant"?$():n==="semanticSearch"&&p(c))},[n,c,p,$]),$e=e.useCallback(()=>{var t;a(!R),(t=B.current)==null||t.focus()},[R,a]),Ke=e.useCallback(t=>{var s;t.stopPropagation(),t.preventDefault(),h(""),(s=B.current)==null||s.focus(),a(!0),p("")},[a,p]),ce=e.useCallback(t=>{var s;z(t),h(""),X(null),(s=B.current)==null||s.focus()},[z]),T=e.useCallback(t=>{var s;h(t),a(!1),(s=B.current)==null||s.focus(),n!=="aiAssistant"&&p(t)},[n,a,p]),_e=e.useCallback(t=>{if(t.isFinal&&t.alternatives.length>0){const s=t.alternatives[0].transcript;h(l=>l?`${l} ${s}`:s)}},[]),Me=e.useMemo(()=>n==="aiAssistant"?y.length===0&&W.length===0:n==="search"||n==="semanticSearch"?y.length===0&&k.length===0:!1,[n,y.length,W.length,k.length]),ie=e.useCallback(t=>{const l=(n==="aiAssistant"?E:L)[t];l&&T(l.text)},[n,E,L,T]),Ae=e.useCallback(t=>{const s=k[t];s&&ce(s.mode)},[k,ce]),le=e.useMemo(()=>I.createListItemRender({historyItemRender:J,promptSuggestionRender:A,handleListItemClick:T}),[J,A,T]),Je=R&&!Oe,Qe=()=>e.createElement(e.Fragment,null,ne.length>0&&e.createElement(et.SegmentedControl,{buttons:ne,size:M,stretched:!0}),(n==="search"||n==="semanticSearch")&&k.length>0&&e.createElement(_.List,{data:k,textField:"text",descriptionField:"description",onClick:Ae,itemRender:I.searchModeItemRender,show:!0,wrapperCssClass:"k-list k-list-md"}),n==="aiAssistant"&&E.length>0&&e.createElement(_.List,{data:E,textField:"text",groupField:"group",svgIconField:"groupSvgIcon",descriptionField:"description",onClick:ie,itemRender:le,groupHeaderItemRender:I.listGroupHeaderRender,showFirstGroupHeader:!0,show:!0,wrapperCssClass:"k-list k-list-md"}),(n==="search"||n==="semanticSearch")&&L.length>0&&e.createElement(_.List,{data:L,textField:"text",groupField:"group",svgIconField:"groupSvgIcon",descriptionField:"description",onClick:ie,itemRender:le,groupHeaderItemRender:I.listGroupHeaderRender,showFirstGroupHeader:!0,show:!0,wrapperCssClass:"k-list k-list-md"}),Me&&e.createElement(I.NoDataRender,{selectedView:n}));return e.createElement("div",{ref:g,className:"k-smart-box-wrapper",dir:fe,onBlur:We},e.createElement("span",{className:d.classNames("k-smart-box","k-input",`k-input-${ze}`,{"k-loading":f})},!j&&e.createElement("span",{className:"k-input-prefix k-input-prefix-horizontal"},e.createElement(d.IconWrap,{className:d.classNames("k-icon",{"k-accent-icon":n==="aiAssistant"||n==="semanticSearch"}),icon:Fe.svgIcon,onClick:$e,onMouseDown:t=>{"preventDefault"in t&&t.preventDefault()}})),e.createElement("input",{ref:B,type:"text",className:d.classNames("k-input-inner",{"k-disabled":j}),id:Ie.current,placeholder:Ne,value:c,disabled:j,onChange:Ge,onFocus:Ve,onClick:je,onKeyDown:Ue}),c.length>0&&(n==="search"||n==="semanticSearch")&&e.createElement("span",{className:"k-clear-value",title:b.toLanguageString(o.smartBoxClearTitle,o.messages[o.smartBoxClearTitle]),role:"button",tabIndex:-1,onClick:Ke,onMouseDown:t=>t.preventDefault()},e.createElement(d.IconWrap,{className:"k-icon",icon:K.xIcon})),n==="aiAssistant"&&e.createElement("span",{className:"k-input-suffix k-input-suffix-horizontal"},ee&&e.createElement(de.SpeechToTextButton,{...ee,"aria-label":b.toLanguageString(o.smartBoxSpeechToTextButton,o.messages[o.smartBoxSpeechToTextButton]),title:b.toLanguageString(o.smartBoxSpeechToTextButton,o.messages[o.smartBoxSpeechToTextButton]),onResult:_e}),e.createElement(de.Button,{className:d.classNames("k-smart-box-send",{"k-processing":f,"k-active":f}),type:"button",rounded:"full",size:"small",title:b.toLanguageString(o.smartBoxSubmitPromptButton,o.messages[o.smartBoxSubmitPromptButton]),"aria-label":b.toLanguageString(o.smartBoxSubmitPromptButton,o.messages[o.smartBoxSubmitPromptButton]),"aria-disabled":c.length===0,svgIcon:f?K.stopSmIcon:K.arrowUpOutlineIcon,disabled:c.length===0&&!f,onClick:$}))),e.createElement(rt.Popup,{ref:Q,anchor:g.current,show:Je,popupClass:"k-smart-box-popup",style:{width:ve},anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},margin:{horizontal:0,vertical:2},onMouseDownOutside:t=>{const s=t.event.target;g.current&&!g.current.contains(s)&&a(!1)}},Qe()))});me.displayName="KendoReactSmartBox";exports.SmartBox=me;