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

package/columnMenu/GridColumnMenuColumnsList.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridColumnProps } from './../interfaces/GridColumnProps.js';
+import * as React from 'react';
+/**
+ * Represents the props of the KendoReact GridColumnMenuColumnsList component.
+ */
+export interface GridColumnMenuColumnsListProps {
+    /**
+     * The columns state of the KendoReact GridColumnMenuColumnsList component.
+     */
+    columnsState: GridColumnProps[];
+    /**
+     * The initial columns of the KendoReact GridColumnMenuColumnsList component.
+     */
+    columns: GridColumnProps[];
+    /**
+     * The onColumnsChange event handler of the KendoReact GridColumnMenuColumnsList component.
+     */
+    onColumnsChange: (cols: GridColumnProps[]) => void;
+    /**
+     * The onCloseMenu event handler of the KendoReact GridColumnMenuColumnsList component.
+     */
+    onCloseMenu: Function;
+}
+/**
+ * Represents the KendoReact GridColumnMenuColumnsList component.
+ */
+export declare const GridColumnMenuColumnsList: React.FunctionComponent<GridColumnMenuColumnsListProps>;

package/columnMenu/GridColumnMenuFilter.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @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 } from '@progress/kendo-data-query';
+import { GridColumnMenuFilterUIProps } from '../interfaces/GridColumnMenuFilterUIProps.js';
+import { GridColumnMenuFilterBaseProps } from '../interfaces/GridColumnMenuFilterBaseProps.js';
+import { ComponentType } from 'react';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const rootFilterOrDefault: (rootFilter: CompositeFilterDescriptor | undefined) => CompositeFilterDescriptor;
+/**
+ * @hidden
+ */
+export declare const filterGroupByField: (field: string, filter: CompositeFilterDescriptor | undefined) => CompositeFilterDescriptor | null;
+/**
+ * Can be used to check if filtering is applied to a specific field ([see example](https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu#toc-styling-the-column-menu-icon)). Useful for creating active filter indicators.
+ */
+export declare const isColumnMenuFilterActive: (field: string, filter?: CompositeFilterDescriptor) => boolean;
+/**
+ * The props of the GridColumnMenuFilter component.
+ */
+export interface GridColumnMenuFilterProps extends GridColumnMenuFilterBaseProps {
+    /**
+     * Controls the expand state of the filter component.
+     */
+    expanded?: boolean;
+    /**
+     * Triggered on each subsequent expand state of the filter component.
+     */
+    onExpandChange?: (nextExpandState: boolean) => void;
+    /**
+     * 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>;
+    /**
+     * The child elements to be rendered inside the filter component.
+     */
+    children?: React.ReactNode;
+    /**
+     * If set to `true`, filter expand button will not be rendered and filter menu will be expanded.
+     */
+    alwaysExpand?: boolean;
+}
+/**
+ * @example
+ * ```jsx-no-run
+ * const TextColumnMenu = (props) => {
+ *   return (
+ *     <div>
+ *       <GridColumnMenuSort {...props} />
+ *       <GridColumnMenuFilter {...props} />
+ *     </div>
+ *   );
+ * };
+ *
+ * const App = () => {
+ *   const [state, setState] = React.useState(
+ *     createAppState({
+ *       take: 10,
+ *       skip: 0,
+ *     })
+ *   );
+ *
+ *   function createAppState(dataState) {
+ *     return {
+ *       result: process(products.slice(0), dataState),
+ *       dataState: dataState,
+ *     };
+ *   }
+ *
+ *   const dataStateChange = (event) => {
+ *     setState(createAppState(event.dataState));
+ *   };
+ *
+ *   return (
+ *     <Grid
+ *       data={state.result}
+ *       {...state.dataState}
+ *       onDataStateChange={dataStateChange}
+ *       sortable={true}
+ *       pageable={true}
+ *     >
+ *       <GridColumn field="ProductID" title="Product ID" />
+ *       <GridColumn field="ProductName" columnMenu={TextColumnMenu} />
+ *     </Grid>
+ *   );
+ * };
+ * ```
+ */
+export declare const GridColumnMenuFilter: (props: GridColumnMenuFilterProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuFilterCell.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 { GridFilterOperator } from '../interfaces/GridFilterOperator.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface GridColumnMenuFilterCellProps {
+    field?: string;
+    filterType: 'text' | 'numeric' | 'boolean' | 'date';
+    value: any;
+    operator?: string | Function;
+    operators: GridFilterOperator[];
+    booleanValues: GridFilterOperator[];
+    onChange: (event: {
+        value: any;
+        operator: string | Function;
+        syntheticEvent: React.SyntheticEvent<any>;
+    }) => void;
+}
+/**
+ * @hidden
+ */
+export declare const GridColumnMenuFilterCell: (props: GridColumnMenuFilterCellProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuFilterUI.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 { GridColumnMenuFilterUIProps } from '../interfaces/GridColumnMenuFilterUIProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridColumnMenuFilterUI: (props: GridColumnMenuFilterUIProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuGroup.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridColumnMenuGroupBaseProps } from '../interfaces/GridColumnMenuGroupBaseProps.js';
+import * as React from 'react';
+/**
+ * The props of the GridColumnMenuGroup component.
+ */
+export interface GridColumnMenuGroupProps extends GridColumnMenuGroupBaseProps {
+}
+/**
+ * @example
+ * ```jsx-no-run
+ * const TextColumnMenu = (props) => {
+ *     return (
+ *         <div>
+ *             <GridColumnMenuSort {...props} />
+ *             <GridColumnMenuGroup {...props} />
+ *         </div>
+ *     );
+ * };
+ *
+ * const initialState = {
+ *     take: 10,
+ *     skip: 0
+ * };
+ *
+ * const App = () => {
+ *     const [dataState, setDataState] = useState(initialState);
+ *     const [result, setResult] = useState(process(products.slice(0), initialState));
+ *
+ *     const dataStateChange = (event) => {
+ *         setDataState(event.dataState);
+ *         setResult(process(products.slice(0), event.dataState));
+ *     }
+ *
+ *     return (
+ *         <div>
+ *             <Grid
+ *                 data={result}
+ *                 {...dataState}
+ *                 onDataStateChange={dataStateChange}
+ *                 sortable={true}
+ *                 pageable={true}
+ *             >
+ *                 <Column field="ProductID" title="Product ID" />
+ *                 <Column field="ProductName" columnMenu={TextColumnMenu} />
+ *             </Grid>
+ *             <br />
+ *         </div>
+ *     );
+ * };
+ *
+ * export default App;
+ * ```
+ */
+export declare const GridColumnMenuGroup: (props: GridColumnMenuGroupProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuGroup.mjs

@@ -10,7 +10,7 @@ import * as m from "react";
 import { useLocalization as a } from "@progress/kendo-react-intl";
 import { GridColumnMenuItemGroup as d } from "./GridColumnMenuItemGroup.mjs";
 import { GridColumnMenuItem as g } from "./GridColumnMenuItem.mjs";
-import { messages as C, groupColumn as p, ungroupColumn as G } from "../messages/index.mjs";
+import { groupColumn as C, ungroupColumn as p, messages as G } from "../messages/index.mjs";
 import { groupIcon as I, ungroupIcon as M } from "@progress/kendo-svg-icons";
 const L = (o) => {
   const c = (e) => {
@@ -23,12 +23,12 @@ const L = (o) => {
       }), o.onGroupChange(u, e);
     }
     o.onCloseMenu && o.onCloseMenu();
-  }, { group: i, column: l } = o, f = a(), n = !!(i && l.field && i.find((e) => e.field === l.field)), r = n ? G : p;
+  }, { group: i, column: l } = o, f = a(), n = !!(i && l.field && i.find((e) => e.field === l.field)), r = n ? p : C;
   return /* @__PURE__ */ m.createElement(d, null, /* @__PURE__ */ m.createElement(
     g,
     {
       selected: n,
-      title: f.toLanguageString(r, C[r]),
+      title: f.toLanguageString(r, G[r]),
       iconClass: n ? "k-i-ungroup" : "k-i-group",
       svgIcon: n ? M : I,
       onClick: c

package/columnMenu/GridColumnMenuItem.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 { SVGIcon } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * The props of the GridColumnMenuItem component.
+ */
+export interface GridColumnMenuItemProps {
+    /**
+     * Triggered each time the title is clicked.
+     */
+    onClick: React.MouseEventHandler<HTMLElement>;
+    /**
+     * The title of the GridColumnMenuItem component.
+     */
+    title: string;
+    /**
+     * The class of the icon that is rendered next to the title.
+     */
+    iconClass?: string;
+    /**
+     * The SVG icon that is rendered next to the title.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * The selected state of the component.
+     */
+    selected?: boolean;
+    /**
+     * @hidden
+     * States if the Column Menu item is expandable.
+     */
+    expandable?: boolean;
+    /**
+     * @hidden
+     * States if the Column Menu item is expanded.
+     */
+    expanded?: boolean;
+}
+/**
+ * The GridColumnMenuItem component that is used inside the Grid ColumnMenu.
+ */
+export declare const GridColumnMenuItem: (props: GridColumnMenuItemProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuItemContent.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * The props of the GridColumnMenuItemContent component.
+ */
+export interface GridColumnMenuItemContentProps extends KendoReactComponentBaseProps {
+    /**
+     * The `show` state of the component. Each change is animated with the Reveal animation.
+     */
+    show: boolean;
+}
+/**
+ * The GridColumnMenuItemContent that will be used inside the Grid ColumnMenu.
+ */
+export declare const GridColumnMenuItemContent: (props: GridColumnMenuItemContentProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuItemGroup.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * The props of the GridColumnMenuItemGroup component.
+ */
+export interface GridColumnMenuItemGroupProps extends KendoReactComponentBaseProps {
+}
+/**
+ * The GridColumnMenuItemGroup that will be used inside the Grid ColumnMenu.
+ */
+export declare const GridColumnMenuItemGroup: (props: GridColumnMenuItemGroupProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuSort.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SortDescriptor } from '@progress/kendo-data-query';
+import { GridColumnMenuSortBaseProps } from '../interfaces/GridColumnMenuSortBaseProps.js';
+import * as React from 'react';
+/**
+ * Can be used to check if sorting is applied to a specific field ([see example](https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
+ */
+export declare const isColumnMenuSortActive: (field: string, sort?: SortDescriptor[]) => boolean;
+/**
+ * The props of the GridColumnMenuSort component.
+ */
+export interface GridColumnMenuSortProps extends GridColumnMenuSortBaseProps {
+}
+/**
+ * @example
+ * ```jsx-no-run
+ * const ColumnMenu = (props) => {
+ *     return (
+ *         <div>
+ *             <GridColumnMenuSort {...props} />
+ *         </div>
+ *     );
+ * };
+ *
+ * const initialState = {
+ *     take: 10,
+ *     skip: 0
+ * };
+ *
+ * const App = () => {
+ *     const [dataState, setDataState] = useState(initialState);
+ *     const [result, setResult] = useState(process(products.slice(0), initialState));
+ *
+ *     const dataStateChange = (event) => {
+ *         setDataState(event.dataState);
+ *         setResult(process(products.slice(0), event.dataState));
+ *     };
+ *
+ *     return (
+ *         <div>
+ *             <div>
+ *                 <Grid
+ *                     data={result}
+ *                     {...dataState}
+ *                     onDataStateChange={dataStateChange}
+ *                     sortable={true}
+ *                     pageable={true}
+ *                 >
+ *                     <Column field="ProductID" title="Product ID" columnMenu={ColumnMenu} />
+ *                     <Column field="ProductName" />
+ *                 </Grid>
+ *                 <br />
+ *             </div>
+ *         </div>
+ *     );
+ * };
+ *
+ * export default App;
+ * ```
+ */
+export declare const GridColumnMenuSort: (props: GridColumnMenuSortProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuWrapper.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridColumnMenuProps } from '../interfaces/GridColumnMenuProps.js';
+import { SVGIcon } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * The props of the GridColumnMenuWrapper component.
+ */
+export interface GridColumnMenuWrapperProps extends GridColumnMenuProps {
+    /**
+     * The component to be rendered as content of the Grid column menu.
+     */
+    columnMenu?: React.ComponentType<GridColumnMenuProps> | null;
+    /**
+     * The icon that overrides the default(three vertical dots) icon displayed in the column menu of each column.
+     */
+    columnMenuIcon?: SVGIcon;
+}
+/**
+ * @hidden
+ */
+export interface ColumnMenuStateProps {
+    show: boolean;
+}
+/**
+ * The GridColumnMenuWrapper component.
+ */
+export declare const GridColumnMenuWrapper: (props: GridColumnMenuWrapperProps) => React.JSX.Element;

package/columnMenu/GridColumnMenuWrapper.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as t from "react";
 import { Popup as V } from "@progress/kendo-react-popup";
-import { TABBABLE_ELEMENTS as _, useDocument as H, Navigation as q, classNames as J, IconWrap as D, getActiveElement as Q } from "@progress/kendo-react-common";
+import { useDocument as _, Navigation as H, classNames as q, IconWrap as D, TABBABLE_ELEMENTS as J, getActiveElement as Q } from "@progress/kendo-react-common";
 import { moreVerticalIcon as U } from "@progress/kendo-svg-icons";
 import { columnMenu as b, messages as X } from "../messages/index.mjs";
 import { useLocalization as Y } from "@progress/kendo-react-intl";
@@ -16,9 +16,9 @@ import { GridContext as Z } from "../utils/GridContext.mjs";
 import { GridColumnMenuAdaptiveProvider as O } from "./adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
 import { GridAdaptiveColumnMenu as j } from "./adaptiveContent/GridAdaptiveColumnMenu.mjs";
 import ee from "react-dom";
-const ne = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((r) => _.map((c) => `${r} ${c}`)), te = [[".k-tabstrip-items"], [".k-columnmenu-item"], ...ne], de = (r) => {
+const ne = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((r) => J.map((c) => `${r} ${c}`)), te = [[".k-tabstrip-items"], [".k-columnmenu-item"], ...ne], de = (r) => {
   var y;
-  const c = t.useContext(Z), [d, M] = t.useState(!1), s = t.useRef(null), i = t.useRef(null), l = t.useRef(null), h = t.useRef(0), A = H(s), { columnMenu: a, ...p } = r, { column: u, columnMenuIcon: g, navigatable: C } = r, T = Y(), w = u.title || u.field, S = w ? `${w} ` : "", x = "#", N = (n) => {
+  const c = t.useContext(Z), [d, M] = t.useState(!1), s = t.useRef(null), i = t.useRef(null), l = t.useRef(null), h = t.useRef(0), A = _(s), { columnMenu: a, ...p } = r, { column: u, columnMenuIcon: g, navigatable: C } = r, T = Y(), w = u.title || u.field, S = w ? `${w} ` : "", x = "#", N = (n) => {
     const e = Q(document);
     clearTimeout(h.current), h.current = window.setTimeout(() => {
       !c.mobileMode && e && n.relatedTarget !== s.current && i.current && !i.current.contains(e) && m();
@@ -65,7 +65,7 @@ const ne = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((r) =>
     },
     []
   ), k = t.useCallback((n, e) => !e || !Array.isArray(e) ? !1 : e.some((o) => o.field === n), []), W = t.useMemo(() => u.field && (v(u.field, c.filter) || k(u.field, c.group)), [u.field, c.filter, c.group, v, k]);
-  return t.useEffect(() => (E && i.current && (l.current = new q({
+  return t.useEffect(() => (E && i.current && (l.current = new H({
     tabIndex: 0,
     root: i,
     selectors: te,
@@ -78,7 +78,7 @@ const ne = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((r) =>
   }), [E]), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
     "a",
     {
-      className: J("k-grid-header-menu k-grid-column-menu", {
+      className: q("k-grid-header-menu k-grid-column-menu", {
         "k-active": W
       }),
       ref: s,

package/columnMenu/adaptiveContent/GridActionSheetFooter.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 { default as React } from 'react';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+/**
+ * @hidden
+ */
+type GridActionSheetFooterProps = {
+    onApply?: (event: React.FormEvent<HTMLFormElement>) => void;
+    onReset?: (event: React.FormEvent<HTMLFormElement>) => void;
+    submitMessage?: string;
+    resetMessage?: string;
+    submitIcon?: SVGIcon;
+    resetIcon?: SVGIcon;
+    submitDisabled?: boolean;
+};
+/**
+ * @hidden
+ */
+export declare const GridActionSheetFooterContent: (props: GridActionSheetFooterProps) => React.JSX.Element;
+export {};

package/columnMenu/adaptiveContent/GridAdaptiveCheckboxFilter.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @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 React } from 'react';
+/**
+ * @hidden
+ */
+type GridAdaptiveCheckboxFilterProps = {
+    onBackView?: () => void;
+    handleClose?: () => void;
+    isAllSelected?: () => boolean;
+    handleCheckBoxChange?: (event: any, value: any) => void;
+    clear: (event: React.FormEvent<HTMLFormElement>) => void;
+    submit?: (event: React.FormEvent<HTMLFormElement>) => void;
+    currentData: any;
+    uniqueFilterValues: any;
+    searchBox?: any;
+};
+/**
+ * @hidden
+ */
+export declare const GridAdaptiveCheckboxFilter: (props: GridAdaptiveCheckboxFilterProps) => React.JSX.Element;
+export {};

package/columnMenu/adaptiveContent/GridAdaptiveCheckboxFilter.mjs

@@ -8,7 +8,7 @@
 "use client";
 import e from "react";
 import S from "react-dom";
-import { adaptiveColumnMenuCheckboxFilterTitle as i, messages as c, filterCheckAll as r, filterSelectedItems as m, filterSubmitButton as s, filterClearButton as u } from "../../messages/index.mjs";
+import { adaptiveColumnMenuCheckboxFilterTitle as i, messages as c, filterCheckAll as r, filterSelectedItems as m, filterClearButton as s, filterSubmitButton as u } from "../../messages/index.mjs";
 import { GridContext as b } from "../../utils/GridContext.mjs";
 import { ActionSheetHeader as x, ActionSheetContent as M, ActionSheetFooter as N } from "@progress/kendo-react-layout";
 import { Button as h } from "@progress/kendo-react-buttons";
@@ -65,10 +65,10 @@ const H = (t) => {
         onApply: t.submit,
         onReset: t.clear,
         submitMessage: l.toLanguageString(
-          s,
-          c[s]
+          u,
+          c[u]
         ),
-        resetMessage: l.toLanguageString(u, c[u])
+        resetMessage: l.toLanguageString(s, c[s])
       }
     ))),
     k.current.current

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @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 React } from 'react';
+import { TextBoxChangeEvent } from '@progress/kendo-react-inputs';
+import { GridColumnState } from '../../index.js';
+/**
+ * @hidden
+ */
+type GridAdaptiveColumnChooserProps = {
+    onBackView?: () => void;
+    handleClose?: () => void;
+    onSelectAll?: () => void;
+    onFilter?: (event: TextBoxChangeEvent) => void;
+    onApply?: (event: React.FormEvent<HTMLFormElement>) => void;
+    onReset?: (event: React.FormEvent<HTMLFormElement>) => void;
+    onCheckChange?: (checked: boolean, id: string) => void;
+    filter?: string;
+    allSelected?: boolean;
+    checkedCount?: number;
+    filtered?: GridColumnState[];
+    selectedColumns?: Record<string, boolean>;
+};
+/**
+ * @hidden
+ */
+export declare const GridAdaptiveColumnChooser: (props: GridAdaptiveColumnChooserProps) => React.JSX.Element;
+export {};

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.mjs

@@ -10,7 +10,7 @@ import e from "react";
 import M from "react-dom";
 import { GridContext as N } from "../../utils/GridContext.mjs";
 import { chevronRightIcon as A, chevronLeftIcon as y, xIcon as I, searchIcon as w } from "@progress/kendo-svg-icons";
-import { adaptiveColumnMenuChooserTitle as r, messages as a, adaptiveColumnMenuChooserSubTitle as m, filterSelectAll as s, columnMenuColumnChooserSelectedItems as u, filterResetButton as d, filterApplyButton as h } from "../../messages/index.mjs";
+import { adaptiveColumnMenuChooserTitle as r, messages as a, adaptiveColumnMenuChooserSubTitle as m, filterSelectAll as s, columnMenuColumnChooserSelectedItems as u, filterApplyButton as d, filterResetButton as h } from "../../messages/index.mjs";
 import { Button as f } from "@progress/kendo-react-buttons";
 import { useLocalization as B } from "@progress/kendo-react-intl";
 import { TextBox as L, Checkbox as g, InputPrefix as R } from "@progress/kendo-react-inputs";
@@ -78,8 +78,8 @@ const Y = (t) => {
       {
         onApply: t.onApply,
         onReset: t.onReset,
-        resetMessage: o.toLanguageString(d, a[d]),
-        submitMessage: o.toLanguageString(h, a[h])
+        resetMessage: o.toLanguageString(h, a[h]),
+        submitMessage: o.toLanguageString(d, a[d])
       }
     ))),
     k.current.current

package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.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 { default as React } from 'react';
+/**
+ * @hidden
+ */
+export declare const GridAdaptiveColumnMenu: (props: any) => React.JSX.Element;

package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@progress/kendo-react-layout"),m=require("@progress/kendo-react-common"),d=require("../../utils/GridContext.js"),v=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-svg-icons"),C=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),f=require("@progress/kendo-react-intl"),i=require("../../messages/index.js"),k=n=>{const a=e.useContext(d.GridContext),{actionSheetRef:c,firstViewRef:s,secondViewRef:r}=e.useContext(C.GridColumnMenuAdaptiveContext),o=m.useAdaptiveModeContext(),l=f.useLocalization(),u={animation:!0,navigatable:!1,navigatableElements:[],expand:n.computedShow,animationStyles:o&&a.adaptiveColumnMenuRef<=o.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:o&&a.adaptiveColumnMenuRef<=o.small?"fullscreen":void 0};return e.createElement(t.ActionSheet,{...u,ref:c,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{n.closeMenu()}},e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(t.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},a.adaptiveTitle||l.toLanguageString(i.columnMenu,i.messages[i.columnMenu]))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(v.Button,{svgIcon:h.xIcon,onClick:n.closeMenu,fillMode:"flat"})))),e.createElement(t.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},n.children))),e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:r,style:{transitionDuration:"500ms",transitionProperty:"transform"}}))};exports.GridAdaptiveColumnMenu=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@progress/kendo-react-layout"),m=require("@progress/kendo-react-common"),d=require("../../utils/GridContext.js"),v=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-svg-icons"),C=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),k=require("@progress/kendo-react-intl"),i=require("../../messages/index.js"),f=n=>{const a=e.useContext(d.GridContext),{actionSheetRef:c,firstViewRef:s,secondViewRef:r}=e.useContext(C.GridColumnMenuAdaptiveContext),o=m.useAdaptiveModeContext(),l=k.useLocalization(),u={animation:!0,navigatable:!1,navigatableElements:[],expand:n.computedShow,animationStyles:o&&a.adaptiveColumnMenuRef<=o.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:o&&a.adaptiveColumnMenuRef<=o.small?"fullscreen":void 0};return e.createElement(t.ActionSheet,{...u,ref:c,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{n.closeMenu()}},e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(t.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},a.adaptiveTitle||l.toLanguageString(i.columnMenu,i.messages[i.columnMenu]))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(v.Button,{svgIcon:h.xIcon,onClick:n.closeMenu})))),e.createElement(t.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},n.children))),e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:r,style:{transitionDuration:"500ms",transitionProperty:"transform"}}))};exports.GridAdaptiveColumnMenu=f;