@progress/kendo-react-grid 7.2.4-develop.3 → 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.
Files changed (174) hide show
  1. package/Grid.js +8 -0
  2. package/Grid.mjs +1108 -0
  3. package/GridColumn.js +8 -0
  4. package/GridColumn.mjs +53 -0
  5. package/GridNoRecords.js +8 -0
  6. package/GridNoRecords.mjs +25 -0
  7. package/GridToolbar.js +8 -0
  8. package/GridToolbar.mjs +39 -0
  9. package/StatusBar.js +8 -0
  10. package/StatusBar.mjs +53 -0
  11. package/VirtualScroll.js +8 -0
  12. package/VirtualScroll.mjs +128 -0
  13. package/VirtualScrollFixed.js +8 -0
  14. package/VirtualScrollFixed.mjs +86 -0
  15. package/cells/GridCell.js +8 -0
  16. package/cells/GridCell.mjs +57 -0
  17. package/cells/GridDetailCell.js +8 -0
  18. package/cells/GridDetailCell.mjs +30 -0
  19. package/cells/GridDetailHierarchyCell.js +8 -0
  20. package/cells/GridDetailHierarchyCell.mjs +17 -0
  21. package/cells/GridEditCell.js +8 -0
  22. package/cells/GridEditCell.mjs +172 -0
  23. package/cells/GridFilterCell.js +8 -0
  24. package/cells/GridFilterCell.mjs +145 -0
  25. package/cells/GridGroupCell.js +8 -0
  26. package/cells/GridGroupCell.mjs +115 -0
  27. package/cells/GridHierarchyCell.js +8 -0
  28. package/cells/GridHierarchyCell.mjs +84 -0
  29. package/cells/GridSelectionCell.js +8 -0
  30. package/cells/GridSelectionCell.mjs +54 -0
  31. package/columnMenu/GridColumnMenuCheckboxFilter.js +8 -0
  32. package/columnMenu/GridColumnMenuCheckboxFilter.mjs +199 -0
  33. package/columnMenu/GridColumnMenuColumnsList.js +8 -0
  34. package/columnMenu/GridColumnMenuColumnsList.mjs +60 -0
  35. package/columnMenu/GridColumnMenuFilter.js +8 -0
  36. package/columnMenu/GridColumnMenuFilter.mjs +188 -0
  37. package/columnMenu/GridColumnMenuFilterCell.js +8 -0
  38. package/columnMenu/GridColumnMenuFilterCell.mjs +96 -0
  39. package/columnMenu/GridColumnMenuFilterUI.js +8 -0
  40. package/columnMenu/GridColumnMenuFilterUI.mjs +36 -0
  41. package/columnMenu/GridColumnMenuGroup.js +8 -0
  42. package/columnMenu/GridColumnMenuGroup.mjs +50 -0
  43. package/columnMenu/GridColumnMenuItem.js +8 -0
  44. package/columnMenu/GridColumnMenuItem.mjs +22 -0
  45. package/columnMenu/GridColumnMenuItemContent.js +8 -0
  46. package/columnMenu/GridColumnMenuItemContent.mjs +30 -0
  47. package/columnMenu/GridColumnMenuItemGroup.js +8 -0
  48. package/columnMenu/GridColumnMenuItemGroup.mjs +30 -0
  49. package/columnMenu/GridColumnMenuSort.js +8 -0
  50. package/columnMenu/GridColumnMenuSort.mjs +75 -0
  51. package/columnMenu/GridColumnMenuWrapper.js +8 -0
  52. package/columnMenu/GridColumnMenuWrapper.mjs +91 -0
  53. package/constants/index.js +8 -0
  54. package/constants/index.mjs +15 -0
  55. package/dist/cdn/js/kendo-react-grid.js +8 -5
  56. package/drag/ColumnDraggable.js +8 -0
  57. package/drag/ColumnDraggable.mjs +43 -0
  58. package/drag/ColumnResize.js +8 -0
  59. package/drag/ColumnResize.mjs +128 -0
  60. package/drag/CommonDragLogic.js +8 -0
  61. package/drag/CommonDragLogic.mjs +104 -0
  62. package/drag/GroupingIndicator.js +8 -0
  63. package/drag/GroupingIndicator.mjs +91 -0
  64. package/filterCommon.js +8 -0
  65. package/filterCommon.mjs +103 -0
  66. package/footer/Footer.js +8 -0
  67. package/footer/Footer.mjs +76 -0
  68. package/footer/FooterRow.js +8 -0
  69. package/footer/FooterRow.mjs +46 -0
  70. package/header/FilterRow.js +8 -0
  71. package/header/FilterRow.mjs +96 -0
  72. package/header/GridHeaderCell.js +8 -0
  73. package/header/GridHeaderCell.mjs +38 -0
  74. package/header/GridHeaderSelectionCell.js +8 -0
  75. package/header/GridHeaderSelectionCell.mjs +44 -0
  76. package/header/GroupPanel.js +8 -0
  77. package/header/GroupPanel.mjs +60 -0
  78. package/header/Header.js +8 -0
  79. package/header/Header.mjs +107 -0
  80. package/header/HeaderRow.js +8 -0
  81. package/header/HeaderRow.mjs +155 -0
  82. package/index.d.mts +2771 -5
  83. package/index.d.ts +2771 -57
  84. package/index.js +8 -5
  85. package/index.mjs +89 -3845
  86. package/interfaces/GridSortSettings.js +8 -0
  87. package/interfaces/GridSortSettings.mjs +12 -0
  88. package/messages/index.js +8 -0
  89. package/messages/index.mjs +105 -0
  90. package/package-metadata.js +8 -0
  91. package/package-metadata.mjs +19 -0
  92. package/package.json +10 -10
  93. package/paging/GridPagerSettings.js +8 -0
  94. package/paging/GridPagerSettings.mjs +28 -0
  95. package/rows/GridDetailRow.js +8 -0
  96. package/rows/GridDetailRow.mjs +20 -0
  97. package/rows/GridRow.js +8 -0
  98. package/rows/GridRow.mjs +51 -0
  99. package/utils/index.js +8 -0
  100. package/utils/index.mjs +180 -0
  101. package/Grid.d.ts +0 -267
  102. package/GridColumn.d.ts +0 -28
  103. package/GridNoRecords.d.ts +0 -40
  104. package/GridToolbar.d.ts +0 -54
  105. package/ScrollMode.d.ts +0 -5
  106. package/StatusBar.d.ts +0 -51
  107. package/VirtualScroll.d.ts +0 -51
  108. package/VirtualScrollFixed.d.ts +0 -53
  109. package/cells/GridCell.d.ts +0 -6
  110. package/cells/GridDetailCell.d.ts +0 -18
  111. package/cells/GridDetailHierarchyCell.d.ts +0 -10
  112. package/cells/GridEditCell.d.ts +0 -9
  113. package/cells/GridFilterCell.d.ts +0 -20
  114. package/cells/GridGroupCell.d.ts +0 -9
  115. package/cells/GridHierarchyCell.d.ts +0 -9
  116. package/cells/GridSelectionCell.d.ts +0 -9
  117. package/columnMenu/GridColumnMenuCheckboxFilter.d.ts +0 -122
  118. package/columnMenu/GridColumnMenuColumnsList.d.ts +0 -31
  119. package/columnMenu/GridColumnMenuFilter.d.ts +0 -165
  120. package/columnMenu/GridColumnMenuFilterCell.d.ts +0 -37
  121. package/columnMenu/GridColumnMenuFilterUI.d.ts +0 -12
  122. package/columnMenu/GridColumnMenuGroup.d.ts +0 -77
  123. package/columnMenu/GridColumnMenuItem.d.ts +0 -40
  124. package/columnMenu/GridColumnMenuItemContent.d.ts +0 -24
  125. package/columnMenu/GridColumnMenuItemGroup.d.ts +0 -20
  126. package/columnMenu/GridColumnMenuSort.d.ts +0 -89
  127. package/columnMenu/GridColumnMenuWrapper.d.ts +0 -49
  128. package/constants/index.d.ts +0 -10
  129. package/drag/ColumnDraggable.d.ts +0 -38
  130. package/drag/ColumnResize.d.ts +0 -37
  131. package/drag/CommonDragLogic.d.ts +0 -44
  132. package/drag/GroupingIndicator.d.ts +0 -41
  133. package/filterCommon.d.ts +0 -73
  134. package/footer/Footer.d.ts +0 -38
  135. package/footer/FooterRow.d.ts +0 -25
  136. package/header/FilterRow.d.ts +0 -38
  137. package/header/GridHeaderCell.d.ts +0 -56
  138. package/header/GridHeaderSelectionCell.d.ts +0 -10
  139. package/header/GroupPanel.d.ts +0 -26
  140. package/header/Header.d.ts +0 -46
  141. package/header/HeaderRow.d.ts +0 -51
  142. package/interfaces/GridCellProps.d.ts +0 -73
  143. package/interfaces/GridCellsSettings.d.ts +0 -115
  144. package/interfaces/GridColumnMenuBaseProps.d.ts +0 -18
  145. package/interfaces/GridColumnMenuColumnProps.d.ts +0 -29
  146. package/interfaces/GridColumnMenuFilterBaseProps.d.ts +0 -28
  147. package/interfaces/GridColumnMenuFilterUIProps.d.ts +0 -35
  148. package/interfaces/GridColumnMenuGroupBaseProps.d.ts +0 -23
  149. package/interfaces/GridColumnMenuProps.d.ts +0 -12
  150. package/interfaces/GridColumnMenuSortBaseProps.d.ts +0 -24
  151. package/interfaces/GridColumnProps.d.ts +0 -92
  152. package/interfaces/GridDetailRowProps.d.ts +0 -17
  153. package/interfaces/GridFilterCellProps.d.ts +0 -68
  154. package/interfaces/GridFilterOperator.d.ts +0 -10
  155. package/interfaces/GridFilterOperators.d.ts +0 -53
  156. package/interfaces/GridFooterCellProps.d.ts +0 -26
  157. package/interfaces/GridGroupableSettings.d.ts +0 -17
  158. package/interfaces/GridHeaderCellProps.d.ts +0 -24
  159. package/interfaces/GridNoRecordsProps.d.ts +0 -13
  160. package/interfaces/GridProps.d.ts +0 -333
  161. package/interfaces/GridRowProps.d.ts +0 -67
  162. package/interfaces/GridRowType.d.ts +0 -13
  163. package/interfaces/GridSelectableSettings.d.ts +0 -22
  164. package/interfaces/GridSortSettings.d.ts +0 -17
  165. package/interfaces/GridToolbarProps.d.ts +0 -37
  166. package/interfaces/VirtualScrollInterface.d.ts +0 -31
  167. package/interfaces/events.d.ts +0 -232
  168. package/messages/index.d.ts +0 -199
  169. package/package-metadata.d.ts +0 -9
  170. package/paging/GridPagerSettings.d.ts +0 -71
  171. package/paging/Page.d.ts +0 -17
  172. package/rows/GridDetailRow.d.ts +0 -55
  173. package/rows/GridRow.d.ts +0 -15
  174. 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
- }
@@ -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";