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

package/toolbar-tools/smartbox/SmartBox.mjs

@@ -6,17 +6,16 @@
  *-------------------------------------------------------------------------------------------
  */
 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 { 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 { 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 { 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 ue, NoDataRender as ft } from "./listItemRenders.mjs";
-import { smartBoxClearTitle as pe, messages as k, smartBoxSpeechToTextButton as y, smartBoxSubmitPromptButton as P } from "../../messages/index.mjs";
+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 { useGridAIRequest as dt } from "../../hooks/useGridAIRequest.mjs";
+import { GridContext as ft } from "../../utils/GridContext.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";
@@ -25,8 +24,8 @@ 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((me, de) => {
+import { useDebounce as vt } from "./hooks/useDebounce.mjs";
+const It = e.forwardRef((me, de) => {
   var ie;
   const {
     searchConfig: fe,
@@ -34,32 +33,32 @@ const vt = e.forwardRef((me, de) => {
     aiAssistantConfig: ge,
     activeMode: Se,
     dir: ke = "ltr",
-    size: $ = "medium",
+    size: K = "medium",
     placeholder: Ce,
     history: be,
     loading: xe = !1,
-    promptSuggestionRender: K,
-    historyItemRender: j,
+    promptSuggestionRender: j,
+    historyItemRender: J,
     onOpen: Re,
-    onClose: Ie,
+    onClose: ve,
     onFocus: C,
     onBlur: b,
-    onSearch: ve,
+    onSearch: Ie,
     onSemanticSearch: we,
-    onAIPromptRequest: L,
-    onAIResponseSuccess: F,
-    onAIResponseError: H,
+    onAIPromptRequest: F,
+    onAIResponseSuccess: H,
+    onAIResponseError: z,
     onAICancelRequest: x
-  } = me, h = lt(), g = e.useContext(ut), Ee = e.useRef(`k-${ot()}`), d = e.useRef(null), S = e.useRef(null), J = e.useRef(null), [o, p] = e.useState(""), [De, R] = e.useState(!1), [Be, Q] = e.useState(void 0), [ye, X] = e.useState(null), {
+  } = 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), {
     searchMode: i,
     semanticSearchMode: c,
     aiAssistantMode: s,
     selectedView: n,
-    setSelectedViewState: z,
+    setSelectedViewState: N,
     lastSearchMode: Pe,
     searchHistorySettings: Y,
     semanticSearchHistorySettings: Z,
-    aiAssistantHistorySettings: N,
+    aiAssistantHistorySettings: T,
     speechToTextButtonSettings: _,
     currentSearchDelay: Le
   } = ht({
@@ -68,12 +67,12 @@ const vt = e.forwardRef((me, de) => {
     aiAssistantConfigProp: ge,
     activeModeProp: Se,
     sharedHistory: be
-  }), { currentHistory: I, currentHistorySettings: Fe, addToHistory: T } = gt({
+  }), { currentHistory: v, currentHistorySettings: Fe, addToHistory: q } = gt({
     selectedView: n,
     searchHistorySettings: Y,
     semanticSearchHistorySettings: Z,
-    aiAssistantHistorySettings: N
-  }), { isOpen: q, togglePopup: a } = St({ onOpen: Re, onClose: Ie }), { columns: A, gridState: He, gridRef: ze, handleStateChange: Ne } = kt(g), O = e.useMemo(
+    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({
@@ -82,20 +81,20 @@ const vt = e.forwardRef((me, de) => {
     semanticSearchMode: c,
     aiAssistantMode: s,
     sharedPlaceholder: Ce
-  }), { searchListData: f, aiAssistantListData: v, searchHistoryListData: w } = bt({
+  }), { searchListData: f, aiAssistantListData: I, searchHistoryListData: w } = bt({
     selectedView: n,
     searchModeEnabled: i == null ? void 0 : i.enabled,
     semanticSearchModeEnabled: c == null ? void 0 : c.enabled,
-    promptSuggestions: O,
-    currentHistory: I,
+    promptSuggestions: V,
+    currentHistory: v,
     currentHistorySettings: Fe
-  }), M = xt({
+  }), E = xt({
     searchMode: i,
     semanticSearchMode: c,
     aiAssistantMode: s,
     selectedView: n,
     lastSearchMode: Pe,
-    setSelectedViewState: z,
+    setSelectedViewState: N,
     setInputValue: p
   });
   e.useEffect(() => {
@@ -110,30 +109,30 @@ const vt = e.forwardRef((me, de) => {
       r.disconnect();
     };
   }, []);
-  const m = xe || De, V = !n, Oe = !(i != null && i.enabled) && !(c != null && c.enabled) && !(s != null && s.enabled), Ve = it.sizeMap[$] || "md", { emitSearchEvent: u } = Rt({
+  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({
     selectedView: n,
     searchMode: i,
     columns: A,
     gridContext: g,
     searchHistorySettings: Y,
     semanticSearchHistorySettings: Z,
-    addToHistory: T,
-    onSearch: ve,
+    addToHistory: q,
+    onSearch: Ie,
     onSemanticSearch: we
-  }), { sendRequest: ee, cancelRequest: te } = ct({
+  }), { sendRequest: ee, cancelRequest: te } = dt({
     requestUrl: s == null ? void 0 : s.requestUrl,
     requestOptions: s == null ? void 0 : s.requestOptions,
     columns: A,
     gridState: He,
     gridRef: ze,
     onPromptRequest: (t) => {
-      L == null || L({ requestData: t });
+      F == null || F({ requestData: t });
     },
     onResponseSuccess: (t) => {
-      R(!1), F == null || F({ response: t });
+      R(!1), H == null || H({ response: t });
     },
     onResponseError: (t) => {
-      R(!1), H == null || H({ error: t });
+      R(!1), z == null || z({ error: t });
     },
     onStateChange: Ne,
     onExportPdf: () => g == null ? void 0 : g.exportAsPdf()
@@ -146,10 +145,10 @@ const vt = e.forwardRef((me, de) => {
     }),
     [a]
   );
-  const W = It(ye, Le), ne = e.useRef(u);
+  const G = vt(Be, Le), ne = e.useRef(u);
   ne.current = u, e.useEffect(() => {
-    W !== null && ne.current(W);
-  }, [W]);
+    G !== null && ne.current(G);
+  }, [G]);
   const We = e.useCallback(
     (t) => {
       const r = t.target.value;
@@ -161,37 +160,37 @@ const vt = e.forwardRef((me, de) => {
   }, [C, a, o]), Ue = e.useCallback(
     (t) => {
       var le;
-      const r = d.current, l = (le = J.current) == null ? void 0 : le.element, D = t.relatedTarget, Ae = D && (r == null ? void 0 : r.contains(D)), Me = D && (l == null ? void 0 : l.contains(D));
-      !Ae && !Me && (b == null || b(), a(!1));
+      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));
     },
     [b, a]
   ), $e = e.useCallback(() => {
     o || a(!0);
-  }, [a, o]), re = !!((ie = s == null ? void 0 : s.requestOptions) != null && ie.url || s != null && s.requestUrl), G = e.useCallback(() => {
+  }, [a, o]), re = !!((ie = s == null ? void 0 : s.requestOptions) != null && ie.url || s != null && s.requestUrl), U = e.useCallback(() => {
     if (m) {
       x == null || x(), te(), R(!1);
       return;
     }
-    o.trim() && (re && R(!0), T("aiAssistant", o, N), a(!1), ee(o.trim()), p(""));
+    o.trim() && (re && R(!0), q("aiAssistant", o, T), a(!1), ee(o.trim()), p(""));
   }, [
     m,
     o,
-    N,
-    a,
     T,
+    a,
+    q,
     ee,
     te,
     re,
     x
   ]), Ke = e.useCallback(
     (t) => {
-      t.key === "Enter" && (n === "aiAssistant" ? G() : n === "semanticSearch" && u(o));
+      t.key === "Enter" && (n === "aiAssistant" ? U() : n === "semanticSearch" && u(o));
     },
-    [n, o, u, G]
+    [n, o, u, U]
   ), je = e.useCallback(() => {
     var t;
-    a(!q), (t = S.current) == null || t.focus();
-  }, [q, a]), Je = e.useCallback(
+    a(!O), (t = S.current) == null || t.focus();
+  }, [O, a]), Je = e.useCallback(
     (t) => {
       var r;
       t.stopPropagation(), t.preventDefault(), p(""), (r = S.current) == null || r.focus(), a(!0), u("");
@@ -200,54 +199,63 @@ const vt = e.forwardRef((me, de) => {
   ), se = e.useCallback(
     (t) => {
       var r;
-      z(t), p(""), X(null), (r = S.current) == null || r.focus();
+      N(t), p(""), X(null), (r = S.current) == null || r.focus();
     },
-    [z]
-  ), E = e.useCallback(
+    [N]
+  ), D = e.useCallback(
     (t) => {
       var r;
       p(t), a(!1), (r = S.current) == null || r.focus(), n !== "aiAssistant" && u(t);
     },
     [n, a, u]
-  ), Qe = e.useCallback((t) => {
+  ), Me = e.useCallback((t) => {
     if (t.isFinal && t.alternatives.length > 0) {
       const r = t.alternatives[0].transcript;
       p((l) => l ? `${l} ${r}` : r);
     }
-  }, []), Xe = e.useMemo(() => n === "aiAssistant" ? I.length === 0 && O.length === 0 : n === "search" || n === "semanticSearch" ? I.length === 0 && f.length === 0 : !1, [n, I.length, O.length, f.length]), ae = e.useCallback(
+  }, []), 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(
     (t) => {
-      const l = (n === "aiAssistant" ? v : w)[t];
-      l && E(l.text);
+      const l = (n === "aiAssistant" ? I : w)[t];
+      l && D(l.text);
     },
-    [n, v, w, E]
-  ), Ye = e.useCallback(
+    [n, I, w, D]
+  ), Xe = e.useCallback(
     (t) => {
       const r = f[t];
       r && se(r.mode);
     },
     [f, se]
   ), oe = e.useMemo(
-    () => mt({
-      historyItemRender: j,
-      promptSuggestionRender: K,
-      handleListItemClick: E
+    () => ut({
+      historyItemRender: J,
+      promptSuggestionRender: j,
+      handleListItemClick: D
     }),
-    [j, K, E]
-  ), Ze = q && !Oe, _e = () => /* @__PURE__ */ e.createElement(e.Fragment, null, M.length > 0 && /* @__PURE__ */ e.createElement(et, { buttons: M, size: $, stretched: !0 }), (n === "search" || n === "semanticSearch") && f.length > 0 && /* @__PURE__ */ e.createElement(
-    U,
+    [J, j, D]
+  ), Ye = O && !Oe, Ze = () => /* @__PURE__ */ e.createElement(e.Fragment, null, E.items.length > 0 && /* @__PURE__ */ e.createElement(
+    nt,
+    {
+      items: E.items,
+      value: E.value,
+      onChange: E.onChange,
+      size: K,
+      layoutMode: "stretch"
+    }
+  ), (n === "search" || n === "semanticSearch") && f.length > 0 && /* @__PURE__ */ e.createElement(
+    $,
     {
       data: f,
       textField: "text",
       descriptionField: "description",
-      onClick: Ye,
-      itemRender: dt,
+      onClick: Xe,
+      itemRender: pt,
       show: !0,
       wrapperCssClass: "k-list k-list-md"
     }
-  ), n === "aiAssistant" && v.length > 0 && /* @__PURE__ */ e.createElement(
-    U,
+  ), n === "aiAssistant" && I.length > 0 && /* @__PURE__ */ e.createElement(
+    $,
     {
-      data: v,
+      data: I,
       textField: "text",
       groupField: "group",
       svgIconField: "groupSvgIcon",
@@ -260,7 +268,7 @@ const vt = e.forwardRef((me, de) => {
       wrapperCssClass: "k-list k-list-md"
     }
   ), (n === "search" || n === "semanticSearch") && w.length > 0 && /* @__PURE__ */ e.createElement(
-    U,
+    $,
     {
       data: w,
       textField: "text",
@@ -274,7 +282,7 @@ const vt = e.forwardRef((me, de) => {
       show: !0,
       wrapperCssClass: "k-list k-list-md"
     }
-  ), Xe && /* @__PURE__ */ e.createElement(ft, { selectedView: n }));
+  ), 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(
     "span",
     {
@@ -282,7 +290,7 @@ const vt = e.forwardRef((me, de) => {
         "k-loading": m
       })
     },
-    !V && /* @__PURE__ */ e.createElement("span", { className: "k-input-prefix k-input-prefix-horizontal" }, /* @__PURE__ */ e.createElement(
+    !W && /* @__PURE__ */ e.createElement("span", { className: "k-input-prefix k-input-prefix-horizontal" }, /* @__PURE__ */ e.createElement(
       ce,
       {
         className: B("k-icon", {
@@ -300,11 +308,11 @@ const vt = e.forwardRef((me, de) => {
       {
         ref: S,
         type: "text",
-        className: B("k-input-inner", { "k-disabled": V }),
+        className: B("k-input-inner", { "k-disabled": W }),
         id: Ee.current,
         placeholder: Te,
         value: o,
-        disabled: V,
+        disabled: W,
         onChange: We,
         onFocus: Ge,
         onClick: $e,
@@ -327,21 +335,21 @@ const vt = 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(
-      tt,
+      et,
       {
         ..._,
         "aria-label": h.toLanguageString(
-          y,
-          k[y]
+          P,
+          k[P]
         ),
         title: h.toLanguageString(
-          y,
-          k[y]
+          P,
+          k[P]
         ),
-        onResult: Qe
+        onResult: Me
       }
     ), /* @__PURE__ */ e.createElement(
-      nt,
+      tt,
       {
         className: B("k-smart-box-send", {
           "k-processing": m,
@@ -351,27 +359,27 @@ const vt = e.forwardRef((me, de) => {
         rounded: "full",
         size: "small",
         title: h.toLanguageString(
-          P,
-          k[P]
+          L,
+          k[L]
         ),
         "aria-label": h.toLanguageString(
-          P,
-          k[P]
+          L,
+          k[L]
         ),
         "aria-disabled": o.length === 0,
         svgIcon: m ? st : at,
         disabled: o.length === 0 && !m,
-        onClick: G
+        onClick: U
       }
     ))
   ), /* @__PURE__ */ e.createElement(
-    pt,
+    ct,
     {
-      ref: J,
+      ref: M,
       anchor: d.current,
-      show: Ze,
+      show: Ye,
       popupClass: "k-smart-box-popup",
-      style: { width: Be },
+      style: { width: ye },
       anchorAlign: { horizontal: "left", vertical: "bottom" },
       popupAlign: { horizontal: "left", vertical: "top" },
       margin: { horizontal: 0, vertical: 2 },
@@ -380,10 +388,10 @@ const vt = e.forwardRef((me, de) => {
         d.current && !d.current.contains(r) && a(!1);
       }
     },
-    _e()
+    Ze()
   ));
 });
-vt.displayName = "KendoReactSmartBox";
+It.displayName = "KendoReactSmartBox";
 export {
-  vt as SmartBox
+  It as SmartBox
 };

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

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { SmartBoxMode, SegmentedButtonProps } from '../interfaces/index.js';
+import { SmartBoxMode } from '../interfaces/index.js';
 import * as React from 'react';
 /**
  * Represents a minimal mode configuration for the segmented control.
@@ -63,8 +63,17 @@ export interface UseSmartBoxSegmentedControlProps {
  * appropriate icon based on the last selected search mode.
  *
  * @param props - The hook properties.
- * @returns An array of segmented button props for the mode switcher.
+ * @returns An object containing the button array and handler function for the SegmentedControl onChange event.
  *
  * @hidden
  */
-export declare function useSmartBoxSegmentedControl({ searchMode, semanticSearchMode, aiAssistantMode, selectedView, lastSearchMode, setSelectedViewState, setInputValue }: UseSmartBoxSegmentedControlProps): SegmentedButtonProps[];
+export declare function useSmartBoxSegmentedControl({ searchMode, semanticSearchMode, aiAssistantMode, selectedView, lastSearchMode, setSelectedViewState, setInputValue }: UseSmartBoxSegmentedControlProps): {
+    items: {
+        value: string;
+        text: string;
+        svgIcon?: any;
+        iconClassName?: string | undefined;
+    }[];
+    value: string | undefined;
+    onChange: (value: string) => void;
+};

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

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),I=require("@progress/kendo-svg-icons");function y(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const u in n)if(u!=="default"){const b=Object.getOwnPropertyDescriptor(n,u);Object.defineProperty(t,u,b.get?b:{enumerable:!0,get:()=>n[u]})}}return t.default=n,Object.freeze(t)}const x=y(v);function C({searchMode:n,semanticSearchMode:t,aiAssistantMode:u,selectedView:b,lastSearchMode:l,setSelectedViewState:f,setInputValue:r}){return x.useMemo(()=>{const g=[],p=(n==null?void 0:n.enabled)||(t==null?void 0:t.enabled),k=u==null?void 0:u.enabled;if(p&&k){const O=b==="search"||b==="semanticSearch",c=l||(n!=null&&n.enabled?"search":"semanticSearch"),o=b==="semanticSearch"||b==="aiAssistant"&&c==="semanticSearch",j=o?I.zoomSparkleIcon:I.searchIcon;g.push({buttonId:1,text:"Search",svgIcon:j,selected:O,accentIcon:o,onClick:()=>{l&&(l==="search"?n!=null&&n.enabled:t!=null&&t.enabled)?f(l):n!=null&&n.enabled?f("search"):t!=null&&t.enabled&&f("semanticSearch"),r("")}}),g.push({buttonId:2,text:"AI Assistant",svgIcon:I.sparklesIcon,selected:b==="aiAssistant",accentIcon:!0,onClick:()=>{f("aiAssistant"),r("")}})}return g},[n,t,u,b,l,f,r])}exports.useSmartBoxSegmentedControl=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),g=require("@progress/kendo-svg-icons");function O(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const u=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(t,l,u.get?u:{enumerable:!0,get:()=>n[l]})}}return t.default=n,Object.freeze(t)}const o=O(p);function a({searchMode:n,semanticSearchMode:t,aiAssistantMode:l,selectedView:u,lastSearchMode:r,setSelectedViewState:f,setInputValue:i}){const v=o.useMemo(()=>{const b=(n==null?void 0:n.enabled)||(t==null?void 0:t.enabled),k=l==null?void 0:l.enabled;if(!b||!k)return[];const s=u==="semanticSearch"||u==="aiAssistant"&&r==="semanticSearch";return[{value:"search",text:"Search",svgIcon:s?g.zoomSparkleIcon:g.searchIcon,iconClassName:s?"k-accent-icon":void 0},{value:"aiAssistant",text:"AI Assistant",svgIcon:g.sparklesIcon,iconClassName:"k-accent-icon"}]},[n,t,l,u,r]),C=o.useCallback(()=>{if(u==="search"||u==="semanticSearch")return"search";if(u==="aiAssistant")return"aiAssistant"},[u]),I=o.useCallback(b=>{b==="search"?r&&(r==="search"?n!=null&&n.enabled:t!=null&&t.enabled)?f(r):n!=null&&n.enabled?f("search"):t!=null&&t.enabled&&f("semanticSearch"):b==="aiAssistant"&&f("aiAssistant"),i("")},[n,t,r,f,i]);return{items:v,value:C(),onChange:I}}exports.useSmartBoxSegmentedControl=a;

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

@@ -6,52 +6,53 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as A from "react";
-import { zoomSparkleIcon as R, searchIcon as j, sparklesIcon as q } from "@progress/kendo-svg-icons";
-function D({
+import * as g from "react";
+import { zoomSparkleIcon as t, searchIcon as N, sparklesIcon as i } from "@progress/kendo-svg-icons";
+function z({
   searchMode: n,
-  semanticSearchMode: b,
-  aiAssistantMode: p,
-  selectedView: u,
-  lastSearchMode: I,
-  setSelectedViewState: f,
+  semanticSearchMode: u,
+  aiAssistantMode: C,
+  selectedView: f,
+  lastSearchMode: b,
+  setSelectedViewState: l,
   setInputValue: k
 }) {
-  return A.useMemo(() => {
-    const l = [], g = (n == null ? void 0 : n.enabled) || (b == null ? void 0 : b.enabled), C = p == null ? void 0 : p.enabled;
-    if (g && C) {
-      const v = u === "search" || u === "semanticSearch", B = I || (n != null && n.enabled ? "search" : "semanticSearch"), x = u === "semanticSearch" || u === "aiAssistant" && B === "semanticSearch", z = x ? R : j;
-      l.push({
-        buttonId: 1,
+  const p = g.useMemo(() => {
+    const I = (n == null ? void 0 : n.enabled) || (u == null ? void 0 : u.enabled), B = C == null ? void 0 : C.enabled;
+    if (!I || !B)
+      return [];
+    const v = f === "semanticSearch" || f === "aiAssistant" && b === "semanticSearch";
+    return [
+      {
+        value: "search",
         text: "Search",
-        svgIcon: z,
-        selected: v,
-        accentIcon: x,
-        onClick: () => {
-          I && (I === "search" ? n != null && n.enabled : b != null && b.enabled) ? f(I) : n != null && n.enabled ? f("search") : b != null && b.enabled && f("semanticSearch"), k("");
-        }
-      }), l.push({
-        buttonId: 2,
+        svgIcon: v ? t : N,
+        iconClassName: v ? "k-accent-icon" : void 0
+      },
+      {
+        value: "aiAssistant",
         text: "AI Assistant",
-        svgIcon: q,
-        selected: u === "aiAssistant",
-        accentIcon: !0,
-        onClick: () => {
-          f("aiAssistant"), k("");
-        }
-      });
-    }
-    return l;
-  }, [
-    n,
-    b,
-    p,
-    u,
-    I,
-    f,
-    k
-  ]);
+        svgIcon: i,
+        iconClassName: "k-accent-icon"
+      }
+    ];
+  }, [n, u, C, f, b]), x = g.useCallback(() => {
+    if (f === "search" || f === "semanticSearch")
+      return "search";
+    if (f === "aiAssistant")
+      return "aiAssistant";
+  }, [f]), A = g.useCallback(
+    (I) => {
+      I === "search" ? b && (b === "search" ? n != null && n.enabled : u != null && u.enabled) ? l(b) : n != null && n.enabled ? l("search") : u != null && u.enabled && l("semanticSearch") : I === "aiAssistant" && l("aiAssistant"), k("");
+    },
+    [n, u, b, l, k]
+  );
+  return {
+    items: p,
+    value: x(),
+    onChange: A
+  };
 }
 export {
-  D as useSmartBoxSegmentedControl
+  z as useSmartBoxSegmentedControl
 };

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

@@ -7,4 +7,3 @@
  */
 export * from './interfaces/index.js';
 export * from './SmartBox.js';
-export * from './SegmentedControl.js';

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

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-export * from './SegmentedControlTypes.js';
 export * from './SearchTypes.js';
 export * from './SmartBoxTypes.js';
 export * from './utilTypes.js';

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

@@ -1,13 +0,0 @@
-/**
- * @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

@@ -1,8 +0,0 @@
-/**
- * @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;