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

package/drag/ColumnDraggable.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 { DragClue } from '@progress/kendo-react-data-tools';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ColumnDraggableProps {
+    pressHandler?: (draggableEvent: any, element: HTMLTableRowElement | HTMLDivElement) => void;
+    dragHandler?: (draggableEvent: any, element: HTMLTableRowElement | HTMLDivElement) => void;
+    releaseHandler?: (draggableEvent: any) => void;
+    ariaRowIndex?: number;
+    dragClue?: React.RefObject<DragClue | null> | null;
+    headerRef?: React.RefObject<HTMLDivElement | null> | null;
+    containerRef?: React.RefObject<HTMLDivElement | null> | null;
+    children?: React.ReactNode;
+}
+/**
+ * @hidden
+ */
+export declare const ColumnDraggable: (props: ColumnDraggableProps) => React.JSX.Element;

package/drag/ColumnResize.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ExtendedColumnProps } from '../GridColumn.js';
+import { GridColumnState } from '../interfaces/GridColumnState.js';
+/**
+ * @hidden
+ */
+export declare class ColumnResize {
+    /**
+     * 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[];
+    /**
+     * The `columnsState` of the Grid (if any).
+     */
+    columnsState: GridColumnState[];
+    /**
+     * The settings for resizing the Grid.
+     */
+    resizable: boolean;
+    onResize: (index: number, newWidth: number, oldWidth: number, originalEvent: any, end: boolean, columnsState: GridColumnState[], targetId?: string) => void;
+    private isRtl;
+    constructor(triggerResize: (index: number, newWidth: number, oldWidth: number, originalEvent: any, end: boolean, columnsState: GridColumnState[], targetId?: string) => void);
+    setIsRtl: (isRtl: boolean) => void;
+    private applyWidthConstraints;
+    initWidths: () => void;
+    dragHandler: (event: any, column: ExtendedColumnProps, dragCue: HTMLSpanElement, end: boolean) => void;
+    dblClickHandler: (event: React.MouseEvent<HTMLSpanElement, MouseEvent> | null, columnIds: string[]) => void;
+    private fixateInitialWidths;
+    private setWidths;
+    private updateColElements;
+    private updateNextLockedCol;
+}

package/drag/CommonDragLogic.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @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, DropClue } from '@progress/kendo-react-data-tools';
+import { ExtendedColumnProps } from '../GridColumn.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export type handler = (prevIndex: number, nextIndex: number, nativeEvent: any) => void;
+/**
+ * @hidden
+ */
+export declare class CommonDragLogic {
+    refDragElementClue: React.RefObject<DragClue | null>;
+    refDropElementClue: React.RefObject<DropClue | null>;
+    columns: ExtendedColumnProps[];
+    reorderable: boolean;
+    groupable: boolean;
+    dir: string | undefined;
+    private startColumn;
+    private startGroup;
+    private currentColumn;
+    private currentGroup;
+    private columnReorder;
+    private groupReorder;
+    private columnToGroup;
+    private groupPanelDivElement;
+    get dragClueRef(): React.RefObject<DragClue | null>;
+    get dropClueRef(): React.RefObject<DropClue | null>;
+    get getCurrentGroupsLength(): number;
+    private get dragElementClue();
+    private get dropElementClue();
+    constructor(columnReorder: handler, groupReorder: handler, columnToGroup: handler);
+    refGroupPanelDiv: (e: any) => void;
+    pressHandler: (event: any, element: HTMLTableRowElement | HTMLDivElement) => void;
+    dragHandler: (event: any, element: HTMLTableRowElement | HTMLDivElement) => void;
+    releaseHandler: (event: any) => void;
+    private getColumnIndex;
+    private getEventTarget;
+    private isTargetGroupingContainer;
+    private getGroupIndex;
+    private isValid;
+    private updateDragElementClue;
+    private updateDropElementClue;
+}

package/drag/GroupingIndicator.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 GroupingIndicatorProps {
+    index: number;
+    title: string;
+    dir: 'asc' | 'desc';
+    onRemove?: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLDivElement>) => void;
+    onSortChange?: (event: React.MouseEvent<HTMLDivElement>, dir: string) => void;
+    onContextMenu?: (event: React.MouseEvent<HTMLElement>, dataItem: any) => void;
+    onDrag?: (draggableEvent: any, element: HTMLDivElement) => void;
+    onPress?: (draggableEvent: any, element: HTMLDivElement) => void;
+    onRelease?: (draggableEvent: any) => void;
+}
+/**
+ * @hidden
+ */
+export declare const GroupingIndicator: (props: GroupingIndicatorProps) => React.JSX.Element;

package/drag/GroupingIndicator.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),l=require("@progress/kendo-react-common"),i=require("@progress/kendo-svg-icons");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=h(b),y=e=>{const t=o.useRef(null),a=n=>{const c=t.current&&t.current.element;c&&e.onPress&&e.onPress(n.event,c)},r=n=>{const c=t.current&&t.current.element;c&&e.onDrag&&e.onDrag(n.event,c)},m=n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},u=n=>{if(n.preventDefault(),e.onSortChange){const c=e.dir==="asc"?"desc":"asc";e.onSortChange(n,c)}},d=n=>{(n.keyCode===l.Keys.delete||n.keyCode===l.Keys.backspace)&&(n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n))},f=n=>{n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n)},g=n=>{const c={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,n,{dataItem:{...c}})},{dir:s,title:k}=e;return o.createElement(l.Draggable,{onPress:a,onDrag:r,onRelease:m,ref:t},o.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:u,onContextMenu:g,onKeyDown:d,tabIndex:0,role:"button",style:{touchAction:"none"}},o.createElement("span",null,o.createElement(l.IconWrap,{name:"sort-"+s+"-small",icon:s==="asc"?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),o.createElement("span",{className:"k-chip-content"},o.createElement("span",{className:"k-chip-label"},k)),o.createElement("span",{className:"k-chip-actions"},o.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:f},o.createElement(l.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))};exports.GroupingIndicator=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),l=require("@progress/kendo-react-common"),s=require("@progress/kendo-svg-icons");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=y(k),C=e=>{const t=o.useRef(null),a=n=>{const c=t.current&&t.current.element;c&&e.onPress&&e.onPress(n.event,c)},r=n=>{const c=t.current&&t.current.element;c&&e.onDrag&&e.onDrag(n.event,c)},m=n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},u=n=>{if(n.preventDefault(),e.onSortChange){const c=e.dir==="asc"?"desc":"asc";e.onSortChange(n,c)}},d=n=>{(n.keyCode===l.Keys.delete||n.keyCode===l.Keys.backspace)&&(n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n))},f=n=>{n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n)},g=n=>{const c={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,n,{dataItem:{...c}})},{dir:i,title:b}=e;return o.createElement(l.Draggable,{onPress:a,onDrag:r,onRelease:m,ref:t},o.createElement("div",{className:"k-chip",onClick:u,onContextMenu:g,onKeyDown:d,tabIndex:0,role:"button",style:{touchAction:"none"}},o.createElement("span",null,o.createElement(l.IconWrap,{name:"sort-"+i+"-small",icon:i==="asc"?s.sortAscSmallIcon:s.sortDescSmallIcon,size:"small"})),o.createElement("span",{className:"k-chip-content"},o.createElement("span",{className:"k-chip-label"},b)),o.createElement("span",{className:"k-chip-actions"},o.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:f},o.createElement(l.IconWrap,{name:"x-circle",icon:s.xCircleIcon,size:"small"})))))};exports.GroupingIndicator=C;

package/drag/GroupingIndicator.mjs

@@ -6,47 +6,47 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as o from "react";
-import { Draggable as h, IconWrap as l, Keys as i } from "@progress/kendo-react-common";
+import * as a from "react";
+import { Draggable as k, IconWrap as l, Keys as r } from "@progress/kendo-react-common";
 import { sortAscSmallIcon as C, sortDescSmallIcon as D, xCircleIcon as R } from "@progress/kendo-svg-icons";
 const I = (n) => {
-  const a = o.useRef(null), s = (e) => {
-    const t = a.current && a.current.element;
+  const o = a.useRef(null), s = (e) => {
+    const t = o.current && o.current.element;
     t && n.onPress && n.onPress(e.event, t);
-  }, r = (e) => {
-    const t = a.current && a.current.element;
+  }, i = (e) => {
+    const t = o.current && o.current.element;
     t && n.onDrag && n.onDrag(e.event, t);
   }, m = (e) => {
-    a.current && a.current.element && n.onRelease && n.onRelease(e.event);
-  }, d = (e) => {
+    o.current && o.current.element && n.onRelease && n.onRelease(e.event);
+  }, u = (e) => {
     if (e.preventDefault(), n.onSortChange) {
       const t = n.dir === "asc" ? "desc" : "asc";
       n.onSortChange(e, t);
     }
-  }, u = (e) => {
-    (e.keyCode === i.delete || e.keyCode === i.backspace) && (e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e));
+  }, d = (e) => {
+    (e.keyCode === r.delete || e.keyCode === r.backspace) && (e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e));
   }, f = (e) => {
     e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e);
-  }, k = (e) => {
+  }, g = (e) => {
     const t = {
       title: n.title,
       dir: n.dir,
       index: n.index
     };
     n.onContextMenu && n.onContextMenu.call(void 0, e, { dataItem: { ...t } });
-  }, { dir: c, title: g } = n;
-  return /* @__PURE__ */ o.createElement(h, { onPress: s, onDrag: r, onRelease: m, ref: a }, /* @__PURE__ */ o.createElement(
+  }, { dir: c, title: h } = n;
+  return /* @__PURE__ */ a.createElement(k, { onPress: s, onDrag: i, onRelease: m, ref: o }, /* @__PURE__ */ a.createElement(
     "div",
     {
-      className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
-      onClick: d,
-      onContextMenu: k,
-      onKeyDown: u,
+      className: "k-chip",
+      onClick: u,
+      onContextMenu: g,
+      onKeyDown: d,
       tabIndex: 0,
       role: "button",
       style: { touchAction: "none" }
     },
-    /* @__PURE__ */ o.createElement("span", null, /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ a.createElement("span", null, /* @__PURE__ */ a.createElement(
       l,
       {
         name: "sort-" + c + "-small",
@@ -54,8 +54,8 @@ const I = (n) => {
         size: "small"
       }
     )),
-    /* @__PURE__ */ o.createElement("span", { className: "k-chip-content" }, /* @__PURE__ */ o.createElement("span", { className: "k-chip-label" }, g)),
-    /* @__PURE__ */ o.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ o.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: f }, /* @__PURE__ */ o.createElement(l, { name: "x-circle", icon: R, size: "small" })))
+    /* @__PURE__ */ a.createElement("span", { className: "k-chip-content" }, /* @__PURE__ */ a.createElement("span", { className: "k-chip-label" }, h)),
+    /* @__PURE__ */ a.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ a.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: f }, /* @__PURE__ */ a.createElement(l, { name: "x-circle", icon: R, size: "small" })))
   ));
 };
 export {

package/filterCommon.d.ts

@@ -0,0 +1,86 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { LocalizationService, IntlService } from '@progress/kendo-react-intl';
+import { GridFilterOperators } from './interfaces/GridFilterOperators.js';
+import { GridFilterOperator } from './interfaces/GridFilterOperator.js';
+import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const filterLogicList: {
+    text: string;
+    operator: string;
+}[];
+/**
+ * The text of the filter operators displayed in the filter menu.
+ */
+export declare const operators: GridFilterOperators;
+/**
+ * @hidden
+ */
+export declare const IsUnaryFilter: (operator: string) => boolean;
+/**
+ * @hidden
+ */
+export declare const operatorMap: (iterable: Array<any>, service: LocalizationService) => {
+    text: string;
+    operator: any;
+}[];
+/**
+ * @hidden
+ */
+export declare const defaultBooleanOperator: string;
+/**
+ * The value of the filter operators displayed in the boolean filter menu.
+ */
+export declare const booleanFilterValues: ({
+    text: string;
+    operator: string;
+} | {
+    text: string;
+    operator: boolean;
+})[];
+/**
+ * @hidden
+ */
+export declare const defaultHideSecondFilter: {
+    text: boolean;
+    numeric: boolean;
+    date: boolean;
+    boolean: boolean;
+};
+/**
+ * Normalize data for calling onChange.
+ */
+export declare const cellInputChange: (value: any, e: React.SyntheticEvent<any>, props: any) => void;
+/**
+ * @hidden
+ */
+export declare const getDefaultOperator: (filterOperators: GridFilterOperators | GridFilterOperator[], filterType?: string) => any;
+/**
+ * @hidden
+ */
+export declare const getFilterType: (filterType: 'text' | 'numeric' | 'boolean' | 'date' | undefined) => "boolean" | "text" | "date" | "numeric";
+/**
+ * Normalize data for calling onChange.
+ */
+export declare const cellBoolDropdownChange: (event: any, onChange: Function) => void;
+/**
+ * Normalize data for calling onChange.
+ */
+export declare const cellOperatorChange: (event: any, currentValue: any, onChange: Function) => void;
+/**
+ * Parse date values in the filter descriptors.
+ * If the value is a string, it will be parsed to a Date object using the provided
+ */
+export declare const parseFilterDates: (newFilter: CompositeFilterDescriptor | FilterDescriptor, intl?: IntlService) => void;
+/**
+ * Combine two filter descriptors into one, merging filters with the same field.
+ */
+export declare const combineSmartFilters: (filter: CompositeFilterDescriptor, existingFilter?: CompositeFilterDescriptor) => CompositeFilterDescriptor | null;

package/footer/Footer.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @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 FooterProps {
+    staticHeaders: boolean;
+    row?: React.ReactElement<any>;
+    cols: React.ReactElement<HTMLTableColElement>[];
+    className?: string;
+    size?: string;
+}
+/**
+ * Represents the Footer handle.
+ */
+export interface FooterHandle {
+    /**
+     * Sets thе scrollLeft.
+     */
+    setScrollLeft: (scrollLeft: number) => void;
+    /**
+     * Sets the width.
+     */
+    setWidth: (width: number) => void;
+}
+/**
+ * @hidden
+ */
+export declare const Footer: {
+    (props: FooterProps): React.JSX.Element;
+    displayName: string;
+};

package/footer/Footer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@progress/kendo-react-common"),i=require("../utils/GridContext.js");function u(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=u(s),c=e=>{const o=t.useRef(null),r=t.useRef(null),n=t.useContext(i.GridContext);return t.useImperativeHandle(n.footerRef,()=>({setScrollLeft:a=>{o.current&&(o.current.scrollLeft=a)},setWidth:a=>{r.current&&(r.current.style.width=a?a+"px":"")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:o,className:"k-grid-footer-wrap",role:"presentation"},t.createElement("table",{ref:r,className:l.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${l.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:a=>{n.columnResizeRef.current.colGroupFooter=a},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)};c.displayName="KendoReactFooter";exports.Footer=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("@progress/kendo-react-common"),u=require("../utils/GridContext.js");function f(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=f(i),s=e=>{var l;const o=t.useRef(null),r=t.useRef(null),a=t.useContext(u.GridContext);return t.useImperativeHandle(a.footerRef,()=>({setScrollLeft:n=>{o.current&&(o.current.scrollLeft=n)},setWidth:n=>{r.current&&(r.current.style.width=n?n+"px":"")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:o,className:"k-grid-footer-wrap",role:"presentation"},t.createElement("table",{ref:r,className:c.classNames("k-table k-grid-footer-table",{[`k-table-${((l=c.kendoThemeMaps.sizeMap)==null?void 0:l[e.size])||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:n=>{a.columnResizeRef.current.colGroupFooter=n},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)};s.displayName="KendoReactFooter";exports.Footer=s;

package/footer/Footer.mjs

@@ -7,10 +7,11 @@
  */
 "use client";
 import * as e from "react";
-import { classNames as n, kendoThemeMaps as s } from "@progress/kendo-react-common";
-import { GridContext as c } from "../utils/GridContext.mjs";
-const i = (t) => {
-  const o = e.useRef(null), a = e.useRef(null), l = e.useContext(c);
+import { classNames as s, kendoThemeMaps as c } from "@progress/kendo-react-common";
+import { GridContext as i } from "../utils/GridContext.mjs";
+const f = (t) => {
+  var n;
+  const o = e.useRef(null), a = e.useRef(null), l = e.useContext(i);
   return e.useImperativeHandle(l.footerRef, () => ({
     setScrollLeft: (r) => {
       o.current && (o.current.scrollLeft = r);
@@ -22,11 +23,10 @@ const i = (t) => {
     "table",
     {
       ref: a,
-      className: n(
+      className: s(
         "k-table k-grid-footer-table",
         {
-          "k-table-md": !t.size,
-          [`k-table-${s.sizeMap[t.size] || t.size}`]: t.size
+          [`k-table-${((n = c.sizeMap) == null ? void 0 : n[t.size]) || t.size}`]: t.size
         },
         t.className
       ),
@@ -45,7 +45,7 @@ const i = (t) => {
     /* @__PURE__ */ e.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, t.row)
   ))) : /* @__PURE__ */ e.createElement("tfoot", { className: "k-table-tfoot" }, t.row);
 };
-i.displayName = "KendoReactFooter";
+f.displayName = "KendoReactFooter";
 export {
-  i as Footer
+  f as Footer
 };

package/footer/FooterCell.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ExtendedColumnProps } from '../GridColumn.js';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const FooterCell: (props: {
+    column: ExtendedColumnProps;
+    index: number;
+    id: string;
+    cells?: GridCellsSettings;
+}) => React.JSX.Element;

package/footer/FooterRow.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ExtendedColumnProps } from '../GridColumn.js';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface FooterRowProps {
+    cells?: GridCellsSettings;
+    columns: ExtendedColumnProps[];
+    idPrefix: string;
+    ariaRowIndex: number;
+}
+/**
+ * @hidden
+ */
+export declare const FooterRow: (props: FooterRowProps) => React.JSX.Element;

package/footer/client/FooterCellContainer.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 * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const FooterCellContainer: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/header/FilterRow.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 { CompositeFilterDescriptor, SortDescriptor } from '@progress/kendo-data-query';
+import { LocalizationService } from '@progress/kendo-react-intl';
+import { ExtendedColumnProps } from '../GridColumn.js';
+import { GridFilterOperators } from '../interfaces/GridFilterOperators.js';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const FILTER_ROW_CLASS = "k-table-row k-filter-row";
+/**
+ * @hidden
+ */
+export interface FilterRowProps {
+    cells?: GridCellsSettings;
+    columns: ExtendedColumnProps[];
+    filter?: CompositeFilterDescriptor;
+    filterOperators: GridFilterOperators;
+    sort?: SortDescriptor[];
+    ariaRowIndex?: number;
+    navigatable?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    localization: LocalizationService;
+}
+/**
+ * @hidden
+ */
+export declare const FilterRow: (props: FilterRowProps) => React.JSX.Element;

package/header/GridHeaderCell.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps.js';
+import * as React from 'react';
+/**
+ * @example
+ * ```jsx
+ * const App = () => {
+ *     const [data, setData] = useState([
+ *         { foo: 'A1', bar: 'B1', b1: 1, b2: 2 },
+ *         { foo: 'A2', bar: 'B2', b1: 3, b2: 4 },
+ *         { foo: 'A3', bar: 'B2', b1: 5, b2: 6 }
+ *     ]);
+ *     const [barDetails, setBarDetails] = useState(false);
+ *
+ *     const CustomHeaderCell = (props: CustomCellProps) => (
+ *       <td
+ *           {...props.tdProps}
+ *           colSpan={1}>
+ *           <span>
+ *               {props.title || props.field + ' '}
+ *               <Button onClick={() => setBarDetails(!barDetails)}>
+ *                   {barDetails ? 'collapse' : 'expand'}
+ *               </Button>
+ *               {props.children}
+ *           </span>
+ *       </td>
+ *     );
+ *
+ *     return (
+ *         <Grid style={{ height: '420px' }} data={data} reorderable={true}>
+ *             <GridColumn field="foo" />
+ *             <GridColumn field="bar" cells={{ headerCell: CustomHeaderCell }}>
+ *                 {barDetails && [<GridColumn field="b1" />, <GridColumn field="b2" />]}
+ *             </GridColumn>
+ *         </Grid>
+ *     );
+ * };
+ *
+ * export default App;
+ * ```
+ */
+export declare const GridHeaderCell: (props: GridHeaderCellProps) => React.JSX.Element;

package/header/GridHeaderSelectionCell.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridHeaderSelectionCell: (props: GridHeaderCellProps) => (React.JSX.Element | null | undefined)[];

package/header/GroupPanel.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GroupDescriptor } from '@progress/kendo-data-query';
+import { ColumnDraggableProps } from '../drag/ColumnDraggable.js';
+import { ExtendedColumnProps } from '../GridColumn.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface GroupPanelProps extends ColumnDraggableProps {
+    columns: ExtendedColumnProps[];
+    group: GroupDescriptor[];
+    ariaControls: string;
+}
+/**
+ * @hidden
+ */
+export declare const GroupPanel: (props: GroupPanelProps) => React.JSX.Element;

package/header/GroupPanel.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),P=require("../drag/GroupingIndicator.js"),C=require("@progress/kendo-react-intl"),c=require("../messages/index.js"),G=require("../utils/GridContext.js");function v(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const l=v(b),R=t=>{const n=l.useContext(G.GridContext),a=(o,e)=>{const r=t.group.slice();r.splice(e,1),n.groupChange(r,o)},s=(o,e,r,i)=>{const f=Object.assign({},r,{dir:i}),d=t.group.slice();d.splice(e,1,f),n.groupChange(d,o)},u=C.useLocalization(),p=t.group||[],m=o=>{const e=t.columns.find(i=>i.field===o),r=e&&(e.title||e.field);return r===void 0?o:r},g=p.map((o,e)=>l.createElement(P.GroupingIndicator,{key:e,index:e,dir:o.dir||"asc",title:m(o.field),onRemove:r=>{a(r,e)},onSortChange:(r,i)=>{s(r,e,o,i)},onPress:n.dragLogicRef.current.pressHandler,onDrag:n.dragLogicRef.current.dragHandler,onRelease:n.dragLogicRef.current.releaseHandler,onContextMenu:n.onContextMenu}));return l.createElement("div",{ref:n.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":u.toLanguageString(c.groupPanelAriaLabel,c.messages[c.groupPanelAriaLabel]),"aria-controls":t.ariaControls||""},l.createElement("div",{className:"k-chip-list k-chip-list-md",role:"none"},g),l.createElement("div",{className:"k-grouping-drop-container"},!g.length&&u.toLanguageString(c.groupPanelEmpty,c.messages[c.groupPanelEmpty])," "))};exports.GroupPanel=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),P=require("../drag/GroupingIndicator.js"),C=require("@progress/kendo-react-intl"),c=require("../messages/index.js"),G=require("../utils/GridContext.js");function v(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const l=v(b),R=t=>{const n=l.useContext(G.GridContext),a=(o,e)=>{const r=t.group.slice();r.splice(e,1),n.groupChange(r,o)},s=(o,e,r,i)=>{const f=Object.assign({},r,{dir:i}),d=t.group.slice();d.splice(e,1,f),n.groupChange(d,o)},u=C.useLocalization(),p=t.group||[],m=o=>{const e=t.columns.find(i=>i.field===o),r=e&&(e.title||e.field);return r===void 0?o:r},g=p.map((o,e)=>l.createElement(P.GroupingIndicator,{key:e,index:e,dir:o.dir||"asc",title:m(o.field),onRemove:r=>{a(r,e)},onSortChange:(r,i)=>{s(r,e,o,i)},onPress:n.dragLogicRef.current.pressHandler,onDrag:n.dragLogicRef.current.dragHandler,onRelease:n.dragLogicRef.current.releaseHandler,onContextMenu:n.onContextMenu}));return l.createElement("div",{ref:n.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":u.toLanguageString(c.groupPanelAriaLabel,c.messages[c.groupPanelAriaLabel]),"aria-controls":t.ariaControls||""},l.createElement("div",{className:"k-chip-list",role:"none"},g),l.createElement("div",{className:"k-grouping-drop-container"},!g.length&&u.toLanguageString(c.groupPanelEmpty,c.messages[c.groupPanelEmpty])," "))};exports.GroupPanel=R;