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

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;

package/toolbar-tools/smartbox/SmartBox.mjs

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

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

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SpeechToTextButtonProps } from '@progress/kendo-react-buttons';
+import { GridSmartBoxSearchProps, GridSmartBoxSemanticSearchConfigProps, GridSmartBoxAIAssistantConfigProps } from './interfaces/index.js';
+import { GridSmartBoxHistoryProps } from './interfaces/utilTypes.js';
+/**
+ * @hidden
+ */
+export declare const defaultHistoryProps: GridSmartBoxHistoryProps;
+/**
+ * @hidden
+ */
+export declare const defaultSearchProps: GridSmartBoxSearchProps;
+/**
+ * @hidden
+ */
+export declare const defaultSemanticSearchProps: GridSmartBoxSemanticSearchConfigProps;
+/**
+ * @hidden
+ */
+export declare const defaultAiAssistantProps: GridSmartBoxAIAssistantConfigProps;
+/**
+ * @hidden
+ */
+export declare const DEFAULT_STB_SETTINGS: SpeechToTextButtonProps;

package/toolbar-tools/smartbox/defaultConfigs.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 e={size:5,timestampFormat:"HH:mm"},s={enabled:!1,fields:[],delay:300,history:e},t={enabled:!1,delay:300,history:e},a={enabled:!1,promptSuggestions:[],speechToTextButton:!1,history:e},o={fillMode:"clear",size:"small",rounded:"full"};exports.DEFAULT_STB_SETTINGS=o;exports.defaultAiAssistantProps=a;exports.defaultHistoryProps=e;exports.defaultSearchProps=s;exports.defaultSemanticSearchProps=t;

package/toolbar-tools/smartbox/defaultConfigs.mjs

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const e = {
+  size: 5,
+  timestampFormat: "HH:mm"
+}, s = {
+  enabled: !1,
+  fields: [],
+  delay: 300,
+  history: e
+}, t = {
+  enabled: !1,
+  delay: 300,
+  history: e
+}, a = {
+  enabled: !1,
+  promptSuggestions: [],
+  speechToTextButton: !1,
+  history: e
+}, l = {
+  fillMode: "clear",
+  size: "small",
+  rounded: "full"
+};
+export {
+  l as DEFAULT_STB_SETTINGS,
+  a as defaultAiAssistantProps,
+  e as defaultHistoryProps,
+  s as defaultSearchProps,
+  t as defaultSemanticSearchProps
+};

package/toolbar-tools/smartbox/hooks/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export * from './useDebounce.js';
+export * from './useSmartBoxModes.js';
+export * from './useSmartBoxHistory.js';
+export * from './useSmartBoxSearch.js';
+export * from './useSmartBoxPopup.js';
+export * from './useSmartBoxGridState.js';
+export * from './useSmartBoxListData.js';
+export * from './useSmartBoxInput.js';
+export * from './useSmartBoxLabels.js';
+export * from './useSmartBoxSegmentedControl.js';

package/toolbar-tools/smartbox/hooks/useDebounce.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const useDebounce: <T>(value: T, delay?: number) => T;

package/toolbar-tools/smartbox/hooks/useDebounce.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=(e,t=500)=>{const[o,c]=u.useState(e);return u.useEffect(()=>{const n=setTimeout(()=>{c(e)},t);return()=>clearTimeout(n)},[e,t]),o};exports.useDebounce=s;

package/toolbar-tools/smartbox/hooks/useDebounce.mjs

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { useState as n, useEffect as r } from "react";
+const m = (e, t = 500) => {
+  const [o, u] = n(e);
+  return r(() => {
+    const c = setTimeout(() => {
+      u(e);
+    }, t);
+    return () => clearTimeout(c);
+  }, [e, t]), o;
+};
+export {
+  m as useDebounce
+};