@progress/kendo-react-grid 7.2.4-develop.2 → 7.2.4-develop.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Grid.js +8 -0
- package/Grid.mjs +1108 -0
- package/GridColumn.js +8 -0
- package/GridColumn.mjs +53 -0
- package/GridNoRecords.js +8 -0
- package/GridNoRecords.mjs +25 -0
- package/GridToolbar.js +8 -0
- package/GridToolbar.mjs +39 -0
- package/StatusBar.js +8 -0
- package/StatusBar.mjs +53 -0
- package/VirtualScroll.js +8 -0
- package/VirtualScroll.mjs +128 -0
- package/VirtualScrollFixed.js +8 -0
- package/VirtualScrollFixed.mjs +86 -0
- package/cells/GridCell.js +8 -0
- package/cells/GridCell.mjs +57 -0
- package/cells/GridDetailCell.js +8 -0
- package/cells/GridDetailCell.mjs +30 -0
- package/cells/GridDetailHierarchyCell.js +8 -0
- package/cells/GridDetailHierarchyCell.mjs +17 -0
- package/cells/GridEditCell.js +8 -0
- package/cells/GridEditCell.mjs +172 -0
- package/cells/GridFilterCell.js +8 -0
- package/cells/GridFilterCell.mjs +145 -0
- package/cells/GridGroupCell.js +8 -0
- package/cells/GridGroupCell.mjs +115 -0
- package/cells/GridHierarchyCell.js +8 -0
- package/cells/GridHierarchyCell.mjs +84 -0
- package/cells/GridSelectionCell.js +8 -0
- package/cells/GridSelectionCell.mjs +54 -0
- package/columnMenu/GridColumnMenuCheckboxFilter.js +8 -0
- package/columnMenu/GridColumnMenuCheckboxFilter.mjs +199 -0
- package/columnMenu/GridColumnMenuColumnsList.js +8 -0
- package/columnMenu/GridColumnMenuColumnsList.mjs +60 -0
- package/columnMenu/GridColumnMenuFilter.js +8 -0
- package/columnMenu/GridColumnMenuFilter.mjs +188 -0
- package/columnMenu/GridColumnMenuFilterCell.js +8 -0
- package/columnMenu/GridColumnMenuFilterCell.mjs +96 -0
- package/columnMenu/GridColumnMenuFilterUI.js +8 -0
- package/columnMenu/GridColumnMenuFilterUI.mjs +36 -0
- package/columnMenu/GridColumnMenuGroup.js +8 -0
- package/columnMenu/GridColumnMenuGroup.mjs +50 -0
- package/columnMenu/GridColumnMenuItem.js +8 -0
- package/columnMenu/GridColumnMenuItem.mjs +22 -0
- package/columnMenu/GridColumnMenuItemContent.js +8 -0
- package/columnMenu/GridColumnMenuItemContent.mjs +30 -0
- package/columnMenu/GridColumnMenuItemGroup.js +8 -0
- package/columnMenu/GridColumnMenuItemGroup.mjs +30 -0
- package/columnMenu/GridColumnMenuSort.js +8 -0
- package/columnMenu/GridColumnMenuSort.mjs +75 -0
- package/columnMenu/GridColumnMenuWrapper.js +8 -0
- package/columnMenu/GridColumnMenuWrapper.mjs +91 -0
- package/constants/index.js +8 -0
- package/constants/index.mjs +15 -0
- package/dist/cdn/js/kendo-react-grid.js +8 -5
- package/drag/ColumnDraggable.js +8 -0
- package/drag/ColumnDraggable.mjs +43 -0
- package/drag/ColumnResize.js +8 -0
- package/drag/ColumnResize.mjs +128 -0
- package/drag/CommonDragLogic.js +8 -0
- package/drag/CommonDragLogic.mjs +104 -0
- package/drag/GroupingIndicator.js +8 -0
- package/drag/GroupingIndicator.mjs +91 -0
- package/filterCommon.js +8 -0
- package/filterCommon.mjs +103 -0
- package/footer/Footer.js +8 -0
- package/footer/Footer.mjs +76 -0
- package/footer/FooterRow.js +8 -0
- package/footer/FooterRow.mjs +46 -0
- package/header/FilterRow.js +8 -0
- package/header/FilterRow.mjs +96 -0
- package/header/GridHeaderCell.js +8 -0
- package/header/GridHeaderCell.mjs +38 -0
- package/header/GridHeaderSelectionCell.js +8 -0
- package/header/GridHeaderSelectionCell.mjs +44 -0
- package/header/GroupPanel.js +8 -0
- package/header/GroupPanel.mjs +60 -0
- package/header/Header.js +8 -0
- package/header/Header.mjs +107 -0
- package/header/HeaderRow.js +8 -0
- package/header/HeaderRow.mjs +155 -0
- package/index.d.mts +2771 -5
- package/index.d.ts +2771 -57
- package/index.js +8 -5
- package/index.mjs +89 -3845
- package/interfaces/GridSortSettings.js +8 -0
- package/interfaces/GridSortSettings.mjs +12 -0
- package/messages/index.js +8 -0
- package/messages/index.mjs +105 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +19 -0
- package/package.json +10 -10
- package/paging/GridPagerSettings.js +8 -0
- package/paging/GridPagerSettings.mjs +28 -0
- package/rows/GridDetailRow.js +8 -0
- package/rows/GridDetailRow.mjs +20 -0
- package/rows/GridRow.js +8 -0
- package/rows/GridRow.mjs +51 -0
- package/utils/index.js +8 -0
- package/utils/index.mjs +180 -0
- package/Grid.d.ts +0 -267
- package/GridColumn.d.ts +0 -28
- package/GridNoRecords.d.ts +0 -40
- package/GridToolbar.d.ts +0 -54
- package/ScrollMode.d.ts +0 -5
- package/StatusBar.d.ts +0 -51
- package/VirtualScroll.d.ts +0 -51
- package/VirtualScrollFixed.d.ts +0 -53
- package/cells/GridCell.d.ts +0 -6
- package/cells/GridDetailCell.d.ts +0 -18
- package/cells/GridDetailHierarchyCell.d.ts +0 -10
- package/cells/GridEditCell.d.ts +0 -9
- package/cells/GridFilterCell.d.ts +0 -20
- package/cells/GridGroupCell.d.ts +0 -9
- package/cells/GridHierarchyCell.d.ts +0 -9
- package/cells/GridSelectionCell.d.ts +0 -9
- package/columnMenu/GridColumnMenuCheckboxFilter.d.ts +0 -122
- package/columnMenu/GridColumnMenuColumnsList.d.ts +0 -31
- package/columnMenu/GridColumnMenuFilter.d.ts +0 -165
- package/columnMenu/GridColumnMenuFilterCell.d.ts +0 -37
- package/columnMenu/GridColumnMenuFilterUI.d.ts +0 -12
- package/columnMenu/GridColumnMenuGroup.d.ts +0 -77
- package/columnMenu/GridColumnMenuItem.d.ts +0 -40
- package/columnMenu/GridColumnMenuItemContent.d.ts +0 -24
- package/columnMenu/GridColumnMenuItemGroup.d.ts +0 -20
- package/columnMenu/GridColumnMenuSort.d.ts +0 -89
- package/columnMenu/GridColumnMenuWrapper.d.ts +0 -49
- package/constants/index.d.ts +0 -10
- package/drag/ColumnDraggable.d.ts +0 -38
- package/drag/ColumnResize.d.ts +0 -37
- package/drag/CommonDragLogic.d.ts +0 -44
- package/drag/GroupingIndicator.d.ts +0 -41
- package/filterCommon.d.ts +0 -73
- package/footer/Footer.d.ts +0 -38
- package/footer/FooterRow.d.ts +0 -25
- package/header/FilterRow.d.ts +0 -38
- package/header/GridHeaderCell.d.ts +0 -56
- package/header/GridHeaderSelectionCell.d.ts +0 -10
- package/header/GroupPanel.d.ts +0 -26
- package/header/Header.d.ts +0 -46
- package/header/HeaderRow.d.ts +0 -51
- package/interfaces/GridCellProps.d.ts +0 -73
- package/interfaces/GridCellsSettings.d.ts +0 -115
- package/interfaces/GridColumnMenuBaseProps.d.ts +0 -18
- package/interfaces/GridColumnMenuColumnProps.d.ts +0 -29
- package/interfaces/GridColumnMenuFilterBaseProps.d.ts +0 -28
- package/interfaces/GridColumnMenuFilterUIProps.d.ts +0 -35
- package/interfaces/GridColumnMenuGroupBaseProps.d.ts +0 -23
- package/interfaces/GridColumnMenuProps.d.ts +0 -12
- package/interfaces/GridColumnMenuSortBaseProps.d.ts +0 -24
- package/interfaces/GridColumnProps.d.ts +0 -92
- package/interfaces/GridDetailRowProps.d.ts +0 -17
- package/interfaces/GridFilterCellProps.d.ts +0 -68
- package/interfaces/GridFilterOperator.d.ts +0 -10
- package/interfaces/GridFilterOperators.d.ts +0 -53
- package/interfaces/GridFooterCellProps.d.ts +0 -26
- package/interfaces/GridGroupableSettings.d.ts +0 -17
- package/interfaces/GridHeaderCellProps.d.ts +0 -24
- package/interfaces/GridNoRecordsProps.d.ts +0 -13
- package/interfaces/GridProps.d.ts +0 -333
- package/interfaces/GridRowProps.d.ts +0 -67
- package/interfaces/GridRowType.d.ts +0 -13
- package/interfaces/GridSelectableSettings.d.ts +0 -22
- package/interfaces/GridSortSettings.d.ts +0 -17
- package/interfaces/GridToolbarProps.d.ts +0 -37
- package/interfaces/VirtualScrollInterface.d.ts +0 -31
- package/interfaces/events.d.ts +0 -232
- package/messages/index.d.ts +0 -199
- package/package-metadata.d.ts +0 -9
- package/paging/GridPagerSettings.d.ts +0 -71
- package/paging/Page.d.ts +0 -17
- package/rows/GridDetailRow.d.ts +0 -55
- package/rows/GridRow.d.ts +0 -15
- package/utils/index.d.ts +0 -73
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
7
|
-
import { GridColumnMenuFilterBaseProps } from '../interfaces/GridColumnMenuFilterBaseProps';
|
|
8
|
-
/**
|
|
9
|
-
* The props of the GridColumnMenuFilter component.
|
|
10
|
-
*/
|
|
11
|
-
export interface GridColumnMenuCheckboxFilterProps extends GridColumnMenuFilterBaseProps {
|
|
12
|
-
/**
|
|
13
|
-
* Controls the expand state of the filter component.
|
|
14
|
-
*/
|
|
15
|
-
expanded?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Sets the items collection that will be rendered by the GridColumnMenuCheckboxFilter component.
|
|
18
|
-
*/
|
|
19
|
-
data: Array<string | object>;
|
|
20
|
-
/**
|
|
21
|
-
* Triggered on each subsequent expand state of the filter component.
|
|
22
|
-
*/
|
|
23
|
-
onExpandChange?: (nextExpandState: boolean) => void;
|
|
24
|
-
/**
|
|
25
|
-
* Defines the component that will be rendered as a search box.
|
|
26
|
-
*/
|
|
27
|
-
searchBox?: React.ComponentType<any>;
|
|
28
|
-
/**
|
|
29
|
-
* Defines the filter operator that will be used to filter the values via the search box.
|
|
30
|
-
* "startswith"
|
|
31
|
-
* "endswith"
|
|
32
|
-
* "contains"
|
|
33
|
-
* "doesnotcontain"
|
|
34
|
-
* "isempty"
|
|
35
|
-
* "isnotempty"
|
|
36
|
-
* "eq" (equal to)
|
|
37
|
-
* "eq" (equal to)
|
|
38
|
-
* "neq" (not equal to)
|
|
39
|
-
* "isnull" (is equal to null)
|
|
40
|
-
* "isnotnull" (is not equal to null)
|
|
41
|
-
*/
|
|
42
|
-
searchBoxFilterOperator?: string | Function;
|
|
43
|
-
/**
|
|
44
|
-
* Determines if the data in the component will be unique. By default the property is set to true.
|
|
45
|
-
*/
|
|
46
|
-
uniqueData?: boolean;
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
export interface GridColumnMenuFilterStateProps {
|
|
52
|
-
expanded: boolean;
|
|
53
|
-
value: string;
|
|
54
|
-
data: Array<string | object>;
|
|
55
|
-
dataFromProps: Array<string | object>;
|
|
56
|
-
currentFilter: CompositeFilterDescriptor;
|
|
57
|
-
}
|
|
58
|
-
export declare class GridColumnMenuCheckboxFilter extends React.Component<GridColumnMenuCheckboxFilterProps, GridColumnMenuFilterStateProps> {
|
|
59
|
-
/**
|
|
60
|
-
* @hidden
|
|
61
|
-
*/
|
|
62
|
-
static defaultProps: {
|
|
63
|
-
uniqueData: boolean;
|
|
64
|
-
};
|
|
65
|
-
/**
|
|
66
|
-
* @hidden
|
|
67
|
-
*/
|
|
68
|
-
compositeFilterIndex: number;
|
|
69
|
-
constructor(props: GridColumnMenuCheckboxFilterProps);
|
|
70
|
-
/**
|
|
71
|
-
* @hidden
|
|
72
|
-
*/
|
|
73
|
-
componentDidUpdate(): void;
|
|
74
|
-
/**
|
|
75
|
-
* @hidden
|
|
76
|
-
*/
|
|
77
|
-
defaultFilter: () => any;
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
isControlled: () => boolean;
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
parseData: (originalData: any, isUnique: any) => any;
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
getFilterIndex: () => any;
|
|
90
|
-
/**
|
|
91
|
-
* @hidden
|
|
92
|
-
*/
|
|
93
|
-
onFilterExpand: () => void;
|
|
94
|
-
/**
|
|
95
|
-
* @hidden
|
|
96
|
-
*/
|
|
97
|
-
handleSearchChange: (e: any) => void;
|
|
98
|
-
/**
|
|
99
|
-
* @hidden
|
|
100
|
-
*/
|
|
101
|
-
handleClear: () => void;
|
|
102
|
-
/**
|
|
103
|
-
* @hidden
|
|
104
|
-
*/
|
|
105
|
-
clear: (e: React.SyntheticEvent<any>) => void;
|
|
106
|
-
/**
|
|
107
|
-
* @hidden
|
|
108
|
-
*/
|
|
109
|
-
submit: (e: React.SyntheticEvent<any>) => void;
|
|
110
|
-
/**
|
|
111
|
-
* @hidden
|
|
112
|
-
*/
|
|
113
|
-
handleCheckBoxChange: (e: any, value: any) => void;
|
|
114
|
-
/**
|
|
115
|
-
* @hidden
|
|
116
|
-
*/
|
|
117
|
-
isAllSelected: () => boolean;
|
|
118
|
-
/**
|
|
119
|
-
* @hidden
|
|
120
|
-
*/
|
|
121
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
122
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { GridColumnProps } from './../interfaces/GridColumnProps';
|
|
7
|
-
/**
|
|
8
|
-
* Represents the props of the KendoReact GridColumnMenuColumnsList component.
|
|
9
|
-
*/
|
|
10
|
-
export interface GridColumnMenuColumnsListProps {
|
|
11
|
-
/**
|
|
12
|
-
* The columns state of the KendoReact GridColumnMenuColumnsList component.
|
|
13
|
-
*/
|
|
14
|
-
columnsState: GridColumnProps[];
|
|
15
|
-
/**
|
|
16
|
-
* The initial columns of the KendoReact GridColumnMenuColumnsList component.
|
|
17
|
-
*/
|
|
18
|
-
columns: GridColumnProps[];
|
|
19
|
-
/**
|
|
20
|
-
* The onColumnsChange event handler of the KendoReact GridColumnMenuColumnsList component.
|
|
21
|
-
*/
|
|
22
|
-
onColumnsChange: (cols: GridColumnProps[]) => void;
|
|
23
|
-
/**
|
|
24
|
-
* The onCloseMenu event handler of the KendoReact GridColumnMenuColumnsList component.
|
|
25
|
-
*/
|
|
26
|
-
onCloseMenu: Function;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Represents the KendoReact GridColumnMenuColumnsList component.
|
|
30
|
-
*/
|
|
31
|
-
export declare const GridColumnMenuColumnsList: React.FunctionComponent<GridColumnMenuColumnsListProps>;
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
7
|
-
import { GridColumnMenuFilterUIProps } from '../interfaces/GridColumnMenuFilterUIProps';
|
|
8
|
-
import { GridColumnMenuFilterBaseProps } from '../interfaces/GridColumnMenuFilterBaseProps';
|
|
9
|
-
import { ComponentType } from 'react';
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare const rootFilterOrDefault: (rootFilter: CompositeFilterDescriptor | undefined) => CompositeFilterDescriptor;
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export declare const filterGroupByField: (field: string, filter: CompositeFilterDescriptor | undefined) => CompositeFilterDescriptor | null;
|
|
18
|
-
/**
|
|
19
|
-
* The props of the GridColumnMenuFilter component.
|
|
20
|
-
*/
|
|
21
|
-
export interface GridColumnMenuFilterProps extends GridColumnMenuFilterBaseProps {
|
|
22
|
-
/**
|
|
23
|
-
* Controls the expand state of the filter component.
|
|
24
|
-
*/
|
|
25
|
-
expanded?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Triggered on each subsequent expand state of the filter component.
|
|
28
|
-
*/
|
|
29
|
-
onExpandChange?: (nextExpandState: boolean) => void;
|
|
30
|
-
/**
|
|
31
|
-
* If set to `false`, the second filter operator and the input will be hidden.
|
|
32
|
-
*/
|
|
33
|
-
hideSecondFilter?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Specifies a React element that will be cloned and rendered inside the UI of the column-menu filter component
|
|
36
|
-
* ([see example]({% slug column_menu_grid %}#toc-customizing-the-filter-component)).
|
|
37
|
-
*/
|
|
38
|
-
filterUI?: ComponentType<GridColumnMenuFilterUIProps>;
|
|
39
|
-
children?: React.ReactNode;
|
|
40
|
-
/**
|
|
41
|
-
* If set to `true`, filter expand button will not be rendered and filter menu will be expanded.
|
|
42
|
-
*/
|
|
43
|
-
alwaysExpand?: boolean;
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* @hidden
|
|
47
|
-
*/
|
|
48
|
-
export interface GridColumnMenuFilterStateProps {
|
|
49
|
-
expanded: boolean;
|
|
50
|
-
filterGroup: CompositeFilterDescriptor;
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* @example
|
|
54
|
-
* ```jsx-no-run
|
|
55
|
-
* class TextColumnMenu extends React.Component {
|
|
56
|
-
* render() {
|
|
57
|
-
* return (
|
|
58
|
-
* <div>
|
|
59
|
-
* <GridColumnMenuSort {...this.props} />
|
|
60
|
-
* <GridColumnMenuFilter {...this.props} />
|
|
61
|
-
* </div>);
|
|
62
|
-
* }
|
|
63
|
-
* }
|
|
64
|
-
*
|
|
65
|
-
* class App extends React.PureComponent {
|
|
66
|
-
* constructor(props) {
|
|
67
|
-
* super(props);
|
|
68
|
-
*
|
|
69
|
-
* this.state = this.createAppState({
|
|
70
|
-
* take: 10,
|
|
71
|
-
* skip: 0
|
|
72
|
-
* });
|
|
73
|
-
* }
|
|
74
|
-
*
|
|
75
|
-
* createAppState(dataState) {
|
|
76
|
-
* return {
|
|
77
|
-
* result: process(products.slice(0), dataState),
|
|
78
|
-
* dataState: dataState
|
|
79
|
-
* };
|
|
80
|
-
* }
|
|
81
|
-
*
|
|
82
|
-
* dataStateChange = (event) => {
|
|
83
|
-
* this.setState(this.createAppState(event.dataState));
|
|
84
|
-
* }
|
|
85
|
-
*
|
|
86
|
-
* render() {
|
|
87
|
-
* return (
|
|
88
|
-
* <div>
|
|
89
|
-
* <Grid
|
|
90
|
-
* data={this.state.result}
|
|
91
|
-
* {...this.state.dataState}
|
|
92
|
-
* onDataStateChange={this.dataStateChange}
|
|
93
|
-
* sortable={true}
|
|
94
|
-
* pageable={true}
|
|
95
|
-
* >
|
|
96
|
-
* <Column field="ProductID" title="Product ID" />
|
|
97
|
-
* <Column field="ProductName" columnMenu={TextColumnMenu} />
|
|
98
|
-
* </Grid>
|
|
99
|
-
* <br />
|
|
100
|
-
* </div>
|
|
101
|
-
* );
|
|
102
|
-
* }
|
|
103
|
-
* }
|
|
104
|
-
*
|
|
105
|
-
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
106
|
-
* ```
|
|
107
|
-
*/
|
|
108
|
-
export declare class GridColumnMenuFilter extends React.Component<GridColumnMenuFilterProps, GridColumnMenuFilterStateProps> {
|
|
109
|
-
/**
|
|
110
|
-
* Can be used to check if filtering is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active filter indicators.
|
|
111
|
-
*/
|
|
112
|
-
static active: (field: string, filter?: CompositeFilterDescriptor) => boolean;
|
|
113
|
-
constructor(props: GridColumnMenuFilterProps);
|
|
114
|
-
/**
|
|
115
|
-
* @hidden
|
|
116
|
-
*/
|
|
117
|
-
removeGroup: (group: CompositeFilterDescriptor, rootFilter: CompositeFilterDescriptor) => CompositeFilterDescriptor;
|
|
118
|
-
/**
|
|
119
|
-
* @hidden
|
|
120
|
-
*/
|
|
121
|
-
insertGroup: (group: CompositeFilterDescriptor, rootFilter: CompositeFilterDescriptor) => CompositeFilterDescriptor;
|
|
122
|
-
/**
|
|
123
|
-
* @hidden
|
|
124
|
-
*/
|
|
125
|
-
isControlled: () => boolean;
|
|
126
|
-
/**
|
|
127
|
-
* @hidden
|
|
128
|
-
*/
|
|
129
|
-
onFilterExpand: () => void;
|
|
130
|
-
/**
|
|
131
|
-
* @hidden
|
|
132
|
-
*/
|
|
133
|
-
firstFilterChange: (event: any) => void;
|
|
134
|
-
/**
|
|
135
|
-
* @hidden
|
|
136
|
-
*/
|
|
137
|
-
secondFilterChange: (event: any) => void;
|
|
138
|
-
/**
|
|
139
|
-
* @hidden
|
|
140
|
-
*/
|
|
141
|
-
filterChange: (filterIndex: number, e: {
|
|
142
|
-
value: number;
|
|
143
|
-
operator: string;
|
|
144
|
-
}) => void;
|
|
145
|
-
/**
|
|
146
|
-
* @hidden
|
|
147
|
-
*/
|
|
148
|
-
logicChange: (event: any) => void;
|
|
149
|
-
/**
|
|
150
|
-
* @hidden
|
|
151
|
-
*/
|
|
152
|
-
clear: (event: React.SyntheticEvent<any>) => void;
|
|
153
|
-
/**
|
|
154
|
-
* @hidden
|
|
155
|
-
*/
|
|
156
|
-
currentFilterGroup: () => CompositeFilterDescriptor;
|
|
157
|
-
/**
|
|
158
|
-
* @hidden
|
|
159
|
-
*/
|
|
160
|
-
submit: (event: React.SyntheticEvent<any>) => void;
|
|
161
|
-
/**
|
|
162
|
-
* @hidden
|
|
163
|
-
*/
|
|
164
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
165
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { GridFilterOperator } from '../interfaces/GridFilterOperator';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export interface GridColumnMenuFilterCellProps {
|
|
11
|
-
field?: string;
|
|
12
|
-
filterType: 'text' | 'numeric' | 'boolean' | 'date';
|
|
13
|
-
value: any;
|
|
14
|
-
operator?: string | Function;
|
|
15
|
-
operators: GridFilterOperator[];
|
|
16
|
-
booleanValues: GridFilterOperator[];
|
|
17
|
-
onChange: (event: {
|
|
18
|
-
value: any;
|
|
19
|
-
operator: string | Function;
|
|
20
|
-
syntheticEvent: React.SyntheticEvent<any>;
|
|
21
|
-
}) => void;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
export declare class GridColumnMenuFilterCell extends React.Component<GridColumnMenuFilterCellProps, {}> {
|
|
27
|
-
constructor(props: GridColumnMenuFilterCellProps);
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
private renderOperatorEditor;
|
|
33
|
-
private inputChange;
|
|
34
|
-
private operatorChange;
|
|
35
|
-
private boolDropdownChange;
|
|
36
|
-
private filterComponent;
|
|
37
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { GridColumnMenuFilterUIProps } from '../interfaces/GridColumnMenuFilterUIProps';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare class GridColumnMenuFilterUI extends React.Component<GridColumnMenuFilterUIProps, {}> {
|
|
11
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { GridColumnMenuGroupBaseProps } from '../interfaces/GridColumnMenuGroupBaseProps';
|
|
7
|
-
/**
|
|
8
|
-
* The props of the GridColumnMenuGroup component.
|
|
9
|
-
*/
|
|
10
|
-
export interface GridColumnMenuGroupProps extends GridColumnMenuGroupBaseProps {
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @example
|
|
14
|
-
* ```jsx-no-run
|
|
15
|
-
* class TextColumnMenu extends React.Component {
|
|
16
|
-
* render() {
|
|
17
|
-
* return (
|
|
18
|
-
* <div>
|
|
19
|
-
* <GridColumnMenuSort {...this.props} />
|
|
20
|
-
* <GridColumnMenuGroup {...this.props} />
|
|
21
|
-
* </div>);
|
|
22
|
-
* }
|
|
23
|
-
* }
|
|
24
|
-
*
|
|
25
|
-
* class App extends React.PureComponent {
|
|
26
|
-
* constructor(props) {
|
|
27
|
-
* super(props);
|
|
28
|
-
*
|
|
29
|
-
* this.state = this.createAppState({
|
|
30
|
-
* take: 10,
|
|
31
|
-
* skip: 0
|
|
32
|
-
* });
|
|
33
|
-
* }
|
|
34
|
-
*
|
|
35
|
-
* createAppState(dataState) {
|
|
36
|
-
* return {
|
|
37
|
-
* result: process(products.slice(0), dataState),
|
|
38
|
-
* dataState: dataState
|
|
39
|
-
* };
|
|
40
|
-
* }
|
|
41
|
-
*
|
|
42
|
-
* dataStateChange = (event) => {
|
|
43
|
-
* this.setState(this.createAppState(event.dataState));
|
|
44
|
-
* }
|
|
45
|
-
*
|
|
46
|
-
* render() {
|
|
47
|
-
* return (
|
|
48
|
-
* <div>
|
|
49
|
-
* <Grid
|
|
50
|
-
* data={this.state.result}
|
|
51
|
-
* {...this.state.dataState}
|
|
52
|
-
* onDataStateChange={this.dataStateChange}
|
|
53
|
-
* sortable={true}
|
|
54
|
-
* pageable={true}
|
|
55
|
-
* >
|
|
56
|
-
* <Column field="ProductID" title="Product ID" />
|
|
57
|
-
* <Column field="ProductName" columnMenu={TextColumnMenu} />
|
|
58
|
-
* </Grid>
|
|
59
|
-
* <br />
|
|
60
|
-
* </div>
|
|
61
|
-
* );
|
|
62
|
-
* }
|
|
63
|
-
* }
|
|
64
|
-
*
|
|
65
|
-
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
66
|
-
* ```
|
|
67
|
-
*/
|
|
68
|
-
export declare class GridColumnMenuGroup extends React.Component<GridColumnMenuGroupProps, {}> {
|
|
69
|
-
/**
|
|
70
|
-
* @hidden
|
|
71
|
-
*/
|
|
72
|
-
onGroupClick: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
73
|
-
/**
|
|
74
|
-
* @hidden
|
|
75
|
-
*/
|
|
76
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
77
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { SVGIcon } from '@progress/kendo-react-common';
|
|
7
|
-
/**
|
|
8
|
-
* The props of the GridColumnMenuItem component.
|
|
9
|
-
*/
|
|
10
|
-
export interface GridColumnMenuItemProps {
|
|
11
|
-
/**
|
|
12
|
-
* Triggered each time the title is clicked.
|
|
13
|
-
*/
|
|
14
|
-
onClick: React.MouseEventHandler<HTMLElement>;
|
|
15
|
-
/**
|
|
16
|
-
* The title of the GridColumnMenuItem component.
|
|
17
|
-
*/
|
|
18
|
-
title: string;
|
|
19
|
-
/**
|
|
20
|
-
* The class of the icon that is rendered next to the title.
|
|
21
|
-
*/
|
|
22
|
-
iconClass: string;
|
|
23
|
-
/**
|
|
24
|
-
* The SVG icon that is rendered next to the title.
|
|
25
|
-
*/
|
|
26
|
-
svgIcon?: SVGIcon;
|
|
27
|
-
/**
|
|
28
|
-
* The selected state of the component.
|
|
29
|
-
*/
|
|
30
|
-
selected?: boolean;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* The GridColumnMenuItem component that is used inside the Grid ColumnMenu.
|
|
34
|
-
*/
|
|
35
|
-
export declare class GridColumnMenuItem extends React.Component<GridColumnMenuItemProps, {}> {
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*/
|
|
39
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
40
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
|
|
7
|
-
/**
|
|
8
|
-
* The props of the GridColumnMenuItemContent component.
|
|
9
|
-
*/
|
|
10
|
-
export interface GridColumnMenuItemContentProps extends KendoReactComponentBaseProps {
|
|
11
|
-
/**
|
|
12
|
-
* The `show` state of the component. Each change is animated with the Reveal animation.
|
|
13
|
-
*/
|
|
14
|
-
show: boolean;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* The GridColumnMenuItemContent that will be used inside the Grid ColumnMenu.
|
|
18
|
-
*/
|
|
19
|
-
export declare class GridColumnMenuItemContent extends React.Component<GridColumnMenuItemContentProps, {}> {
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
/**
|
|
8
|
-
* The props of the GridColumnMenuItemGroup component.
|
|
9
|
-
*/
|
|
10
|
-
export interface GridColumnMenuItemGroupProps extends KendoReactComponentBaseProps {
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* The GridColumnMenuItemGroup that will be used inside the Grid ColumnMenu.
|
|
14
|
-
*/
|
|
15
|
-
export declare class GridColumnMenuItemGroup extends React.Component<GridColumnMenuItemGroupProps, {}> {
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { SortDescriptor } from '@progress/kendo-data-query';
|
|
7
|
-
import { GridColumnMenuSortBaseProps } from '../interfaces/GridColumnMenuSortBaseProps';
|
|
8
|
-
/**
|
|
9
|
-
* The props of the GridColumnMenuSort component.
|
|
10
|
-
*/
|
|
11
|
-
export interface GridColumnMenuSortProps extends GridColumnMenuSortBaseProps {
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @example
|
|
15
|
-
* ```jsx-no-run
|
|
16
|
-
* class ColumnMenu extends React.Component {
|
|
17
|
-
* render() {
|
|
18
|
-
* return (
|
|
19
|
-
* <div>
|
|
20
|
-
* <GridColumnMenuSort {...this.props} />
|
|
21
|
-
* </div>);
|
|
22
|
-
* }
|
|
23
|
-
* }
|
|
24
|
-
*
|
|
25
|
-
* class App extends React.PureComponent {
|
|
26
|
-
* constructor(props) {
|
|
27
|
-
* super(props);
|
|
28
|
-
*
|
|
29
|
-
* this.state = this.createAppState({
|
|
30
|
-
* take: 10,
|
|
31
|
-
* skip: 0
|
|
32
|
-
* });
|
|
33
|
-
* }
|
|
34
|
-
*
|
|
35
|
-
* createAppState(dataState) {
|
|
36
|
-
* return {
|
|
37
|
-
* result: process(products.slice(0), dataState),
|
|
38
|
-
* dataState: dataState
|
|
39
|
-
* };
|
|
40
|
-
* }
|
|
41
|
-
*
|
|
42
|
-
* dataStateChange = (event) => {
|
|
43
|
-
* this.setState(this.createAppState(event.dataState));
|
|
44
|
-
* }
|
|
45
|
-
*
|
|
46
|
-
* render() {
|
|
47
|
-
* return (
|
|
48
|
-
* <div>
|
|
49
|
-
* <Grid
|
|
50
|
-
* data={this.state.result}
|
|
51
|
-
* {...this.state.dataState}
|
|
52
|
-
* onDataStateChange={this.dataStateChange}
|
|
53
|
-
* sortable={true}
|
|
54
|
-
* pageable={true}
|
|
55
|
-
* >
|
|
56
|
-
* <Column field="ProductID" title="Product ID" columnMenu={ColumnMenu}/>
|
|
57
|
-
* <Column field="ProductName" />
|
|
58
|
-
* </Grid>
|
|
59
|
-
* <br />
|
|
60
|
-
* </div>
|
|
61
|
-
* );
|
|
62
|
-
* }
|
|
63
|
-
* }
|
|
64
|
-
*
|
|
65
|
-
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
66
|
-
* ```
|
|
67
|
-
*/
|
|
68
|
-
export declare class GridColumnMenuSort extends React.Component<GridColumnMenuSortProps, {}> {
|
|
69
|
-
/**
|
|
70
|
-
* Can be used to check if sorting is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
|
|
71
|
-
*/
|
|
72
|
-
static active: (field: string, sort?: SortDescriptor[]) => boolean;
|
|
73
|
-
/**
|
|
74
|
-
* @hidden
|
|
75
|
-
*/
|
|
76
|
-
onAscClick: (event: any) => void;
|
|
77
|
-
/**
|
|
78
|
-
* @hidden
|
|
79
|
-
*/
|
|
80
|
-
onDescClick: (event: any) => void;
|
|
81
|
-
/**
|
|
82
|
-
* @hidden
|
|
83
|
-
*/
|
|
84
|
-
onSort: (event: React.MouseEvent<HTMLAnchorElement>, selectedDir: 'asc' | 'desc') => void;
|
|
85
|
-
/**
|
|
86
|
-
* @hidden
|
|
87
|
-
*/
|
|
88
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
89
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { GridColumnMenuProps } from '../interfaces/GridColumnMenuProps';
|
|
7
|
-
/**
|
|
8
|
-
* The props of the GridColumnMenuWrapper component.
|
|
9
|
-
*/
|
|
10
|
-
export interface GridColumnMenuWrapperProps extends GridColumnMenuProps {
|
|
11
|
-
/**
|
|
12
|
-
* The component to be rendered as content of the Grid column menu.
|
|
13
|
-
*/
|
|
14
|
-
columnMenu?: React.ComponentType<GridColumnMenuProps> | null;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
export interface ColumnMenuStateProps {
|
|
20
|
-
show: boolean;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* The GridColumnMenuWrapper component.
|
|
24
|
-
*/
|
|
25
|
-
export declare class GridColumnMenuWrapper extends React.Component<GridColumnMenuWrapperProps, ColumnMenuStateProps> {
|
|
26
|
-
/** @hidden */
|
|
27
|
-
readonly state: ColumnMenuStateProps;
|
|
28
|
-
/** @hidden */
|
|
29
|
-
_anchor: HTMLAnchorElement | null;
|
|
30
|
-
/** @hidden */
|
|
31
|
-
_content: HTMLDivElement | null;
|
|
32
|
-
/** @hidden */
|
|
33
|
-
blurTimeout: any;
|
|
34
|
-
/** @hidden */
|
|
35
|
-
willBlur: boolean;
|
|
36
|
-
/** @hidden */
|
|
37
|
-
blur: () => void;
|
|
38
|
-
/** @hidden */
|
|
39
|
-
focus: () => void;
|
|
40
|
-
/** @hidden */
|
|
41
|
-
anchorClick: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
42
|
-
/** @hidden */
|
|
43
|
-
closeMenu: () => void;
|
|
44
|
-
/** @hidden */
|
|
45
|
-
onAnchorMouseDown: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
46
|
-
/** @hidden */
|
|
47
|
-
onAnchorKeyDown: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
|
|
48
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
49
|
-
}
|
package/constants/index.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/** The attribute required by the Grid selection on Grid `tr` elements. */
|
|
6
|
-
export declare const GRID_ROW_INDEX_ATTRIBUTE = "data-grid-row-index";
|
|
7
|
-
/** The attribute required by the Grid selection on Grid `td` elements. */
|
|
8
|
-
export declare const GRID_COL_INDEX_ATTRIBUTE = "data-grid-col-index";
|
|
9
|
-
/** Attribute which disable selection start from this element. */
|
|
10
|
-
export declare const GRID_PREVENT_SELECTION_ELEMENT = "data-prevent-selection";
|