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

package/header/GroupPanel.mjs

@@ -7,22 +7,22 @@
  */
 "use client";
 import * as i from "react";
-import { GroupingIndicator as v } from "../drag/GroupingIndicator.mjs";
-import { useLocalization as G } from "@progress/kendo-react-intl";
+import { GroupingIndicator as G } from "../drag/GroupingIndicator.mjs";
+import { useLocalization as L } from "@progress/kendo-react-intl";
 import { groupPanelAriaLabel as g, messages as u, groupPanelEmpty as m } from "../messages/index.mjs";
-import { GridContext as L } from "../utils/GridContext.mjs";
-const b = (t) => {
-  const n = i.useContext(L), p = (r, e) => {
+import { GridContext as R } from "../utils/GridContext.mjs";
+const k = (t) => {
+  const n = i.useContext(R), p = (r, e) => {
     const o = t.group.slice();
     o.splice(e, 1), n.groupChange(o, r);
   }, d = (r, e, o, a) => {
-    const h = Object.assign({}, o, { dir: a }), s = t.group.slice();
-    s.splice(e, 1, h), n.groupChange(s, r);
-  }, l = G(), f = t.group || [], C = (r) => {
+    const v = Object.assign({}, o, { dir: a }), s = t.group.slice();
+    s.splice(e, 1, v), n.groupChange(s, r);
+  }, l = L(), f = t.group || [], C = (r) => {
     const e = t.columns.find((a) => a.field === r), o = e && (e.title || e.field);
     return o === void 0 ? r : o;
   }, c = f.map((r, e) => /* @__PURE__ */ i.createElement(
-    v,
+    G,
     {
       key: e,
       index: e,
@@ -49,10 +49,10 @@ const b = (t) => {
       "aria-label": l.toLanguageString(g, u[g]),
       "aria-controls": t.ariaControls || ""
     },
-    /* @__PURE__ */ i.createElement("div", { className: "k-chip-list k-chip-list-md", role: "none" }, c),
+    /* @__PURE__ */ i.createElement("div", { className: "k-chip-list", role: "none" }, c),
     /* @__PURE__ */ i.createElement("div", { className: "k-grouping-drop-container" }, !c.length && l.toLanguageString(m, u[m]), " ")
   );
 };
 export {
-  b as GroupPanel
+  k as GroupPanel
 };

package/header/Header.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @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 HeaderProps {
+    staticHeaders: boolean;
+    headerRow: React.ReactElement<any>;
+    filterRow?: React.ReactElement<any>;
+    cols: React.ReactElement<HTMLTableColElement>[];
+    draggable?: boolean | undefined;
+    className?: string;
+    size?: string;
+}
+/**
+ * Represents the Header handle.
+ */
+export interface HeaderHandle {
+    /**
+     * Sets teh scrollLeft.
+     */
+    setScrollLeft: (scrollLeft: number) => void;
+    /**
+     * Sets the width.
+     */
+    setWidth: (width: number) => void;
+    /**
+     * Gets the table element.
+     */
+    table: () => HTMLTableElement | null;
+}
+/**
+ * @hidden
+ */
+export declare const Header: {
+    (props: HeaderProps): React.JSX.Element;
+    displayName: string;
+};

package/header/Header.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),c=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-data-tools"),y=require("../utils/GridContext.js");function v(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=v(h),R=e=>{const r=t.useRef(null),a=t.useRef(null),s=t.useRef(!1),l=t.useContext(y.GridContext),b=c.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:n=>{r.current&&r.current.scrollLeft!==n&&(s.current=!0,r.current.scrollLeft=n)},setWidth:n=>{a.current&&(a.current.style.width=n?n+"px":"")},table:()=>a.current}));const g=n=>{var f;if(s.current){s.current=!1;return}if(!r.current)return;const d=r.current.scrollLeft,i=((f=l.vsRef.current)==null?void 0:f.container)||null;i&&i.scrollLeft!==d&&(i.scrollLeft=d)},u=c.useUnstyled(),o=u&&u.uGrid?u.uGrid:c.uGrid,{size:N="md"}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:c.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:c.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:c.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:n=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=n)}},e.cols),t.createElement("thead",{className:c.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:c.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),c=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-data-tools"),y=require("../utils/GridContext.js");function v(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=v(h),R=e=>{const r=t.useRef(null),a=t.useRef(null),s=t.useRef(!1),l=t.useContext(y.GridContext),b=c.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:n=>{r.current&&r.current.scrollLeft!==n&&(s.current=!0,r.current.scrollLeft=n)},setWidth:n=>{a.current&&(a.current.style.width=n?n+"px":"")},table:()=>a.current}));const g=n=>{var f;if(s.current){s.current=!1;return}if(!r.current)return;const d=r.current.scrollLeft,i=((f=l.vsRef.current)==null?void 0:f.container)||null;i&&i.scrollLeft!==d&&(i.scrollLeft=d)},u=c.useUnstyled(),o=u&&u.uGrid?u.uGrid:c.uGrid,{size:N}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:c.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:c.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:c.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:n=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=n)}},e.cols),t.createElement("thead",{className:c.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:c.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;

package/header/Header.mjs

@@ -31,7 +31,7 @@ const y = (e) => {
       return;
     const d = l.current.scrollLeft, i = ((f = t.vsRef.current) == null ? void 0 : f.container) || null;
     i && i.scrollLeft !== d && (i.scrollLeft = d);
-  }, u = N(), n = u && u.uGrid ? u.uGrid : E, { size: b = "md" } = e;
+  }, u = N(), n = u && u.uGrid ? u.uGrid : E, { size: b } = e;
   return e.staticHeaders ? /* @__PURE__ */ r.createElement(
     "div",
     {

package/header/HeaderRow.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 { GridSortSettings } from '../interfaces/GridSortSettings.js';
+import { SortDescriptor, CompositeFilterDescriptor, GroupDescriptor } from '@progress/kendo-data-query';
+import { ColumnDraggableProps } from '../drag/ColumnDraggable.js';
+import { ExtendedColumnProps } from '../GridColumn.js';
+import { GridColumnMenuProps } from '../interfaces/GridColumnMenuProps.js';
+import { GridFilterOperators } from '../interfaces/GridFilterOperators.js';
+import { GridClassStructure, SVGIcon } from '@progress/kendo-react-common';
+import { LocalizationService } from '@progress/kendo-react-intl';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings.js';
+import { GridColumnState } from '../interfaces/index.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface HeaderRowProps extends ColumnDraggableProps {
+    cells?: GridCellsSettings;
+    sortable?: GridSortSettings;
+    sort?: SortDescriptor[];
+    group: GroupDescriptor[];
+    groupable: boolean;
+    filter?: CompositeFilterDescriptor;
+    filterable?: boolean | undefined;
+    filterOperators: GridFilterOperators;
+    columns: ExtendedColumnProps[];
+    columnsMap: number[][];
+    columnMenu?: null | React.ComponentType<GridColumnMenuProps>;
+    columnMenuIcon?: SVGIcon;
+    show?: boolean;
+    navigatable?: boolean;
+    localization: LocalizationService;
+    unstyled?: GridClassStructure;
+    headerSelectionValue?: boolean;
+    columnsState?: GridColumnState[];
+}
+/**
+ * @hidden
+ */
+export declare const HeaderRow: (props: HeaderRowProps) => React.JSX.Element;

package/header/client/GridFilterCellContainer.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 GridFilterCellContainer: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/header/client/GridFilterCellElementContainer.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 GridFilterCellElementContainer: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/header/client/GridHeaderCellContainer.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 GridHeaderCellContainer: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/header/client/GridHeaderCellElementContainer.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 GridHeaderCellElementContainer: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/header/client/GridHeaderRowContainer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @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 GridHeaderRowContext: React.Context<any>;
+/**
+ * @hidden
+ */
+export declare const GridHeaderRowContainer: (props: any) => React.JSX.Element;

package/header/client/GridHeaderRowReorderCell.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 GridHeaderRowReorderCell: (props: any) => React.JSX.Element;

package/header/client/HeaderCellResizer.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const HeaderCellResizer: (props: any) => any;

package/header/client/HeaderRowDraggable.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const HeaderRowDraggable: (props: any) => any;