@progress/kendo-react-grid 14.5.0-develop.4 → 14.5.0-develop.5

package/toolbar-tools/smartbox/SmartBox.mjs

@@ -7,20 +7,20 @@
  */
 import * as e from "react";
 import { SpeechToTextButton as et, Button as tt, SegmentedControl as nt } from "@progress/kendo-react-buttons";
-import { xIcon as rt, stopSmIcon as st, arrowUpOutlineIcon as at } from "@progress/kendo-svg-icons";
+import { xIcon as rt, stopSmIcon as at, arrowUpOutlineIcon as st } from "@progress/kendo-svg-icons";
 import { guid as ot, kendoThemeMaps as it, classNames as B, IconWrap as ce } from "@progress/kendo-react-common";
 import { useLocalization as lt } from "@progress/kendo-react-intl";
 import { List as $ } from "@progress/kendo-react-dropdowns";
 import { Popup as ct } from "@progress/kendo-react-popup";
 import { createListItemRender as ut, searchModeItemRender as pt, listGroupHeaderRender as ue, NoDataRender as mt } from "./listItemRenders.mjs";
-import { smartBoxClearTitle as pe, messages as k, smartBoxSpeechToTextButton as P, smartBoxSubmitPromptButton as L } from "../../messages/index.mjs";
+import { smartBoxClearTitle as pe, messages as C, smartBoxSpeechToTextButton as P, smartBoxSubmitPromptButton as L } from "../../messages/index.mjs";
 import { useGridAIRequest as dt } from "../../hooks/useGridAIRequest.mjs";
-import { GridContext as ft } from "../../utils/GridContext.mjs";
-import { useSmartBoxModes as ht } from "./hooks/useSmartBoxModes.mjs";
+import { GridContext as ht } from "../../utils/GridContext.mjs";
+import { useSmartBoxModes as ft } from "./hooks/useSmartBoxModes.mjs";
 import { useSmartBoxHistory as gt } from "./hooks/useSmartBoxHistory.mjs";
 import { useSmartBoxPopup as St } from "./hooks/useSmartBoxPopup.mjs";
-import { useSmartBoxGridState as kt } from "./hooks/useSmartBoxGridState.mjs";
-import { useSmartBoxLabels as Ct } from "./hooks/useSmartBoxLabels.mjs";
+import { useSmartBoxGridState as Ct } from "./hooks/useSmartBoxGridState.mjs";
+import { useSmartBoxLabels as kt } from "./hooks/useSmartBoxLabels.mjs";
 import { useSmartBoxListData as bt } from "./hooks/useSmartBoxListData.mjs";
 import { useSmartBoxSegmentedControl as xt } from "./hooks/useSmartBoxSegmentedControl.mjs";
 import { useSmartBoxSearch as Rt } from "./hooks/useSmartBoxSearch.mjs";
@@ -28,20 +28,20 @@ import { useDebounce as vt } from "./hooks/useDebounce.mjs";
 const It = e.forwardRef((me, de) => {
   var ie;
   const {
-    searchConfig: fe,
-    semanticSearchConfig: he,
+    searchConfig: he,
+    semanticSearchConfig: fe,
     aiAssistantConfig: ge,
     activeMode: Se,
-    dir: ke = "ltr",
+    dir: Ce = "ltr",
     size: K = "medium",
-    placeholder: Ce,
+    placeholder: ke,
     history: be,
     loading: xe = !1,
     promptSuggestionRender: j,
     historyItemRender: J,
     onOpen: Re,
     onClose: ve,
-    onFocus: C,
+    onFocus: k,
     onBlur: b,
     onSearch: Ie,
     onSemanticSearch: we,
@@ -49,39 +49,39 @@ const It = e.forwardRef((me, de) => {
     onAIResponseSuccess: H,
     onAIResponseError: z,
     onAICancelRequest: x
-  } = me, h = lt(), g = e.useContext(ft), Ee = e.useRef(`k-${ot()}`), d = e.useRef(null), S = e.useRef(null), M = e.useRef(null), [o, p] = e.useState(""), [De, R] = e.useState(!1), [ye, Q] = e.useState(void 0), [Be, X] = e.useState(null), {
+  } = me, f = lt(), g = e.useContext(ht), Ee = e.useRef(`k-${ot()}`), d = e.useRef(null), S = e.useRef(null), Q = e.useRef(null), [o, p] = e.useState(""), [De, R] = e.useState(!1), [ye, X] = e.useState(void 0), [Be, Y] = e.useState(null), {
     searchMode: i,
     semanticSearchMode: c,
-    aiAssistantMode: s,
+    aiAssistantMode: a,
     selectedView: n,
     setSelectedViewState: N,
     lastSearchMode: Pe,
-    searchHistorySettings: Y,
-    semanticSearchHistorySettings: Z,
+    searchHistorySettings: Z,
+    semanticSearchHistorySettings: _,
     aiAssistantHistorySettings: T,
-    speechToTextButtonSettings: _,
+    speechToTextButtonSettings: M,
     currentSearchDelay: Le
-  } = ht({
-    searchConfigProp: fe,
-    semanticSearchConfigProp: he,
+  } = ft({
+    searchConfigProp: he,
+    semanticSearchConfigProp: fe,
     aiAssistantConfigProp: ge,
     activeModeProp: Se,
     sharedHistory: be
   }), { currentHistory: v, currentHistorySettings: Fe, addToHistory: q } = gt({
     selectedView: n,
-    searchHistorySettings: Y,
-    semanticSearchHistorySettings: Z,
+    searchHistorySettings: Z,
+    semanticSearchHistorySettings: _,
     aiAssistantHistorySettings: T
-  }), { isOpen: O, togglePopup: a } = St({ onOpen: Re, onClose: ve }), { columns: A, gridState: He, gridRef: ze, handleStateChange: Ne } = kt(g), V = e.useMemo(
-    () => (s == null ? void 0 : s.promptSuggestions) || [],
-    [s == null ? void 0 : s.promptSuggestions]
-  ), { inputPlaceholder: Te, prefixIcon: qe } = Ct({
+  }), { isOpen: O, togglePopup: s } = St({ onOpen: Re, onClose: ve }), { columns: A, gridState: He, gridRef: ze, handleStateChange: Ne } = Ct(g), V = e.useMemo(
+    () => (a == null ? void 0 : a.promptSuggestions) || [],
+    [a == null ? void 0 : a.promptSuggestions]
+  ), { inputPlaceholder: Te, prefixIcon: qe } = kt({
     selectedView: n,
     searchMode: i,
     semanticSearchMode: c,
-    aiAssistantMode: s,
-    sharedPlaceholder: Ce
-  }), { searchListData: f, aiAssistantListData: I, searchHistoryListData: w } = bt({
+    aiAssistantMode: a,
+    sharedPlaceholder: ke
+  }), { searchListData: h, aiAssistantListData: I, searchHistoryListData: w } = bt({
     selectedView: n,
     searchModeEnabled: i == null ? void 0 : i.enabled,
     semanticSearchModeEnabled: c == null ? void 0 : c.enabled,
@@ -91,7 +91,7 @@ const It = e.forwardRef((me, de) => {
   }), E = xt({
     searchMode: i,
     semanticSearchMode: c,
-    aiAssistantMode: s,
+    aiAssistantMode: a,
     selectedView: n,
     lastSearchMode: Pe,
     setSelectedViewState: N,
@@ -101,27 +101,28 @@ const It = e.forwardRef((me, de) => {
     const t = d.current;
     if (!t)
       return;
-    Q(t.offsetWidth);
+    X(t.offsetWidth);
     const r = new ResizeObserver(() => {
-      t && Q(t.offsetWidth);
+      t && X(t.offsetWidth);
     });
     return r.observe(t), () => {
       r.disconnect();
     };
   }, []);
-  const m = xe || De, W = !n, Oe = !(i != null && i.enabled) && !(c != null && c.enabled) && !(s != null && s.enabled), Ve = it.sizeMap[K] || "md", { emitSearchEvent: u } = Rt({
+  const m = xe || De, W = !n, Oe = !(i != null && i.enabled) && !(c != null && c.enabled) && !(a != null && a.enabled), Ve = it.sizeMap[K] || "md", { emitSearchEvent: u } = Rt({
     selectedView: n,
     searchMode: i,
     columns: A,
     gridContext: g,
-    searchHistorySettings: Y,
-    semanticSearchHistorySettings: Z,
+    searchHistorySettings: Z,
+    semanticSearchHistorySettings: _,
     addToHistory: q,
     onSearch: Ie,
     onSemanticSearch: we
   }), { sendRequest: ee, cancelRequest: te } = dt({
-    requestUrl: s == null ? void 0 : s.requestUrl,
-    requestOptions: s == null ? void 0 : s.requestOptions,
+    requestUrl: a == null ? void 0 : a.requestUrl,
+    requestOptions: a == null ? void 0 : a.requestOptions,
+    httpClient: a == null ? void 0 : a.httpClient,
     columns: A,
     gridState: He,
     gridRef: ze,
@@ -140,10 +141,10 @@ const It = e.forwardRef((me, de) => {
   e.useImperativeHandle(
     de,
     () => ({
-      show: () => a(!0),
-      hide: () => a(!1)
+      show: () => s(!0),
+      hide: () => s(!1)
     }),
-    [a]
+    [s]
   );
   const G = vt(Be, Le), ne = e.useRef(u);
   ne.current = u, e.useEffect(() => {
@@ -152,31 +153,31 @@ const It = e.forwardRef((me, de) => {
   const We = e.useCallback(
     (t) => {
       const r = t.target.value;
-      p(r), a(!r), (n === "search" || n === "semanticSearch") && X(r);
+      p(r), s(!r), (n === "search" || n === "semanticSearch") && Y(r);
     },
-    [a, n]
+    [s, n]
   ), Ge = e.useCallback(() => {
-    C == null || C(), o || a(!0);
-  }, [C, a, o]), Ue = e.useCallback(
+    k == null || k(), o || s(!0);
+  }, [k, s, o]), Ue = e.useCallback(
     (t) => {
       var le;
-      const r = d.current, l = (le = M.current) == null ? void 0 : le.element, y = t.relatedTarget, _e = y && (r == null ? void 0 : r.contains(y)), Ae = y && (l == null ? void 0 : l.contains(y));
-      !_e && !Ae && (b == null || b(), a(!1));
+      const r = d.current, l = (le = Q.current) == null ? void 0 : le.element, y = t.relatedTarget, Me = y && (r == null ? void 0 : r.contains(y)), Ae = y && (l == null ? void 0 : l.contains(y));
+      !Me && !Ae && (b == null || b(), s(!1));
     },
-    [b, a]
+    [b, s]
   ), $e = e.useCallback(() => {
-    o || a(!0);
-  }, [a, o]), re = !!((ie = s == null ? void 0 : s.requestOptions) != null && ie.url || s != null && s.requestUrl), U = e.useCallback(() => {
+    o || s(!0);
+  }, [s, o]), re = !!((ie = a == null ? void 0 : a.requestOptions) != null && ie.url || a != null && a.requestUrl), U = e.useCallback(() => {
     if (m) {
       x == null || x(), te(), R(!1);
       return;
     }
-    o.trim() && (re && R(!0), q("aiAssistant", o, T), a(!1), ee(o.trim()), p(""));
+    o.trim() && (re && R(!0), q("aiAssistant", o, T), s(!1), ee(o.trim()), p(""));
   }, [
     m,
     o,
     T,
-    a,
+    s,
     q,
     ee,
     te,
@@ -189,42 +190,42 @@ const It = e.forwardRef((me, de) => {
     [n, o, u, U]
   ), je = e.useCallback(() => {
     var t;
-    a(!O), (t = S.current) == null || t.focus();
-  }, [O, a]), Je = e.useCallback(
+    s(!O), (t = S.current) == null || t.focus();
+  }, [O, s]), Je = e.useCallback(
     (t) => {
       var r;
-      t.stopPropagation(), t.preventDefault(), p(""), (r = S.current) == null || r.focus(), a(!0), u("");
+      t.stopPropagation(), t.preventDefault(), p(""), (r = S.current) == null || r.focus(), s(!0), u("");
     },
-    [a, u]
-  ), se = e.useCallback(
+    [s, u]
+  ), ae = e.useCallback(
     (t) => {
       var r;
-      N(t), p(""), X(null), (r = S.current) == null || r.focus();
+      N(t), p(""), Y(null), (r = S.current) == null || r.focus();
     },
     [N]
   ), D = e.useCallback(
     (t) => {
       var r;
-      p(t), a(!1), (r = S.current) == null || r.focus(), n !== "aiAssistant" && u(t);
+      p(t), s(!1), (r = S.current) == null || r.focus(), n !== "aiAssistant" && u(t);
     },
-    [n, a, u]
-  ), Me = e.useCallback((t) => {
+    [n, s, u]
+  ), Qe = e.useCallback((t) => {
     if (t.isFinal && t.alternatives.length > 0) {
       const r = t.alternatives[0].transcript;
       p((l) => l ? `${l} ${r}` : r);
     }
-  }, []), Qe = e.useMemo(() => n === "aiAssistant" ? v.length === 0 && V.length === 0 : n === "search" || n === "semanticSearch" ? v.length === 0 && f.length === 0 : !1, [n, v.length, V.length, f.length]), ae = e.useCallback(
+  }, []), Xe = e.useMemo(() => n === "aiAssistant" ? v.length === 0 && V.length === 0 : n === "search" || n === "semanticSearch" ? v.length === 0 && h.length === 0 : !1, [n, v.length, V.length, h.length]), se = e.useCallback(
     (t) => {
       const l = (n === "aiAssistant" ? I : w)[t];
       l && D(l.text);
     },
     [n, I, w, D]
-  ), Xe = e.useCallback(
+  ), Ye = e.useCallback(
     (t) => {
-      const r = f[t];
-      r && se(r.mode);
+      const r = h[t];
+      r && ae(r.mode);
     },
-    [f, se]
+    [h, ae]
   ), oe = e.useMemo(
     () => ut({
       historyItemRender: J,
@@ -232,7 +233,7 @@ const It = e.forwardRef((me, de) => {
       handleListItemClick: D
     }),
     [J, j, D]
-  ), Ye = O && !Oe, Ze = () => /* @__PURE__ */ e.createElement(e.Fragment, null, E.items.length > 0 && /* @__PURE__ */ e.createElement(
+  ), Ze = O && !Oe, _e = () => /* @__PURE__ */ e.createElement(e.Fragment, null, E.items.length > 0 && /* @__PURE__ */ e.createElement(
     nt,
     {
       items: E.items,
@@ -241,13 +242,13 @@ const It = e.forwardRef((me, de) => {
       size: K,
       layoutMode: "stretch"
     }
-  ), (n === "search" || n === "semanticSearch") && f.length > 0 && /* @__PURE__ */ e.createElement(
+  ), (n === "search" || n === "semanticSearch") && h.length > 0 && /* @__PURE__ */ e.createElement(
     $,
     {
-      data: f,
+      data: h,
       textField: "text",
       descriptionField: "description",
-      onClick: Xe,
+      onClick: Ye,
       itemRender: pt,
       show: !0,
       wrapperCssClass: "k-list k-list-md"
@@ -260,7 +261,7 @@ const It = e.forwardRef((me, de) => {
       groupField: "group",
       svgIconField: "groupSvgIcon",
       descriptionField: "description",
-      onClick: ae,
+      onClick: se,
       itemRender: oe,
       groupHeaderItemRender: ue,
       showFirstGroupHeader: !0,
@@ -275,15 +276,15 @@ const It = e.forwardRef((me, de) => {
       groupField: "group",
       svgIconField: "groupSvgIcon",
       descriptionField: "description",
-      onClick: ae,
+      onClick: se,
       itemRender: oe,
       groupHeaderItemRender: ue,
       showFirstGroupHeader: !0,
       show: !0,
       wrapperCssClass: "k-list k-list-md"
     }
-  ), Qe && /* @__PURE__ */ e.createElement(mt, { selectedView: n }));
-  return /* @__PURE__ */ e.createElement("div", { ref: d, className: "k-smart-box-wrapper", dir: ke, onBlur: Ue }, /* @__PURE__ */ e.createElement(
+  ), Xe && /* @__PURE__ */ e.createElement(mt, { selectedView: n }));
+  return /* @__PURE__ */ e.createElement("div", { ref: d, className: "k-smart-box-wrapper", dir: Ce, onBlur: Ue }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: B("k-smart-box", "k-input", `k-input-${Ve}`, {
@@ -323,9 +324,9 @@ const It = e.forwardRef((me, de) => {
       "span",
       {
         className: "k-clear-value",
-        title: h.toLanguageString(
+        title: f.toLanguageString(
           pe,
-          k[pe]
+          C[pe]
         ),
         role: "button",
         tabIndex: -1,
@@ -334,19 +335,19 @@ const It = e.forwardRef((me, de) => {
       },
       /* @__PURE__ */ e.createElement(ce, { className: "k-icon", icon: rt })
     ),
-    n === "aiAssistant" && /* @__PURE__ */ e.createElement("span", { className: "k-input-suffix k-input-suffix-horizontal" }, _ && /* @__PURE__ */ e.createElement(
+    n === "aiAssistant" && /* @__PURE__ */ e.createElement("span", { className: "k-input-suffix k-input-suffix-horizontal" }, M && /* @__PURE__ */ e.createElement(
       et,
       {
-        ..._,
-        "aria-label": h.toLanguageString(
+        ...M,
+        "aria-label": f.toLanguageString(
           P,
-          k[P]
+          C[P]
         ),
-        title: h.toLanguageString(
+        title: f.toLanguageString(
           P,
-          k[P]
+          C[P]
         ),
-        onResult: Me
+        onResult: Qe
       }
     ), /* @__PURE__ */ e.createElement(
       tt,
@@ -358,16 +359,16 @@ const It = e.forwardRef((me, de) => {
         type: "button",
         rounded: "full",
         size: "small",
-        title: h.toLanguageString(
+        title: f.toLanguageString(
           L,
-          k[L]
+          C[L]
         ),
-        "aria-label": h.toLanguageString(
+        "aria-label": f.toLanguageString(
           L,
-          k[L]
+          C[L]
         ),
         "aria-disabled": o.length === 0,
-        svgIcon: m ? st : at,
+        svgIcon: m ? at : st,
         disabled: o.length === 0 && !m,
         onClick: U
       }
@@ -375,9 +376,9 @@ const It = e.forwardRef((me, de) => {
   ), /* @__PURE__ */ e.createElement(
     ct,
     {
-      ref: M,
+      ref: Q,
       anchor: d.current,
-      show: Ye,
+      show: Ze,
       popupClass: "k-smart-box-popup",
       style: { width: ye },
       anchorAlign: { horizontal: "left", vertical: "bottom" },
@@ -385,10 +386,10 @@ const It = e.forwardRef((me, de) => {
       margin: { horizontal: 0, vertical: 2 },
       onMouseDownOutside: (t) => {
         const r = t.event.target;
-        d.current && !d.current.contains(r) && a(!1);
+        d.current && !d.current.contains(r) && s(!1);
       }
     },
-    Ze()
+    _e()
   ));
 });
 It.displayName = "KendoReactSmartBox";

package/toolbar-tools/smartbox/interfaces/SmartBoxTypes.d.ts

@@ -11,7 +11,7 @@ import { GridToolbarAIAssistantRequestData } from '../../../index.js';
 import { GridSmartBoxAIAssistantSearchProps, GridSmartBoxSearchProps } from './SearchTypes';
 import { TextBoxProps } from '@progress/kendo-react-inputs';
 import { GridSmartBoxHistoryProps } from './utilTypes';
-import { AxiosRequestConfig } from 'axios';
+import { GridAIRequestConfig, GridAIHttpClient } from '../../../hooks/useGridAIRequest.js';
 /**
  * Represents the available modes for the SmartBox component.
  *
@@ -142,8 +142,11 @@ export interface GridSmartBoxAIAssistantConfigProps {
      */
     requestUrl?: string;
     /**
-     * Defines the options for the axios request.
-     * When set (with `url` property), enables auto mode where SmartBox handles requests automatically.
+     * Defines the options for the HTTP request.
+     * Accepts both `GridAIRequestConfig` (recommended) and `AxiosRequestConfig` (legacy).
+     *
+     * @remarks
+     * `GridAIRequestConfig` is recommended — no external dependency.
      *
      * @example
      * ```tsx
@@ -157,7 +160,12 @@ export interface GridSmartBoxAIAssistantConfigProps {
      * }} />
      * ```
      */
-    requestOptions?: AxiosRequestConfig;
+    requestOptions?: GridAIRequestConfig;
+    /**
+     * Optional custom HTTP client for the AI assistant.
+     * When provided, overrides the built-in fetch-based transport.
+     */
+    httpClient?: GridAIHttpClient;
     /**
      * List of suggested prompts to display in the popup.
      *

package/utils/handleAIResponse.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { AxiosResponse } from 'axios';
+import { GridAIResponse } from '../hooks/useGridAIRequest.js';
 import { CompositeFilterDescriptor, GroupDescriptor, SortDescriptor } from '@progress/kendo-data-query';
 import { GridColumnState, GridHandle } from '../interfaces/index.js';
 /**
@@ -157,7 +157,7 @@ export interface GridAIResponseResult {
  * };
  * ```
  */
-export declare function handleAIResponse(response: AxiosResponse<any>, currentState: GridAIState, gridRef: Pick<GridHandle, 'getLeafDataItems' | 'getTotal' | 'exportAsPdf' | 'props'> | null): GridAIResponseResult;
+export declare function handleAIResponse(response: GridAIResponse<any>, currentState: GridAIState, gridRef: Pick<GridHandle, 'getLeafDataItems' | 'getTotal' | 'exportAsPdf' | 'props'> | null): GridAIResponseResult;
 /**
  * Handles sort command by merging new sort with existing sorts.
  *