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

package/drag/ColumnResize.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FilterCellProps } from '../filteringCells/index.js';
+import { ExtendedColumnProps, CellProps, HeaderCellProps } from './../header/index.js';
+/**
+ * @hidden
+ */
+export declare class ColumnResize<C = CellProps, H = HeaderCellProps, F = FilterCellProps> {
+    /**
+     * The main `colgroup` of the Grid.
+     */
+    colGroupMain: any | null;
+    /**
+     * The header `colgroup` of the Grid (if any).
+     */
+    colGroupHeader: any | null;
+    /**
+     * The footer `colgroup` of the Grid (if any).
+     */
+    colGroupFooter: any | null;
+    columns: ExtendedColumnProps<C, H, F>[];
+    /**
+     * The settings for resizing the Grid.
+     */
+    resizable: boolean;
+    onResize: (index: number, newWidth: number, oldWidth: number, originalEvent: any, end: boolean) => void;
+    private isRtl;
+    constructor(triggerResize: (index: number, newWidth: number, oldWidth: number, originalEvent: any, end: boolean) => void);
+    setIsRtl: (isRtl: boolean) => void;
+    dragHandler(event: any, column: ExtendedColumnProps<C, H, F>, dragCue: HTMLSpanElement, end: boolean): void;
+    private setWidths;
+    private updateColElements;
+    private setColWidth;
+}

package/drag/ColumnResizer.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ColumnResizerResizerProps {
+    resize: (event: any, dragCue: HTMLSpanElement, end: boolean) => void;
+    autofit?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>, dragCue: HTMLSpanElement) => void;
+}
+/**
+ * @hidden
+ */
+export declare class ColumnResizer extends React.Component<ColumnResizerResizerProps, {}> {
+    private draggable;
+    private isDragged;
+    /**
+     * @hidden
+     */
+    onDrag: (data: any) => void;
+    /**
+     * @hidden
+     */
+    onRelease: (data: any) => void;
+    /**
+     * @hidden
+     */
+    onDoubleClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    render(): React.JSX.Element;
+}

package/drag/CommonDragLogic.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DragClue } from './DragClue.js';
+import { DropClue } from './DropClue.js';
+import { FilterCellProps } from '../filteringCells/index.js';
+import { ExtendedColumnProps, CellProps, HeaderCellProps } from './../header/index.js';
+/**
+ * @hidden
+ */
+export type handler = (prevIndex: number, nextIndex: number, nativeEvent: any) => void;
+/**
+ * @hidden
+ */
+export declare class CommonDragLogic<C = CellProps, H = HeaderCellProps, F = FilterCellProps> {
+    columns: ExtendedColumnProps<C, H, F>[];
+    reorderable: boolean;
+    groupable: boolean;
+    private startColumn;
+    private startGroup;
+    private currentColumn;
+    private currentGroup;
+    private columnReorder;
+    private groupReorder;
+    private columnToGroup;
+    private dropElementClue;
+    private dragElementClue;
+    private groupPanelDivElement;
+    constructor(columnReorder: handler, groupReorder: handler, columnToGroup: handler);
+    refGroupPanelDiv: (e: HTMLDivElement | null) => void;
+    refDropElementClue: (e: DropClue | null) => void;
+    refDragElementClue: (e: DragClue | null) => void;
+    pressHandler: (event: any, element: HTMLTableRowElement | HTMLDivElement) => void;
+    dragHandler: (event: any, element: HTMLTableRowElement | HTMLDivElement) => void;
+    releaseHandler: (event: any) => void;
+    private getColumnIndex;
+    private getGroupIndex;
+    private isValid;
+    private updateDragElementClue;
+    private updateDropElementClue;
+}

package/drag/DragClue.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface DragClueState {
+    visible: boolean;
+    top: number;
+    left: number;
+    innerText: string;
+    status: 'k-i-cancel' | 'k-i-plus';
+}
+/**
+ * @hidden
+ */
+export declare class DragClue extends React.PureComponent<any, DragClueState> {
+    private elementRef;
+    readonly state: DragClueState;
+    hiddenElementRef: React.RefObject<HTMLDivElement | null>;
+    get element(): HTMLDivElement | null;
+    constructor(props: any);
+    render(): React.JSX.Element;
+}

package/drag/DropClue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface DropClueState {
+    visible: boolean;
+    top: number;
+    left: number;
+    height: number;
+}
+/**
+ * @hidden
+ */
+export declare class DropClue extends React.PureComponent<any, DropClueState> {
+    readonly state: DropClueState;
+    hiddenElementRef: React.RefObject<HTMLDivElement | null>;
+    constructor(props: any);
+    render(): React.JSX.Element;
+}

package/editing/TableEditableSettings.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export interface TableEditableSettings {
+    /**
+     * Determines if the editing is enabled.
+     *
+     * @default false
+     */
+    enabled?: boolean;
+    /**
+     * Determines the editing mode.
+     * The available values are:
+     * * `inline`
+     * * `incell`
+     *
+     * @default 'incell
+     */
+    mode?: 'inline' | 'incell' | 'dialog';
+}

package/editing/editReducer.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The `edit` descriptor used to identify which data-items are in edit mode.
+ *
+ * @example
+ * ```ts
+ * const data = [
+ *   { id: 0, name: 'Jane Doe' },
+ *   { id: 1, name: 'John Doe' }
+ * ]
+ *
+ * const edit = {
+ *  1: true
+ * }
+ * ```
+ */
+export type EditDescriptor = {
+    /**
+     * The data-item id is in edit mode.
+     * If the value is `true` if the whole item (row) is in edit mode.
+     * If the value is an array of strings if only specific fields (cells) are in edit mode.
+     */
+    [id: string]: boolean | string[];
+};
+/**
+ * @hidden
+ */
+export declare enum EDIT_ACTION {
+    ENTER_EDIT = "EDITING_ENTER_EDIT",
+    ENTER_FIELD_EDIT = "EDITING_ENTER_FIELD_EDIT",
+    ADD_EDIT = "EDITING_ADD_EDIT",
+    ADD_FIELD_EDIT = "EDITING_ADD_FIELD_EDIT",
+    EXIT_EDIT = "EDITING_EXIT_EDIT",
+    EXIT_FIELD_EDIT = "EDITING_EXIT_FIELD_EDIT",
+    TOGGLE_EDIT = "EDITING_TOGGLE_EDIT",
+    TOGGLE_FIELD_EDIT = "EDITING_TOGGLE_FIELD_EDIT"
+}
+/**
+ * @hidden
+ */
+export type EditAction = {
+    type: EDIT_ACTION.ENTER_EDIT | EDIT_ACTION.ADD_EDIT | EDIT_ACTION.EXIT_EDIT | EDIT_ACTION.TOGGLE_EDIT;
+    payload: {
+        id: string;
+    };
+} | {
+    type: EDIT_ACTION.ENTER_FIELD_EDIT | EDIT_ACTION.ADD_FIELD_EDIT | EDIT_ACTION.EXIT_FIELD_EDIT | EDIT_ACTION.TOGGLE_FIELD_EDIT;
+    payload: {
+        id: string;
+        field: string;
+    };
+};
+/**
+ * @hidden
+ */
+export declare const editReducer: (state: EditDescriptor | undefined, action: EditAction) => EditDescriptor;

package/editing/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TableEditableSettings } from './TableEditableSettings.js';
+/**
+ * @hidden
+ */
+export declare const getEditableOptions: (editable?: boolean | TableEditableSettings) => Required<TableEditableSettings>;

package/filter/Expression.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { FilterDescriptor } from '@progress/kendo-data-query';
+import { BaseEvent } from '@progress/kendo-react-common';
+import { FieldSettings } from './FieldSettings.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ExpressionChangeEvent extends BaseEvent<Expression> {
+    prevFilter: FilterDescriptor;
+    nextFilter: FilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface ExpressionRemoveEvent extends BaseEvent<Expression> {
+    filter: FilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface ExpressionProps {
+    filter: FilterDescriptor;
+    fields: Array<FieldSettings>;
+    ariaLabel?: string;
+    onChange: (event: ExpressionChangeEvent) => void;
+    onRemove: (event: ExpressionRemoveEvent) => void;
+}
+/**
+ * @hidden
+ */
+export declare class Expression extends React.Component<ExpressionProps> {
+    static propTypes: {
+        filter: PropTypes.Validator<object>;
+        fields: PropTypes.Validator<any[]>;
+        ariaLabel: PropTypes.Requireable<string>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onRemove: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    render(): React.JSX.Element;
+    private onFieldChange;
+    private onOperatorChange;
+    private onInputChange;
+    private triggerOnFilterChange;
+    private onFilterRemove;
+}

package/filter/Expression.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),p=require("prop-types"),g=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),v=require("@progress/kendo-react-intl"),x=require("@progress/kendo-svg-icons"),d=require("./operators.js"),n=require("../messages/index.js");function E(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(t,r,e.get?e:{enumerable:!0,get:()=>s[r]})}}return t.default=s,Object.freeze(t)}const l=E(b),h=s=>{s.value===void 0&&!d.unaryOperator(s.operator)&&(s.value=d.stringOperator(s.operator)?"":null)},f=class f extends l.Component{constructor(){super(...arguments),this.onFieldChange=t=>{const r=t.value.name,e=this.props.fields.find(a=>a.name===r),o=this.props.filter,i=e&&!e.operators.some(a=>a.operator===o.operator)?e.operators[0].operator:o.operator,c={field:r,operator:i};h(c),this.triggerOnFilterChange(o,c,t)},this.onOperatorChange=t=>{const r=t.value.operator,e=this.props.filter;let o;if(d.unaryOperator(r)){const{value:i,...c}=e;o={...c,operator:r}}else o={...e,operator:r};h(o),this.triggerOnFilterChange(e,o,t)},this.onInputChange=t=>{const r=this.props.filter;let e=t.nextFilter;if(d.unaryOperator(e.operator)){const o=this.props.fields.find(i=>i.name===e.field);e={...e,operator:o&&o.operators[0].operator||e.operator}}this.triggerOnFilterChange(r,e,t)},this.triggerOnFilterChange=(t,r,e)=>{const o={prevFilter:t,nextFilter:r,syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,o)},this.onFilterRemove=t=>{const r={filter:this.props.filter,syntheticEvent:t.syntheticEvent,nativeEvent:t.nativeEvent,target:this};this.props.onRemove.call(void 0,r)}}render(){const t=v.provideLocalizationService(this),{fields:r,filter:e,ariaLabel:o=t.toLanguageString(n.filterExpressionAriaLabel,n.messages[n.filterExpressionAriaLabel])}=this.props,i=r.find(a=>a.name===e.field),c=(i&&i.operators||[]).map(a=>({...a,text:t.toLanguageString(a.text,n.messages[a.text]||a.text)}));return l.createElement("div",{className:"k-filter-toolbar"},l.createElement(g.Toolbar,{keyboardNavigation:!1,role:"toolbar",ariaLabel:o},l.createElement(g.ToolbarItem,{className:"k-filter-field"},l.createElement(m.DropDownList,{tabIndex:-1,data:r,textField:"label",value:r.find(a=>a.name===e.field),onChange:this.onFieldChange,ariaLabel:t.toLanguageString(n.filterExpressionDropdownAriaLabel,n.messages[n.filterExpressionDropdownAriaLabel])})),l.createElement(g.ToolbarItem,{className:"k-filter-operator"},l.createElement(m.DropDownList,{tabIndex:-1,data:c,textField:"text",value:c.find(a=>a.operator===e.operator),onChange:this.onOperatorChange,ariaLabel:t.toLanguageString(n.filterExpressionOperatorDropdownAriaLabel,n.messages[n.filterExpressionOperatorDropdownAriaLabel])})),l.createElement(g.ToolbarItem,{className:"k-filter-value"},i&&l.createElement(i.filter,{filter:e,onFilterChange:this.onInputChange,min:i.min,max:i.max})),l.createElement(g.Button,{className:"k-toolbar-button",title:t.toLanguageString(n.filterClose,n.messages[n.filterClose]),icon:"x",svgIcon:x.xIcon,fillMode:"flat",themeColor:"base",type:"button",onClick:this.onFilterRemove})))}};f.propTypes={filter:p.object.isRequired,fields:p.array.isRequired,ariaLabel:p.string,onChange:p.func.isRequired,onRemove:p.func.isRequired};let u=f;v.registerForLocalization(u);exports.Expression=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),p=require("prop-types"),g=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),v=require("@progress/kendo-react-intl"),x=require("@progress/kendo-svg-icons"),d=require("./operators.js"),n=require("../messages/index.js");function E(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(t,r,e.get?e:{enumerable:!0,get:()=>s[r]})}}return t.default=s,Object.freeze(t)}const l=E(b),h=s=>{s.value===void 0&&!d.unaryOperator(s.operator)&&(s.value=d.stringOperator(s.operator)?"":null)},f=class f extends l.Component{constructor(){super(...arguments),this.onFieldChange=t=>{const r=t.value.name,e=this.props.fields.find(a=>a.name===r),o=this.props.filter,i=e&&!e.operators.some(a=>a.operator===o.operator)?e.operators[0].operator:o.operator,c={field:r,operator:i};h(c),this.triggerOnFilterChange(o,c,t)},this.onOperatorChange=t=>{const r=t.value.operator,e=this.props.filter;let o;if(d.unaryOperator(r)){const{value:i,...c}=e;o={...c,operator:r}}else o={...e,operator:r};h(o),this.triggerOnFilterChange(e,o,t)},this.onInputChange=t=>{const r=this.props.filter;let e=t.nextFilter;if(d.unaryOperator(e.operator)){const o=this.props.fields.find(i=>i.name===e.field);e={...e,operator:o&&o.operators[0].operator||e.operator}}this.triggerOnFilterChange(r,e,t)},this.triggerOnFilterChange=(t,r,e)=>{const o={prevFilter:t,nextFilter:r,syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,o)},this.onFilterRemove=t=>{const r={filter:this.props.filter,syntheticEvent:t.syntheticEvent,nativeEvent:t.nativeEvent,target:this};this.props.onRemove.call(void 0,r)}}render(){const t=v.provideLocalizationService(this),{fields:r,filter:e,ariaLabel:o=t.toLanguageString(n.filterExpressionAriaLabel,n.messages[n.filterExpressionAriaLabel])}=this.props,i=r.find(a=>a.name===e.field),c=(i&&i.operators||[]).map(a=>({...a,text:t.toLanguageString(a.text,n.messages[a.text]||a.text)}));return l.createElement("div",{className:"k-filter-toolbar"},l.createElement(g.Toolbar,{keyboardNavigation:!1,role:"toolbar",ariaLabel:o},l.createElement(g.ToolbarItem,{className:"k-filter-field"},l.createElement(m.DropDownList,{tabIndex:-1,data:r,textField:"label",value:r.find(a=>a.name===e.field),onChange:this.onFieldChange,ariaLabel:t.toLanguageString(n.filterExpressionDropdownAriaLabel,n.messages[n.filterExpressionDropdownAriaLabel])})),l.createElement(g.ToolbarItem,{className:"k-filter-operator"},l.createElement(m.DropDownList,{tabIndex:-1,data:c,textField:"text",value:c.find(a=>a.operator===e.operator),onChange:this.onOperatorChange,ariaLabel:t.toLanguageString(n.filterExpressionOperatorDropdownAriaLabel,n.messages[n.filterExpressionOperatorDropdownAriaLabel])})),l.createElement(g.ToolbarItem,{className:"k-filter-value"},i&&l.createElement(i.filter,{filter:e,onFilterChange:this.onInputChange,min:i.min,max:i.max})),l.createElement(g.Button,{className:"k-toolbar-button",title:t.toLanguageString(n.filterClose,n.messages[n.filterClose]),icon:"x",svgIcon:x.xIcon,fillMode:"flat",type:"button",onClick:this.onFilterRemove})))}};f.propTypes={filter:p.object.isRequired,fields:p.array.isRequired,ariaLabel:p.string,onChange:p.func.isRequired,onRemove:p.func.isRequired};let u=f;v.registerForLocalization(u);exports.Expression=u;

package/filter/Expression.mjs

@@ -8,22 +8,22 @@
 "use client";
 import * as n from "react";
 import s from "prop-types";
-import { Toolbar as E, ToolbarItem as m, Button as C } from "@progress/kendo-react-buttons";
+import { Toolbar as b, ToolbarItem as m, Button as C } from "@progress/kendo-react-buttons";
 import { DropDownList as d } from "@progress/kendo-react-dropdowns";
 import { provideLocalizationService as L, registerForLocalization as y } from "@progress/kendo-react-intl";
 import { xIcon as O } from "@progress/kendo-svg-icons";
 import { unaryOperator as g, stringOperator as R } from "./operators.mjs";
 import { filterExpressionAriaLabel as v, messages as p, filterExpressionDropdownAriaLabel as u, filterExpressionOperatorDropdownAriaLabel as x, filterClose as F } from "../messages/index.mjs";
-const b = (c) => {
+const E = (c) => {
   c.value === void 0 && !g(c.operator) && (c.value = R(c.operator) ? "" : null);
-}, f = class f extends n.Component {
+}, h = class h extends n.Component {
   constructor() {
     super(...arguments), this.onFieldChange = (t) => {
       const r = t.value.name, e = this.props.fields.find((a) => a.name === r), o = this.props.filter, i = e && !e.operators.some((a) => a.operator === o.operator) ? e.operators[0].operator : o.operator, l = {
         field: r,
         operator: i
       };
-      b(l), this.triggerOnFilterChange(o, l, t);
+      E(l), this.triggerOnFilterChange(o, l, t);
     }, this.onOperatorChange = (t) => {
       const r = t.value.operator, e = this.props.filter;
       let o;
@@ -32,7 +32,7 @@ const b = (c) => {
         o = { ...l, operator: r };
       } else
         o = { ...e, operator: r };
-      b(o), this.triggerOnFilterChange(e, o, t);
+      E(o), this.triggerOnFilterChange(e, o, t);
     }, this.onInputChange = (t) => {
       const r = this.props.filter;
       let e = t.nextFilter;
@@ -69,7 +69,7 @@ const b = (c) => {
       ...a,
       text: t.toLanguageString(a.text, p[a.text] || a.text)
     }));
-    return /* @__PURE__ */ n.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ n.createElement(E, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ n.createElement(m, { className: "k-filter-field" }, /* @__PURE__ */ n.createElement(
+    return /* @__PURE__ */ n.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ n.createElement(b, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ n.createElement(m, { className: "k-filter-field" }, /* @__PURE__ */ n.createElement(
       d,
       {
         tabIndex: -1,
@@ -111,22 +111,21 @@ const b = (c) => {
         icon: "x",
         svgIcon: O,
         fillMode: "flat",
-        themeColor: "base",
         type: "button",
         onClick: this.onFilterRemove
       }
     )));
   }
 };
-f.propTypes = {
+h.propTypes = {
   filter: s.object.isRequired,
   fields: s.array.isRequired,
   ariaLabel: s.string,
   onChange: s.func.isRequired,
   onRemove: s.func.isRequired
 };
-let h = f;
-y(h);
+let f = h;
+y(f);
 export {
-  h as Expression
+  f as Expression
 };

package/filter/FieldSettings.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FilterOperator } from '../filteringCells/index.js';
+/**
+ * The FieldSettings object.
+ */
+export interface FieldSettings {
+    /**
+     * The field name.
+     */
+    name: string;
+    /**
+     * The field label, which will be shown in the fields DropDownList.
+     */
+    label: string;
+    /**
+     * The filter editor component. Could be any of the built-in TextFilter, NumericFilter, DateFilter, BooleanFilter or a custom component.
+     */
+    filter: any;
+    /**
+     * The collection of operators which will be passed to the operators DropDownList.
+     */
+    operators: Array<FilterOperator>;
+    /**
+     * Specifies the smallest value that can be entered.
+     */
+    min?: number;
+    /**
+     * Specifies the greatest value that can be entered.
+     */
+    max?: number;
+}

package/filter/Filter.d.ts

@@ -0,0 +1,139 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { BaseEvent } from '@progress/kendo-react-common';
+import { FieldSettings } from './FieldSettings.js';
+import * as React from 'react';
+/**
+ * @hidden
+ * CSS selectors for keyboard navigation.
+ * Uses only structural CSS classes - no data attributes or title attributes
+ * to ensure stability across localizations and DOM changes.
+ */
+export declare const selectors: any;
+/**
+ * The FilterChangeEvent object.
+ */
+export interface FilterChangeEvent extends BaseEvent<Filter> {
+    /**
+     * The changed composite filter descriptor.
+     */
+    filter: CompositeFilterDescriptor;
+}
+/**
+ * The props of the Filter component.
+ */
+export interface FilterProps {
+    /**
+     * Adds custom CSS classes to the Filter's root element.
+     */
+    className?: string;
+    /**
+     * Applies custom styles to the Filter's root element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Defines the field settings for the Filter. Each field represents a filterable column.
+     *
+     * @example
+     * fields: [
+     *   { name: "ProductName", label: "Product Name", type: "string" },
+     *   { name: "Price", label: "Price", type: "number" }
+     * ]
+     */
+    fields: Array<FieldSettings>;
+    /**
+     * Specifies the composite filter descriptor value.
+     * This object defines the current state of the applied filters.
+     *
+     * @example
+     * value: {
+     *   logic: "and",
+     *   filters: [
+     *     { field: "ProductName", operator: "contains", value: "Chai" },
+     *     { field: "Price", operator: "gte", value: 20 }
+     *   ]
+     * }
+     */
+    value: CompositeFilterDescriptor;
+    /**
+     * Provides an accessible label for the Filter's container component.
+     * Similar to the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute.
+     */
+    ariaLabel?: string;
+    /**
+     * Provides an accessible label for the Filter's underlying Group component.
+     */
+    ariaLabelGroup?: string;
+    /**
+     * Provides an accessible label for the Filter's underlying Expression component.
+     */
+    ariaLabelExpression?: string;
+    /**
+     * The Filter onChange event.
+     *
+     * @param event - The event object containing the updated filter descriptor.
+     */
+    onChange: (event: FilterChangeEvent) => void;
+    /**
+     * Specifies the initial composite filter descriptor used when a new group is created.
+     *
+     * @example
+     * defaultGroupFilter: {
+     *   logic: "and",
+     *   filters: []
+     * }
+     */
+    defaultGroupFilter?: CompositeFilterDescriptor;
+}
+/**
+ * Represents the [KendoReact Filter component](https://www.telerik.com/kendo-react-ui/components/datatools/filter).
+ */
+export declare class Filter extends React.Component<FilterProps> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        fields: (props: FilterProps, propName: string) => Error | null;
+        ariaLabelGroup: PropTypes.Requireable<string>;
+        ariaLabelExpression: PropTypes.Requireable<string>;
+        value: PropTypes.Validator<object>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    /**
+     * @hidden
+     */
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+    private navigation?;
+    private readonly showLicenseWatermark;
+    private readonly licenseMessage?;
+    constructor(props: FilterProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    render(): React.JSX.Element;
+    private onFilterChange;
+    private onGroupRemove;
+    /**
+     * @hidden
+     * Shared vertical navigation logic for ArrowUp / ArrowDown keys.
+     */
+    private navigateVertical;
+    private onKeyDown;
+    /**
+     * Classifies the currently active element for navigation decisions.
+     */
+    private classifyActive;
+}

package/filter/Group.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { BaseEvent } from '@progress/kendo-react-common';
+import { FieldSettings } from './FieldSettings.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface GroupChangeEvent extends BaseEvent<Group> {
+    prevFilter: CompositeFilterDescriptor;
+    nextFilter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupRemoveEvent extends BaseEvent<Group> {
+    filter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface GroupProps {
+    filter: CompositeFilterDescriptor;
+    fields: Array<FieldSettings>;
+    ariaLabel?: string;
+    ariaLabelExpression?: string;
+    onChange: (event: GroupChangeEvent) => void;
+    onRemove: (event: GroupRemoveEvent) => void;
+    defaultGroupFilter: CompositeFilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export declare class Group extends React.Component<GroupProps> {
+    static propTypes: {
+        filter: PropTypes.Validator<object>;
+        fields: PropTypes.Validator<any[]>;
+        ariaLabel: PropTypes.Requireable<string>;
+        ariaLabelExpression: PropTypes.Requireable<string>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onRemove: PropTypes.Validator<(...args: any[]) => any>;
+        defaultGroupFilter: PropTypes.Validator<object>;
+    };
+    private static filterIdCounter;
+    private static filterIdMap;
+    private getFilterKey;
+    render(): React.JSX.Element;
+    private onGroupRemove;
+    private onAddExpression;
+    private onAddGroup;
+    private onLogicAnd;
+    private onLogicOr;
+    private changeLogic;
+    private replaceFilter;
+    private onChange;
+    private onRemove;
+}