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

package/stacked/StackedModeRow.d.ts

@@ -39,6 +39,7 @@ export interface StackedModeRowProps {
     showDetailToggle: boolean;
     isDetailExpanded: boolean;
     detailExpandField?: string;
+    isPinned?: boolean;
 }
 /**
  * @hidden

package/stacked/StackedModeRow.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),B=require("../cells/groupcell/GridGroupCellToggle.js"),L=require("../rows/GridRow.js"),V=require("./GridStackedRow.js");function z(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const u=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(c,s,u.get?u:{enumerable:!0,get:()=>e[s]})}}return c.default=e,Object.freeze(c)}const t=z(P),H=({item:e,rowId:c,dataIndex:s,idPrefix:u,ariaRowIndex:f,absoluteRowIndex:y,isAltRow:k,isHidden:h,isRowReorderable:j,rowHeight:O,rows:R,leafColumns:p,groupLevelCount:b,stackedLayoutSettings:w,cells:F,editMode:x,isSelected:S,isHighlighted:D,isInEdit:v,preparedCells:M,showDetailToggle:_,isDetailExpanded:q,detailExpandField:A})=>{var C,G,$;if(e.rowType==="data")return t.createElement(V.GridStackedRow,{key:c,dataItem:e.dataItem,columns:p,stackedLayoutSettings:w,isAltRow:k,isSelected:S,isInEdit:v,cells:F,dataIndex:s,idPrefix:u,ariaRowIndex:f,absoluteRowIndex:y,groupLevel:b,preparedCells:M,editMode:x,showDetailToggle:_,isDetailExpanded:q,detailExpandField:A});const I=b+1,E=e.level||0,T=Math.max(1,I-E),N=Array.from({length:E},(d,r)=>t.createElement("td",{key:`group-cell-${c}-${r}`,className:"k-table-group-td k-group-cell k-table-td"}));let m;if(e.rowType==="groupHeader"){const d=(C=e.dataItem)==null?void 0:C.field,r=(G=e.dataItem)==null?void 0:G.value,g=d!==void 0?(()=>{const l=String(d),n=p.find(o=>o.field===l),i=n==null?void 0:n.title;return typeof i=="string"&&i.length?i:l})():void 0;let a="";if(d!==void 0){let l;r instanceof Date?l=r.toString():l=String(r),a=`${g}: ${l}`}else r instanceof Date?a=r.toString():r!==void 0&&(a=String(r));m=t.createElement(t.Fragment,null,N,t.createElement("td",{className:"k-table-td",colSpan:T,role:"gridcell","aria-expanded":e.expanded},t.createElement("p",{className:"k-reset"},t.createElement(B.GridGroupCellToggle,{id:"",dataItem:e.dataItem,dataIndex:e.dataIndex,field:"value",expanded:e.expanded,group:e.group,columnPosition:{},ariaColumnIndex:1,isSelected:!1}),t.createElement("span",{className:"k-value"},a))))}else{const d=p.filter(a=>{const l=!!a._type,n=a.isAccessible===!1;return!a.hidden&&!l&&!n&&(a.columnType==="data"||a.columnType===void 0)}),r=($=e.dataItem)==null?void 0:$.aggregates,g=d.map(a=>{const l=a.field;if(!l||!r)return null;const n=r[l];if(!n||typeof n!="object")return null;const i=Object.keys(n).filter(o=>n[o]!==void 0&&n[o]!==null).map(o=>`${o.length?`${o.charAt(0).toUpperCase()}${o.slice(1)}`:o}: ${String(n[o])}`);return i.length===0?null:t.createElement("div",{key:`agg-${c}-${l}`,className:"k-grid-template-column"},t.createElement("p",{className:"k-grid-template-column-header"},a.title||l),t.createElement("p",{className:"k-reset"},i.join(", ")))}).filter(Boolean);if(e.rowType==="groupFooter"&&g.length===0)return t.createElement(t.Fragment,{key:c});m=t.createElement(t.Fragment,null,N,t.createElement("td",{className:"k-table-td",colSpan:T},t.createElement("div",{className:"k-grid-column-template"},g)))}return t.createElement(L.GridRow,{key:c,dataItem:e.dataItem,isAltRow:k,isInEdit:v,rowType:e.rowType,isRowReorderable:j,isHidden:h,onClick:null,onDoubleClick:null,rowHeight:O,ariaRowIndex:f,absoluteRowIndex:y,dataIndex:s,isSelected:S,isHighlighted:D,rows:R},m)};exports.StackedModeRow=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),L=require("../cells/groupcell/GridGroupCellToggle.js"),V=require("../rows/GridRow.js"),z=require("./GridStackedRow.js");function H(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const u=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(c,s,u.get?u:{enumerable:!0,get:()=>e[s]})}}return c.default=e,Object.freeze(c)}const t=H(B),U=({item:e,rowId:c,dataIndex:s,idPrefix:u,ariaRowIndex:f,absoluteRowIndex:y,isAltRow:k,isHidden:h,isRowReorderable:j,rowHeight:O,rows:R,leafColumns:p,groupLevelCount:b,stackedLayoutSettings:w,cells:F,editMode:x,isSelected:S,isHighlighted:D,isInEdit:v,preparedCells:M,showDetailToggle:_,isDetailExpanded:q,detailExpandField:A,isPinned:I})=>{var C,G,$;if(e.rowType==="data")return t.createElement(z.GridStackedRow,{key:c,dataItem:e.dataItem,columns:p,stackedLayoutSettings:w,isAltRow:k,isSelected:S,isInEdit:v,cells:F,dataIndex:s,idPrefix:u,ariaRowIndex:f,absoluteRowIndex:y,groupLevel:b,preparedCells:M,editMode:x,showDetailToggle:_,isDetailExpanded:q,detailExpandField:A,isPinned:I});const P=b+1,E=e.level||0,T=Math.max(1,P-E),N=Array.from({length:E},(d,r)=>t.createElement("td",{key:`group-cell-${c}-${r}`,className:"k-table-group-td k-group-cell k-table-td"}));let m;if(e.rowType==="groupHeader"){const d=(C=e.dataItem)==null?void 0:C.field,r=(G=e.dataItem)==null?void 0:G.value,g=d!==void 0?(()=>{const l=String(d),n=p.find(o=>o.field===l),i=n==null?void 0:n.title;return typeof i=="string"&&i.length?i:l})():void 0;let a="";if(d!==void 0){let l;r instanceof Date?l=r.toString():l=String(r),a=`${g}: ${l}`}else r instanceof Date?a=r.toString():r!==void 0&&(a=String(r));m=t.createElement(t.Fragment,null,N,t.createElement("td",{className:"k-table-td",colSpan:T,role:"gridcell","aria-expanded":e.expanded},t.createElement("p",{className:"k-reset"},t.createElement(L.GridGroupCellToggle,{id:"",dataItem:e.dataItem,dataIndex:e.dataIndex,field:"value",expanded:e.expanded,group:e.group,columnPosition:{},ariaColumnIndex:1,isSelected:!1}),t.createElement("span",{className:"k-value"},a))))}else{const d=p.filter(a=>{const l=!!a._type,n=a.isAccessible===!1;return!a.hidden&&!l&&!n&&(a.columnType==="data"||a.columnType===void 0)}),r=($=e.dataItem)==null?void 0:$.aggregates,g=d.map(a=>{const l=a.field;if(!l||!r)return null;const n=r[l];if(!n||typeof n!="object")return null;const i=Object.keys(n).filter(o=>n[o]!==void 0&&n[o]!==null).map(o=>`${o.length?`${o.charAt(0).toUpperCase()}${o.slice(1)}`:o}: ${String(n[o])}`);return i.length===0?null:t.createElement("div",{key:`agg-${c}-${l}`,className:"k-grid-template-column"},t.createElement("p",{className:"k-grid-template-column-header"},a.title||l),t.createElement("p",{className:"k-reset"},i.join(", ")))}).filter(Boolean);if(e.rowType==="groupFooter"&&g.length===0)return t.createElement(t.Fragment,{key:c});m=t.createElement(t.Fragment,null,N,t.createElement("td",{className:"k-table-td",colSpan:T},t.createElement("div",{className:"k-grid-column-template"},g)))}return t.createElement(V.GridRow,{key:c,dataItem:e.dataItem,isAltRow:k,isInEdit:v,rowType:e.rowType,isRowReorderable:j,isHidden:h,onClick:null,onDoubleClick:null,rowHeight:O,ariaRowIndex:f,absoluteRowIndex:y,dataIndex:s,isSelected:S,isHighlighted:D,rows:R},m)};exports.StackedModeRow=U;

package/stacked/StackedModeRow.mjs

@@ -6,10 +6,10 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as e from "react";
-import { GridGroupCellToggle as _ } from "../cells/groupcell/GridGroupCellToggle.mjs";
-import { GridRow as H } from "../rows/GridRow.mjs";
-import { GridStackedRow as O } from "./GridStackedRow.mjs";
-const J = ({
+import { GridGroupCellToggle as H } from "../cells/groupcell/GridGroupCellToggle.mjs";
+import { GridRow as O } from "../rows/GridRow.mjs";
+import { GridStackedRow as P } from "./GridStackedRow.mjs";
+const K = ({
   item: t,
   rowId: d,
   dataIndex: m,
@@ -32,12 +32,13 @@ const J = ({
   preparedCells: w,
   showDetailToggle: B,
   isDetailExpanded: L,
-  detailExpandField: M
+  detailExpandField: M,
+  isPinned: V
 }) => {
   var T, $, C;
   if (t.rowType === "data")
     return /* @__PURE__ */ e.createElement(
-      O,
+      P,
       {
         key: d,
         dataItem: t.dataItem,
@@ -56,10 +57,11 @@ const J = ({
         editMode: D,
         showDetailToggle: B,
         isDetailExpanded: L,
-        detailExpandField: M
+        detailExpandField: M,
+        isPinned: V
       }
     );
-  const V = y + 1, S = t.level || 0, b = Math.max(1, V - S), N = Array.from({ length: S }, (c, r) => /* @__PURE__ */ e.createElement("td", { key: `group-cell-${d}-${r}`, className: "k-table-group-td k-group-cell k-table-td" }));
+  const _ = y + 1, S = t.level || 0, b = Math.max(1, _ - S), N = Array.from({ length: S }, (c, r) => /* @__PURE__ */ e.createElement("td", { key: `group-cell-${d}-${r}`, className: "k-table-group-td k-group-cell k-table-td" }));
   let g;
   if (t.rowType === "groupHeader") {
     const c = (T = t.dataItem) == null ? void 0 : T.field, r = ($ = t.dataItem) == null ? void 0 : $.value, i = c !== void 0 ? (() => {
@@ -72,7 +74,7 @@ const J = ({
       r instanceof Date ? l = r.toString() : l = String(r), a = `${i}: ${l}`;
     } else r instanceof Date ? a = r.toString() : r !== void 0 && (a = String(r));
     g = /* @__PURE__ */ e.createElement(e.Fragment, null, N, /* @__PURE__ */ e.createElement("td", { className: "k-table-td", colSpan: b, role: "gridcell", "aria-expanded": t.expanded }, /* @__PURE__ */ e.createElement("p", { className: "k-reset" }, /* @__PURE__ */ e.createElement(
-      _,
+      H,
       {
         id: "",
         dataItem: t.dataItem,
@@ -104,7 +106,7 @@ const J = ({
     g = /* @__PURE__ */ e.createElement(e.Fragment, null, N, /* @__PURE__ */ e.createElement("td", { className: "k-table-td", colSpan: b }, /* @__PURE__ */ e.createElement("div", { className: "k-grid-column-template" }, i)));
   }
   return /* @__PURE__ */ e.createElement(
-    H,
+    O,
     {
       key: d,
       dataItem: t.dataItem,
@@ -127,5 +129,5 @@ const J = ({
   );
 };
 export {
-  J as StackedModeRow
+  K as StackedModeRow
 };

package/toolbar-tools/smartbox/SmartBox.js

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

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;