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

package/toolbar-tools/GridToolbarAIAssistant.d.ts

@@ -0,0 +1,246 @@
+/**
+ * @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 { SVGIcon } from '@progress/kendo-svg-icons';
+import { AxiosResponse, AxiosRequestConfig } from 'axios';
+import { CustomComponent } from '@progress/kendo-react-common';
+import { AIPromptOutputInterface } from '@progress/kendo-react-conversational-ui';
+import { GridAIPromptProps } from './ai-tool/GridAIPrompt.js';
+import * as React from 'react';
+/**
+ * Represents the handle interface for the GridToolbarAIAssistant component.
+ */
+export interface GridToolbarAIAssistantHandle {
+    /**
+     * Shows the AI assistant prompt interface.
+     */
+    show: () => void;
+    /**
+     * Hides the AI assistant prompt interface.
+     */
+    hide: () => void;
+}
+/**
+ * Represents the request data structure for the GridToolbarAIAssistant component.
+ */
+export interface GridToolbarAIAssistantRequestData {
+    /**
+     * The role or context for the AI request.
+     */
+    role: string;
+    /**
+     * The array of column definitions with their field names.
+     */
+    columns: Array<{
+        field: string;
+    }>;
+    /**
+     * The headers object containing key-value pairs for the request.
+     */
+    headers: Record<string, string>;
+    /**
+     * The prompt message sent to the AI assistant.
+     */
+    promptMessage: string;
+    /**
+     * The request configuration options for the HTTP request.
+     */
+    requestOptions: {
+        url?: string;
+        method?: string;
+        withCredentials?: boolean;
+        responseType?: string;
+        cancelToken?: any;
+        [key: string]: any;
+    };
+}
+/**
+ * Represents the props interface for the GridToolbarAIAssistant component.
+ * This component provides AI-powered functionality for grid operations through natural language prompts.
+ * Users can request sorting, filtering, grouping, and highlighting through conversational input.
+ *
+ * @example
+ * ```tsx
+ * <Grid data={products}>
+ *   <GridToolbar>
+ *     <GridToolbarAIAssistant
+ *       requestUrl="/api/ai/grid"
+ *       promptPlaceHolder="Ask AI to sort, filter, or group your data"
+ *       suggestionsList={[
+ *         'Sort products by price',
+ *         'Show only electronics',
+ *         'Group by category'
+ *       ]}
+ *       onResponseSuccess={(response) => console.log('AI processed:', response)}
+ *     />
+ *   </GridToolbar>
+ * </Grid>
+ * ```
+ */
+export interface GridToolbarAIAssistantProps {
+    /**
+     * Defines the URL to which the request will be sent.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant requestUrl="https://example.com/api/ai" />
+     * ```
+     */
+    requestUrl?: string;
+    /**
+     * Enables the speech-to-text functionality for the input of the GridToolbarAIAssistant.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant enableSpeechToText={true} />
+     * ```
+     */
+    enableSpeechToText?: boolean | SpeechToTextButtonProps;
+    /**
+     * Defines the placeholder text for the AI prompt input.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant promptPlaceHolder="Ask AI to filter, sort or group" />
+     * ```
+     */
+    promptPlaceHolder?: string;
+    /**
+     * Defines the list of suggestions for the AI prompt.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant suggestionsList={['Sort by Amount', 'Group by Account Type']} />
+     * ```
+     */
+    suggestionsList?: string[];
+    /**
+     * Defines if the AI prompt is in streaming mode.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant streaming={true} />
+     * ```
+     */
+    streaming?: boolean;
+    /**
+     * Defines if the AI prompt is in loading mode.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant loading={true} />
+     * ```
+     */
+    loading?: boolean;
+    /**
+     * Defines the outputs of the AI prompt.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant outputs={[{ id: 1, title: 'Output 1', responseContent: '...' }]} />
+     * ```
+     */
+    outputs?: AIPromptOutputInterface[];
+    /**
+     * Defines the options for the axios request.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant requestOptions={{ timeout: 5000 }} />
+     * ```
+     */
+    requestOptions?: AxiosRequestConfig;
+    /**
+     * Called before the request is sent.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant onPromptRequest={(request) => console.log(request)} />
+     * ```
+     */
+    onPromptRequest?: (request: GridToolbarAIAssistantRequestData, isRetry?: boolean) => void;
+    /**
+     * Called when the response is received.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant onResponseSuccess={(response) => console.log(response)} />
+     * ```
+     */
+    onResponseSuccess?: (response: AxiosResponse<any>, promptMessage?: string, isRetry?: boolean) => void;
+    /**
+     * Called when the response returns an error.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant onResponseError={(error) => console.error(error)} />
+     * ```
+     */
+    onResponseError?: (error: any) => void;
+    /**
+     * Defines the user role for the request. Defaults to 'user'.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant role="admin" />
+     * ```
+     */
+    role?: string;
+    /**
+     * Customizes the AI prompt component.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant gridAIPrompt={MyCustomPromptComponent} />
+     * ```
+     */
+    gridAIPrompt?: CustomComponent<GridAIPromptProps>;
+    /**
+     * Defines the icon rendered in the GridToolbarAIAssistant tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/icon)).
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant icon="home" />
+     * ```
+     */
+    icon?: string;
+    /**
+     * Defines the SVG icon rendered in the GridToolbarAIAssistant tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/svgicon)).
+     *
+     * @example
+     * ```jsx
+     * import { gearIcon } from '@progress/kendo-svg-icons';
+     *
+     * <GridToolbarAIAssistant svgIcon={gearIcon} />
+     * ```
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Specifies if the popup will be displayed.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant show={true} />
+     * ```
+     */
+    show?: boolean;
+    /**
+     * The method that will be called to close the column menu.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarAIAssistant onCloseWindow={() => console.log('close menu');} />
+     * ```
+     */
+    onCloseWindow?: () => void;
+}
+/**
+ * Represents the GridToolbarAIAssistant component.
+ */
+declare const GridToolbarAIAssistant: React.ForwardRefExoticComponent<GridToolbarAIAssistantProps & React.RefAttributes<GridToolbarAIAssistantHandle>>;
+export { GridToolbarAIAssistant };

package/toolbar-tools/GridToolbarCheckboxFilter.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-react-common';
+import * as React from 'react';
+export interface GridToolbarCheckboxFilterProps {
+    /**
+     * Sets the items collection that will be rendered by the GridToolbarCheckboxFilter component.
+     */
+    data: Array<string | object>;
+    /**
+     * Defines the icon rendered in the GridToolbarCheckboxFilter tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/icon)).
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarCheckboxFilter icon="home" />
+     * ```
+     */
+    icon?: string;
+    /**
+     * Defines the SVG icon rendered in the GridToolbarCheckboxFilter tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/svgicon)).
+     *
+     * @example
+     * ```jsx
+     * import { gearIcon } from '@progress/kendo-svg-icons';
+     *
+     * <GridToolbarCheckboxFilter svgIcon={gearIcon} />
+     * ```
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Defines the component that will be rendered as a search box.
+     *
+     */
+    searchBox?: React.ComponentType<any>;
+    /**
+     * Defines the filter operator that will be used to filter the values via the search box.
+     * "startswith"
+     * "endswith"
+     * "contains"
+     * "doesnotcontain"
+     * "isempty"
+     * "isnotempty"
+     * "eq" (equal to)
+     * "eq" (equal to)
+     * "neq" (not equal to)
+     * "isnull" (is equal to null)
+     * "isnotnull" (is not equal to null)
+     */
+    searchBoxFilterOperator?: string | Function;
+    /**
+     * Determines if the data in the component will be unique. By default the property is set to true.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarCheckboxFilter uniqueData={true} />
+     * ```
+     */
+    uniqueData?: boolean;
+    /**
+     * Specifies if the popup will be displayed.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarCheckboxFilter show={true} />
+     * ```
+     */
+    show?: boolean;
+    /**
+     * The method that will be called to close the column menu.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarCheckboxFilter onCloseMenu={() => console.log('close menu');} />
+     * ```
+     */
+    onCloseMenu?: Function;
+}
+/**
+ * Represents the GridToolbarCheckboxFilter component.
+ */
+export declare const GridToolbarCheckboxFilter: {
+    (props: GridToolbarCheckboxFilterProps): React.JSX.Element;
+    displayName: string;
+};

package/toolbar-tools/GridToolbarCheckboxFilter.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 qe=require("react"),ye=require("react-dom"),E=require("@progress/kendo-react-common"),De=require("../columnMenu/GridColumnMenuItem.js"),we=require("../columnMenu/GridColumnMenuItemContent.js"),Ne=require("../columnMenu/GridColumnMenuItemGroup.js"),Ae=require("../utils/GridContext.js"),F=require("@progress/kendo-svg-icons"),ce=require("@progress/kendo-data-query"),B=require("@progress/kendo-react-buttons"),V=require("@progress/kendo-react-inputs"),o=require("../messages/index.js"),Ge=require("@progress/kendo-react-intl"),se=require("../utils/index.js"),Oe=require("../columnMenu/GridColumnMenuCheckboxFilter.js"),Te=require("./adaptiveContent/GridAdaptiveToolbarCheckboxFilter.js"),Pe=require("@progress/kendo-react-popup"),ue=require("@progress/kendo-react-indicators"),Le=require("./adaptiveContext/GridToolbarAdaptiveContext.js");function Ve(l){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const k in l)if(k!=="default"){const v=Object.getOwnPropertyDescriptor(l,k);Object.defineProperty(m,k,v.get?v:{enumerable:!0,get:()=>l[k]})}}return m.default=l,Object.freeze(m)}const n=Ve(qe),je={uniqueData:!0},de=l=>{var oe,ie;const{uniqueData:m=je.uniqueData,svgIcon:k,icon:v}=l,c=n.useContext(Ae.GridContext),C=c.columnsRef,M=c.defaultFilter,[D,I]=n.useState(!1),x=n.useRef(null),w=n.useRef(null),j=n.useRef(null),N=n.useRef(0),g=Ge.useLocalization(),i=n.useRef(null),fe=E.useDocument(x),A=()=>M?E.clone(M):{filters:[],logic:"and"},me=()=>{var r;const e=(r=i==null?void 0:i.current)==null?void 0:r.field;return A().filters.findIndex(u=>u.filters&&u.filters.length>0&&u.filters[0].field===e)},b=(e,t)=>{var u;const a=((u=i==null?void 0:i.current)==null?void 0:u.field)||"",r=e.map(d=>se.getNestedValue(a,d));return t?r.filter((d,y)=>r.indexOf(d)===y):r},s=n.useRef(me()),[ge,S]=n.useState(!1),[h,z]=n.useState((C==null?void 0:C.map(e=>({column:e,expanded:!1})))||[]),[K,_]=n.useState(""),[q,p]=n.useState(b(l.data,m)||[]),[R,$]=n.useState(b(l.data,!1)||[]),[f,H]=n.useState(A()),[he,Q]=n.useState(!1),ke=g.toLanguageString(o.filterClearButton,o.messages[o.filterClearButton]),W=n.useMemo(()=>(C==null?void 0:C.filter(e=>{var t;return(t=e.title||e.field)==null?void 0:t.toLowerCase()}))||[],[C]);n.useEffect(()=>{M&&S(!0)},[M]),n.useEffect(()=>{var a;const e=((a=i==null?void 0:i.current)==null?void 0:a.field)||"",t=l.data.map(r=>se.getNestedValue(e,r));Oe.isArrayEqual(t,R)||(p(t),$(t))},[R,l.data]),n.useEffect(()=>{h.find(e=>e.expanded)&&p(b(l.data,m)||[])},[h,l.data,m]);const J=n.useCallback(e=>{const t=f.filters.some(a=>a.field===e.field);return n.createElement(n.Fragment,null,e.title||e.field,t&&n.createElement("span",{className:"k-columnmenu-indicators"},n.createElement(E.SvgIcon,{key:1,icon:F.filterIcon})))},[f]),U=n.useCallback((e,t)=>{z(a=>(i.current=t,a.map(r=>r.column.field===t.field?{...r,expanded:!r.expanded}:{...r,expanded:!1}))),p(b(l.data,m)||[]),$(b(l.data,m)||[]),Q(!he)},[]),X=e=>{var r;const t=l.searchBoxFilterOperator?l.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:(r=i==null?void 0:i.current)==null?void 0:r.field,operator:t,value:e.target.value,ignoreCase:!0}]};_(e.target.value),p(b(ce.filterBy(l.data||[],a),m))},Ce=()=>{var a;const e=l.searchBoxFilterOperator?l.searchBoxFilterOperator:"startswith",t={logic:"and",filters:[{field:(a=i==null?void 0:i.current)==null?void 0:a.field,operator:e,value:"",ignoreCase:!0}]};_(""),p(b(ce.filterBy(l.data||[],t),m))},Y=()=>{let e=!1;if(f){const t=[...f.filters];return s.current===-1?!1:(e=q.every(a=>s.current!==-1&&t[s.current].filters?t[s.current].filters.findIndex(u=>u.value===a)>=0:!1),e)}return e},G=(e,t)=>{var y;const a=((y=i==null?void 0:i.current)==null?void 0:y.field)||"",r={...f},u=[...f.filters];let d=[];if(s.current!==-1&&r.filters[s.current].filters&&t!=="all"&&(d=r.filters[s.current].filters),e.value&&t==="all")q.forEach(L=>{d.push({field:a,operator:"eq",value:L})});else if(e.value)d.push({field:a,operator:"eq",value:t});else if(f){const L=d.findIndex(Se=>Se.value===t);d.splice(L,1)}r.logic="and",s.current!==-1?u[s.current]={logic:"or",filters:d}:u.push({logic:"or",filters:d}),(!e.value&&t==="all"||d.length===0)&&u.splice(s.current,1),r.filters=u,H(r)},O=[];if(f){const e=[...f.filters];s.current=e.findIndex(t=>{var a;return t.filters&&t.filters.length>0?t.filters[0].field===((a=i==null?void 0:i.current)==null?void 0:a.field):!1}),s.current!==-1&&e[s.current].filters.length>0&&e[s.current].filters.forEach(t=>{var a;t.field===((a=i==null?void 0:i.current)==null?void 0:a.field)&&O.push(t.value)})}const T=O.filter((e,t)=>O.indexOf(e)===t),Z=e=>{if(e.preventDefault(),!c.filterChange)return;const t=f||null;t!==null&&t.filters.length>0?(s.current>=0&&t.filters.splice(s.current,1),c.filterChange(t,e)):c.filterChange(null,e),l.onCloseMenu&&l.onCloseMenu(),S(!1)},ee=e=>{if(e.preventDefault(),!c.filterChange)return;const t=f||null;c.filterChange(t,e),l.onCloseMenu&&l.onCloseMenu(),S(!0),I(!1)},te=l.searchBox?n.createElement(l.searchBox,{value:K,onChange:X}):n.createElement("div",{className:`k-searchbox k-textbox k-input k-input-solid ${c!=null&&c.mobileMode?"k-input-lg":"k-input-md"}`},n.createElement(E.IconWrap,{className:"k-input-icon",name:"search",icon:F.searchIcon}),n.createElement(V.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(o.searchPlaceholder,o.messages[o.searchPlaceholder]),value:K,onChange:e=>X(e.nativeEvent)}),n.createElement(B.Button,{type:"button",rounded:null,className:"k-input-button",onClick:Ce,icon:"x","aria-label":ke,svgIcon:F.xIcon})),be=()=>{Q(!1)},Ee=e=>{e.preventDefault(),I(!D)},xe=e=>{!e.isAnchorClicked&&I(!1)},P=n.useMemo(()=>l.show!==void 0?l.show:D,[l.show,D]),ve=e=>{const t=E.getActiveElement(document);clearTimeout(N.current),N.current=window.setTimeout(()=>{!c.mobileMode&&t&&e.relatedTarget!==x.current&&w.current&&!w.current.contains(t)&&ne()})},ne=()=>{var e;l.onCloseMenu&&l.onCloseMenu(),I(!1),x.current&&((e=x.current.element)==null||e.focus())},pe=()=>{clearTimeout(N.current)},{onFocus:Fe,onBlur:Be}=E.useAsyncFocusBlur({onFocus:e=>pe(),onBlur:e=>ve(e)}),Me=e=>{var t;(t=j.current)==null||t.triggerMouseEvent(e)},Ie=e=>{var t;(t=j.current)==null||t.triggerKeyboardEvent(e)},re=e=>{if(e.preventDefault(),!c.filterChange)return;const t=f||null;t!==null&&t.filters.length>0?(t.filters=[],c.filterChange(t,e)):c.filterChange(null,e),H(A()),S(!1),z(a=>a.map(r=>({...r,expanded:!1})))},le=n.createElement(B.Button,{ref:x,togglable:!0,selected:P,svgIcon:k||(v?void 0:F.filterIcon),icon:v,size:c.mobileMode?"large":"medium",className:E.classNames("k-toolbar-button",{"k-icon-button":c.mobileMode}),title:g.toLanguageString(o.toolbarCheckboxFilter,o.messages[o.toolbarCheckboxFilter]),onClick:Ee},!c.mobileMode&&g.toLanguageString(o.toolbarCheckboxFilter,o.messages[o.toolbarCheckboxFilter])),ae=n.createElement(n.Fragment,null,W.map(e=>{var t,a;return e.filterable&&n.createElement(Ne.GridColumnMenuItemGroup,{key:e.id},n.createElement("div",{className:"k-expander"},n.createElement(De.GridColumnMenuItem,{title:J(e),expandable:!0,expanded:!!((t=h==null?void 0:h.find(r=>r.column.field===e.field))!=null&&t.expanded),onClick:r=>U(r,e)})),n.createElement(we.GridColumnMenuItemContent,{show:!!((a=h==null?void 0:h.find(r=>r.column.field===e.field))!=null&&a.expanded)},n.createElement("form",{className:"k-filter-menu",onSubmit:ee,onReset:Z},n.createElement("div",{className:"k-filter-menu-container"},te,n.createElement("ul",{className:"k-multicheck-wrap"},n.createElement("li",{className:"k-item k-check-all-wrap"},n.createElement(V.Checkbox,{label:g.toLanguageString(o.filterCheckAll,o.messages[o.filterCheckAll]),onChange:r=>G(r,"all"),checked:Y()})),q.map((r,u)=>n.createElement("li",{className:"k-item",key:u},n.createElement(V.Checkbox,{label:String(r),onChange:d=>G(d,r),checked:T.includes(r)})))),n.createElement("div",{className:"k-filter-selected-items"},T.length+" "+g.toLanguageString(o.filterSelectedItems,o.messages[o.filterSelectedItems])),n.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},n.createElement(B.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(o.filterSubmitButton,o.messages[o.filterSubmitButton])),n.createElement(B.Button,{className:"k-button",type:"reset"},g.toLanguageString(o.filterClearButton,o.messages[o.filterClearButton])))))))}),n.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},n.createElement(B.Button,{svgIcon:F.filterClearIcon,onClick:re},g.toLanguageString(o.filterClearAllButton,o.messages[o.filterClearAllButton]))));return n.createElement(n.Fragment,null,ge?n.createElement(ue.BadgeContainer,null,le,n.createElement(ue.Badge,{themeColor:"primary"})):le,c.mobileMode?n.createElement(Le.GridToolbarAdaptiveProvider,null,ye.createPortal(n.createElement(Te.GridAdaptiveToolbarCheckboxFilter,{filtered:W,computedShow:P,expandState:h,currentData:q,uniqueFilterValues:T,searchBox:te,renderTitle:J,onBackView:be,isAllSelected:Y,handleCheckBoxChange:G,clear:Z,submit:ee,onClose:ne,onFilterExpand:U,handleClearAllFilters:re},ae),(oe=fe())==null?void 0:oe.body)):n.createElement(Pe.Popup,{anchor:(ie=x.current)==null?void 0:ie.element,show:P,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:xe},n.createElement("div",{ref:w,onBlur:Be,onFocus:Fe,onMouseDown:Me,onKeyDown:Ie,className:"k-column-menu k-column-menu-md"},ae)))};de.displayName="KendoReactGridToolbarCheckboxFilter";exports.GridToolbarCheckboxFilter=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const qe=require("react"),ye=require("react-dom"),E=require("@progress/kendo-react-common"),De=require("../columnMenu/GridColumnMenuItem.js"),we=require("../columnMenu/GridColumnMenuItemContent.js"),Ne=require("../columnMenu/GridColumnMenuItemGroup.js"),Ae=require("../utils/GridContext.js"),F=require("@progress/kendo-svg-icons"),ce=require("@progress/kendo-data-query"),B=require("@progress/kendo-react-buttons"),V=require("@progress/kendo-react-inputs"),o=require("../messages/index.js"),Ge=require("@progress/kendo-react-intl"),se=require("../utils/index.js"),Oe=require("../columnMenu/GridColumnMenuCheckboxFilter.js"),Te=require("./adaptiveContent/GridAdaptiveToolbarCheckboxFilter.js"),Pe=require("@progress/kendo-react-popup"),ue=require("@progress/kendo-react-indicators"),Le=require("./adaptiveContext/GridToolbarAdaptiveContext.js");function Ve(l){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const k in l)if(k!=="default"){const v=Object.getOwnPropertyDescriptor(l,k);Object.defineProperty(m,k,v.get?v:{enumerable:!0,get:()=>l[k]})}}return m.default=l,Object.freeze(m)}const n=Ve(qe),je={uniqueData:!0},de=l=>{var oe,ie;const{uniqueData:m=je.uniqueData,svgIcon:k,icon:v}=l,c=n.useContext(Ae.GridContext),C=c.columnsRef,M=c.defaultFilter,[D,I]=n.useState(!1),x=n.useRef(null),w=n.useRef(null),j=n.useRef(null),N=n.useRef(0),g=Ge.useLocalization(),i=n.useRef(null),fe=E.useDocument(x),A=()=>M?E.clone(M):{filters:[],logic:"and"},me=()=>{var r;const e=(r=i==null?void 0:i.current)==null?void 0:r.field;return A().filters.findIndex(u=>u.filters&&u.filters.length>0&&u.filters[0].field===e)},b=(e,t)=>{var u;const a=((u=i==null?void 0:i.current)==null?void 0:u.field)||"",r=e.map(d=>se.getNestedValue(a,d));return t?r.filter((d,y)=>r.indexOf(d)===y):r},s=n.useRef(me()),[ge,S]=n.useState(!1),[h,z]=n.useState((C==null?void 0:C.map(e=>({column:e,expanded:!1})))||[]),[K,_]=n.useState(""),[q,p]=n.useState(b(l.data,m)||[]),[R,$]=n.useState(b(l.data,!1)||[]),[f,H]=n.useState(A()),[he,Q]=n.useState(!1),ke=g.toLanguageString(o.filterClearButton,o.messages[o.filterClearButton]),W=n.useMemo(()=>(C==null?void 0:C.filter(e=>{var t;return(t=e.title||e.field)==null?void 0:t.toLowerCase()}))||[],[C]);n.useEffect(()=>{M&&S(!0)},[M]),n.useEffect(()=>{var a;const e=((a=i==null?void 0:i.current)==null?void 0:a.field)||"",t=l.data.map(r=>se.getNestedValue(e,r));Oe.isArrayEqual(t,R)||(p(t),$(t))},[R,l.data]),n.useEffect(()=>{h.find(e=>e.expanded)&&p(b(l.data,m)||[])},[h,l.data,m]);const J=n.useCallback(e=>{const t=f.filters.some(a=>a.field===e.field);return n.createElement(n.Fragment,null,e.title||e.field,t&&n.createElement("span",{className:"k-columnmenu-indicators"},n.createElement(E.SvgIcon,{key:1,icon:F.filterIcon})))},[f]),U=n.useCallback((e,t)=>{z(a=>(i.current=t,a.map(r=>r.column.field===t.field?{...r,expanded:!r.expanded}:{...r,expanded:!1}))),p(b(l.data,m)||[]),$(b(l.data,m)||[]),Q(!he)},[]),X=e=>{var r;const t=l.searchBoxFilterOperator?l.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:(r=i==null?void 0:i.current)==null?void 0:r.field,operator:t,value:e.target.value,ignoreCase:!0}]};_(e.target.value),p(b(ce.filterBy(l.data||[],a),m))},Ce=()=>{var a;const e=l.searchBoxFilterOperator?l.searchBoxFilterOperator:"startswith",t={logic:"and",filters:[{field:(a=i==null?void 0:i.current)==null?void 0:a.field,operator:e,value:"",ignoreCase:!0}]};_(""),p(b(ce.filterBy(l.data||[],t),m))},Y=()=>{let e=!1;if(f){const t=[...f.filters];return s.current===-1?!1:(e=q.every(a=>s.current!==-1&&t[s.current].filters?t[s.current].filters.findIndex(u=>u.value===a)>=0:!1),e)}return e},G=(e,t)=>{var y;const a=((y=i==null?void 0:i.current)==null?void 0:y.field)||"",r={...f},u=[...f.filters];let d=[];if(s.current!==-1&&r.filters[s.current].filters&&t!=="all"&&(d=r.filters[s.current].filters),e.value&&t==="all")q.forEach(L=>{d.push({field:a,operator:"eq",value:L})});else if(e.value)d.push({field:a,operator:"eq",value:t});else if(f){const L=d.findIndex(Se=>Se.value===t);d.splice(L,1)}r.logic="and",s.current!==-1?u[s.current]={logic:"or",filters:d}:u.push({logic:"or",filters:d}),(!e.value&&t==="all"||d.length===0)&&u.splice(s.current,1),r.filters=u,H(r)},O=[];if(f){const e=[...f.filters];s.current=e.findIndex(t=>{var a;return t.filters&&t.filters.length>0?t.filters[0].field===((a=i==null?void 0:i.current)==null?void 0:a.field):!1}),s.current!==-1&&e[s.current].filters.length>0&&e[s.current].filters.forEach(t=>{var a;t.field===((a=i==null?void 0:i.current)==null?void 0:a.field)&&O.push(t.value)})}const T=O.filter((e,t)=>O.indexOf(e)===t),Z=e=>{if(e.preventDefault(),!c.filterChange)return;const t=f||null;t!==null&&t.filters.length>0?(s.current>=0&&t.filters.splice(s.current,1),c.filterChange(t,e)):c.filterChange(null,e),l.onCloseMenu&&l.onCloseMenu(),S(!1)},ee=e=>{if(e.preventDefault(),!c.filterChange)return;const t=f||null;c.filterChange(t,e),l.onCloseMenu&&l.onCloseMenu(),S(!0),I(!1)},te=l.searchBox?n.createElement(l.searchBox,{value:K,onChange:X}):n.createElement("div",{className:`k-searchbox k-textbox k-input k-input-solid ${c!=null&&c.mobileMode?"k-input-lg":"k-input-md"}`},n.createElement(E.IconWrap,{className:"k-input-icon",name:"search",icon:F.searchIcon}),n.createElement(V.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(o.searchPlaceholder,o.messages[o.searchPlaceholder]),value:K,onChange:e=>X(e.nativeEvent)}),n.createElement(B.Button,{type:"button",className:"k-input-button",onClick:Ce,icon:"x","aria-label":ke,svgIcon:F.xIcon})),be=()=>{Q(!1)},Ee=e=>{e.preventDefault(),I(!D)},xe=e=>{!e.isAnchorClicked&&I(!1)},P=n.useMemo(()=>l.show!==void 0?l.show:D,[l.show,D]),ve=e=>{const t=E.getActiveElement(document);clearTimeout(N.current),N.current=window.setTimeout(()=>{!c.mobileMode&&t&&e.relatedTarget!==x.current&&w.current&&!w.current.contains(t)&&ne()})},ne=()=>{var e;l.onCloseMenu&&l.onCloseMenu(),I(!1),x.current&&((e=x.current.element)==null||e.focus())},pe=()=>{clearTimeout(N.current)},{onFocus:Fe,onBlur:Be}=E.useAsyncFocusBlur({onFocus:e=>pe(),onBlur:e=>ve(e)}),Me=e=>{var t;(t=j.current)==null||t.triggerMouseEvent(e)},Ie=e=>{var t;(t=j.current)==null||t.triggerKeyboardEvent(e)},re=e=>{if(e.preventDefault(),!c.filterChange)return;const t=f||null;t!==null&&t.filters.length>0?(t.filters=[],c.filterChange(t,e)):c.filterChange(null,e),H(A()),S(!1),z(a=>a.map(r=>({...r,expanded:!1})))},le=n.createElement(B.Button,{ref:x,togglable:!0,selected:P,svgIcon:k||(v?void 0:F.filterIcon),icon:v,size:c.mobileMode?"large":"medium",className:E.classNames("k-toolbar-button",{"k-icon-button":c.mobileMode}),title:g.toLanguageString(o.toolbarCheckboxFilter,o.messages[o.toolbarCheckboxFilter]),onClick:Ee},!c.mobileMode&&g.toLanguageString(o.toolbarCheckboxFilter,o.messages[o.toolbarCheckboxFilter])),ae=n.createElement(n.Fragment,null,W.map(e=>{var t,a;return e.filterable&&n.createElement(Ne.GridColumnMenuItemGroup,{key:e.id},n.createElement("div",{className:"k-expander"},n.createElement(De.GridColumnMenuItem,{title:J(e),expandable:!0,expanded:!!((t=h==null?void 0:h.find(r=>r.column.field===e.field))!=null&&t.expanded),onClick:r=>U(r,e)})),n.createElement(we.GridColumnMenuItemContent,{show:!!((a=h==null?void 0:h.find(r=>r.column.field===e.field))!=null&&a.expanded)},n.createElement("form",{className:"k-filter-menu",onSubmit:ee,onReset:Z},n.createElement("div",{className:"k-filter-menu-container"},te,n.createElement("ul",{className:"k-multicheck-wrap"},n.createElement("li",{className:"k-item k-check-all-wrap"},n.createElement(V.Checkbox,{label:g.toLanguageString(o.filterCheckAll,o.messages[o.filterCheckAll]),onChange:r=>G(r,"all"),checked:Y()})),q.map((r,u)=>n.createElement("li",{className:"k-item",key:u},n.createElement(V.Checkbox,{label:String(r),onChange:d=>G(d,r),checked:T.includes(r)})))),n.createElement("div",{className:"k-filter-selected-items"},T.length+" "+g.toLanguageString(o.filterSelectedItems,o.messages[o.filterSelectedItems])),n.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},n.createElement(B.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(o.filterSubmitButton,o.messages[o.filterSubmitButton])),n.createElement(B.Button,{className:"k-button",type:"reset"},g.toLanguageString(o.filterClearButton,o.messages[o.filterClearButton])))))))}),n.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},n.createElement(B.Button,{svgIcon:F.filterClearIcon,onClick:re},g.toLanguageString(o.filterClearAllButton,o.messages[o.filterClearAllButton]))));return n.createElement(n.Fragment,null,ge?n.createElement(ue.BadgeContainer,null,le,n.createElement(ue.Badge,{themeColor:"primary"})):le,c.mobileMode?n.createElement(Le.GridToolbarAdaptiveProvider,null,ye.createPortal(n.createElement(Te.GridAdaptiveToolbarCheckboxFilter,{filtered:W,computedShow:P,expandState:h,currentData:q,uniqueFilterValues:T,searchBox:te,renderTitle:J,onBackView:be,isAllSelected:Y,handleCheckBoxChange:G,clear:Z,submit:ee,onClose:ne,onFilterExpand:U,handleClearAllFilters:re},ae),(oe=fe())==null?void 0:oe.body)):n.createElement(Pe.Popup,{anchor:(ie=x.current)==null?void 0:ie.element,show:P,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:xe},n.createElement("div",{ref:w,onBlur:Be,onFocus:Fe,onMouseDown:Me,onKeyDown:Ie,className:"k-column-menu k-column-menu-md"},ae)))};de.displayName="KendoReactGridToolbarCheckboxFilter";exports.GridToolbarCheckboxFilter=de;

package/toolbar-tools/GridToolbarCheckboxFilter.mjs

@@ -158,7 +158,6 @@ const tt = {
       b,
       {
         type: "button",
-        rounded: null,
         className: "k-input-button",
         onClick: ve,
         icon: "x",

package/toolbar-tools/GridToolbarColumnsChooser.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-react-common';
+import * as React from 'react';
+export interface GridToolbarColumnsChooserProps {
+    /**
+     * Defines the icon rendered in the GridToolbarSort tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/icon)).
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarSort icon="home" />
+     * ```
+     */
+    icon?: string;
+    /**
+     * Defines the SVG icon rendered in the GridToolbarSort tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/svgicon)).
+     *
+     * @example
+     * ```jsx
+     * import { gearIcon } from '@progress/kendo-svg-icons';
+     *
+     * <GridToolbarSort svgIcon={gearIcon} />
+     * ```
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Specifies if the popup will be displayed.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarColumnsChooser show={true} />
+     * ```
+     */
+    show?: boolean;
+    /**
+     * The method that will be called to close the column menu.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarColumnsChooser onCloseMenu={() => console.log('close menu');} />
+     */
+    onCloseMenu?: Function;
+}
+/**
+ * Represents the GridToolbarColumnsChooser component.
+ */
+export declare const GridToolbarColumnsChooser: {
+    (props: GridToolbarColumnsChooserProps): React.JSX.Element;
+    displayName: string;
+};

package/toolbar-tools/GridToolbarFilter.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-react-common';
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { GridColumnMenuFilterUIProps } from '../interfaces/GridColumnMenuFilterUIProps.js';
+import { ComponentType } from 'react';
+import * as React from 'react';
+export interface GridToolbarFilterProps {
+    /**
+     * Defines the icon rendered in the GridToolbarFilter tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/icon)).
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarFilter icon="home" />
+     * ```
+     */
+    icon?: string;
+    /**
+     * Defines the SVG icon rendered in the GridToolbarFilter tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/svgicon)).
+     *
+     * @example
+     * ```jsx
+     * import { gearIcon } from '@progress/kendo-svg-icons';
+     *
+     * <GridToolbarFilter svgIcon={gearIcon} />
+     * ```
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * If set to `false`, the second filter operator and the input will be hidden.
+     */
+    hideSecondFilter?: boolean;
+    /**
+     * Specifies a React element that will be cloned and rendered inside the UI of the column-menu filter component
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu#toc-customizing-the-filter-component)).
+     */
+    filterUI?: ComponentType<GridColumnMenuFilterUIProps>;
+    /**
+     * Specifies if the popup will be displayed.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarFilter show={true} />
+     * ```
+     */
+    show?: boolean;
+    /**
+     * The method that will be called to close the column menu.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarFilter onCloseMenu={() => console.log('close menu');} />
+     * ```
+     */
+    onCloseMenu?: Function;
+    /**
+     * The method that will be called to notify the parent Grid about a filter change.
+     */
+    onFilterChange?: (filter: CompositeFilterDescriptor | null, syntheticEvent: React.SyntheticEvent<any>) => any;
+}
+/**
+ * Represents the GridToolbarFilter component.
+ */
+export declare const GridToolbarFilter: {
+    (props: GridToolbarFilterProps): React.JSX.Element;
+    displayName: string;
+};

package/toolbar-tools/GridToolbarFilter.mjs

@@ -13,7 +13,7 @@ import { GridColumnMenuItemContent as je } from "../columnMenu/GridColumnMenuIte
 import { GridColumnMenuItemGroup as qe } from "../columnMenu/GridColumnMenuItemGroup.mjs";
 import { GridContext as Je } from "../utils/GridContext.mjs";
 import { filterIcon as me, filterClearIcon as Qe } from "@progress/kendo-svg-icons";
-import { getFilterType as de, operatorMap as V, defaultHideSecondFilter as We, IsUnaryFilter as b, getDefaultOperator as Xe, booleanFilterValues as Ye, filterLogicList as Ze } from "../filterCommon.mjs";
+import { getFilterType as de, operatorMap as V, booleanFilterValues as We, filterLogicList as Xe, defaultHideSecondFilter as Ye, IsUnaryFilter as b, getDefaultOperator as Ze } from "../filterCommon.mjs";
 import { Button as k } from "@progress/kendo-react-buttons";
 import { GridColumnMenuFilterUI as $e } from "../columnMenu/GridColumnMenuFilterUI.mjs";
 import { toolbarFilter as M, messages as F, filterSubmitButton as ge, filterClearButton as pe, filterClearAllButton as he } from "../messages/index.mjs";
@@ -49,7 +49,7 @@ const nt = (c) => {
     var o, i, l, s, ce, ue;
     let e;
     if (r != null && r.current && ((o = r == null ? void 0 : r.current) != null && o.field)) {
-      const Ge = de((i = r == null ? void 0 : r.current) == null ? void 0 : i.filter), v = Xe(n.filterOperators, Ge);
+      const Ge = de((i = r == null ? void 0 : r.current) == null ? void 0 : i.filter), v = Ze(n.filterOperators, Ge);
       e = Re((l = r == null ? void 0 : r.current) == null ? void 0 : l.field, n.filter), e = e ? {
         ...e,
         filters: e.filters.map((O) => ({ ...O }))
@@ -90,7 +90,7 @@ const nt = (c) => {
       ...u,
       filters: i
     });
-  }, [u, B] = t.useState(q()), a = u == null ? void 0 : u.filters, C = de((re = r == null ? void 0 : r.current) == null ? void 0 : re.filter), A = V(n.filterOperators[C], f), Q = V(Ye, f), ke = {
+  }, [u, B] = t.useState(q()), a = u == null ? void 0 : u.filters, C = de((re = r == null ? void 0 : r.current) == null ? void 0 : re.filter), A = V(n.filterOperators[C], f), Q = V(We, f), ke = {
     field: (oe = r == null ? void 0 : r.current) == null ? void 0 : oe.field,
     value: a == null ? void 0 : a[0].value,
     operator: a == null ? void 0 : a[0].operator,
@@ -109,11 +109,11 @@ const nt = (c) => {
   }, we = (e) => {
     let o = e.target.value;
     e.target.tagName === "SPAN" && (o = e.target.parentElement.value), B({ ...u, logic: o });
-  }, W = u == null ? void 0 : u.logic, X = V(Ze, f), T = {
+  }, W = u == null ? void 0 : u.logic, X = V(Xe, f), T = {
     value: X.find((e) => e.operator === (W === null ? "" : W)),
     onChange: we,
     data: X
-  }, Se = c.hideSecondFilter !== void 0 ? c.hideSecondFilter : We[C], N = c.filterUI, L = {
+  }, Se = c.hideSecondFilter !== void 0 ? c.hideSecondFilter : Ye[C], N = c.filterUI, L = {
     firstFilterProps: ke,
     secondFilterProps: Me,
     logicData: T.data,

package/toolbar-tools/GridToolbarGroup.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-svg-icons';
+export interface GridToolbarGroupProps {
+    /**
+     * Defines the icon rendered in the GridToolbarGroup tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/icon)).
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarGroup icon="home" />
+     * ```
+     */
+    icon?: string;
+    /**
+     * Defines the SVG icon rendered in the GridToolbarGroup tool ([see example](https://www.telerik.com/kendo-react-ui/components/common/svgicon)).
+     *
+     * @example
+     * ```jsx
+     * import { gearIcon } from '@progress/kendo-svg-icons';
+     *
+     * <GridToolbarGroup svgIcon={gearIcon} />
+     * ```
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Specifies if the popup will be displayed.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarGroup show={true} />
+     * ```
+     */
+    show?: boolean;
+    /**
+     * The method that will be called to close the column menu.
+     *
+     * @example
+     * ```jsx
+     * <GridToolbarGroup onCloseMenu={() => console.log('close menu');} />
+     * ```
+     */
+    onCloseMenu?: Function;
+}
+/**
+ * Represents the GridToolbarGroup component.
+ */
+export declare const GridToolbarGroup: {
+    (props: GridToolbarGroupProps): any;
+    displayName: string;
+};

package/toolbar-tools/GridToolbarSeparator.d.ts

@@ -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
+ *-------------------------------------------------------------------------------------------
+ */
+import { ToolbarSeparatorProps } from '@progress/kendo-react-buttons';
+import * as React from 'react';
+/**
+ * Represents the props of KendoReact GridToolbarSeparator component.
+ */
+export interface GridToolbarSeparatorProps extends ToolbarSeparatorProps {
+}
+/**
+ * Represents the GridToolbarSeparator component.
+ */
+export declare const GridToolbarSeparator: {
+    (props: GridToolbarSeparatorProps): React.JSX.Element;
+    displayName: string;
+};