UNPKG

@progress/kendo-react-pivotgrid

Version:

React PivotGrid (also called Pivot Table) can be data-bound to an OLAP service and customized extensively. KendoReact PivotGrid package

146 lines (145 loc) 5.97 kB
/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ import { TreeViewProps as KendoReactTreeViewProps } from '@progress/kendo-react-treeview'; import { ButtonProps as KendoReactButtonProps } from '@progress/kendo-react-buttons'; import { FilterDescriptor } from '@progress/kendo-data-query'; import { ColumnMenuItemProps as KendoReactColumnMenuItemProps, ColumnMenuFormProps as KendoReactColumnMenuFormProps } from '@progress/kendo-react-data-tools'; import { PivotGridField, PivotGridAxis } from '@progress/kendo-pivotgrid-common'; import { CustomComponent } from '@progress/kendo-react-common'; import * as React from 'react'; /** * Represents the event arguments of the `PivotGridAxisFilterFields` expand-change event. */ export interface PivotGridAxisFilterFieldsExpandChangeEvent { /** * The handle of the component that triggered the event. */ target: PivotGridAxisFilterFieldsEditorHandle; /** * The expand state value. */ value: boolean; /** * The DOM event that triggered the change. */ syntheticEvent: React.SyntheticEvent; } /** * Represents the event arguments of the `PivotGridAxisFilterField` expand event. */ export interface PivotGridAxisFilterFieldExpandEvent { /** * The handle of the component that triggered the event. */ target: PivotGridAxisFilterFieldsEditorHandle; /** * The field that was expanded. */ value: PivotGridField; /** * The DOM event that triggered the expand. */ syntheticEvent: React.SyntheticEvent; } /** * Represents the props of the [KendoReact PivotGridAxisFilterFieldsEditor component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridaxisfilterfieldseditor). */ export interface PivotGridAxisFilterFieldsEditorProps { /** * Sets the `className` property of the top-most element of the PivotGridAxisFilterFieldsEditor in addition to the default `k-columnmenu-item-wrapper` class. */ className?: string; /** * Sets the `id` property of the top-most element of the PivotGridAxisFilterFieldsEditor. */ id?: string; /** * Sets the `tabIndex` property of the top-most element of the PivotGridAxisFilterFieldsEditor. */ tabIndex?: number; /** * Sets the `style` property of the top-most element of the PivotGridAxisFilterFieldsEditor. */ style?: React.CSSProperties; /** * Sets the `data` of the PivotGridAxisFilterFieldsEditor. * * The `data` represents all fields available for filtering. */ data?: PivotGridField[]; /** * Represents the `dataItem` of the AxisEditor. * * The `dataItem` is a single [PivotGridAxis](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridaxis) object. */ dataItem: PivotGridAxis; /** * Represents the initial filter value before additional operations are executed. */ defaultFilter?: FilterDescriptor; /** * Indicates which of the three available axes are represented by the editor: * - columnAxes * - rowAxes * - measureAxes */ axes: string; /** * Overrides the default `columnMenuItem` component. * * The default component is: [KendoReactColumnMenuItem](https://www.telerik.com/kendo-react-ui/components/datatools/api/columnmenuitem). */ columnMenuItem?: CustomComponent<KendoReactColumnMenuItemProps>; /** * Overrides the default `columnMenuForm` component. * * The default component is: [KendoReactColumnMenuForm](https://www.telerik.com/kendo-react-ui/components/datatools/api/columnmenuform). */ columnMenuForm?: CustomComponent<KendoReactColumnMenuFormProps>; /** * Overrides the default `resetButton` component. * * The default component is: [KendoReactButton](https://www.telerik.com/kendo-react-ui/components/buttons/api/button). */ resetButton?: CustomComponent<KendoReactButtonProps>; /** * Overrides the default `applyButton` component. * * The default component is: [KendoReactButton](https://www.telerik.com/kendo-react-ui/components/buttons/api/button). */ applyButton?: CustomComponent<KendoReactButtonProps>; /** * Overrides the default `treeView` component. * * The default component is: [KendoReactTreeView](https://www.telerik.com/kendo-react-ui/components/treeview/api/treeview). */ treeView?: CustomComponent<KendoReactTreeViewProps>; /** * Overrides the default `treeView` component. * * The default component is: `() => <Skeleton shape={'rectangle'} style={{height: '20px', width:'calc(100% - 16px)', margin: 8}}/>`. */ noData?: CustomComponent<any>; } /** * Represents the object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the PivotGridAxisFilterFieldsEditor component. */ export interface PivotGridAxisFilterFieldsEditorHandle { /** * The properties passed to the PivotGridAxisFilterFieldsEditor component. */ props: PivotGridAxisFilterFieldsEditorProps; /** * The DOM element of the PivotGridAxisFilterFieldsEditor component. */ element: HTMLDivElement | null; } /** * Represents the [KendoReact PivotGridAxisFilterFieldsEditor component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridaxisfilterfieldseditorprops). */ export declare const PivotGridAxisFilterFieldsEditor: React.ForwardRefExoticComponent<PivotGridAxisFilterFieldsEditorProps & React.RefAttributes<PivotGridAxisFilterFieldsEditorHandle | null>>;