@progress/kendo-react-grid 10.2.0-develop.9 → 10.3.0-develop.1
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/GridClientWrapper.js +1 -1
- package/GridClientWrapper.mjs +302 -284
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +220 -216
- package/components/GridEditDialog.js +9 -0
- package/components/GridEditDialog.mjs +207 -0
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/drag/CommonDragLogic.js +1 -1
- package/drag/CommonDragLogic.mjs +1 -1
- package/index.d.mts +54 -0
- package/index.d.ts +54 -0
- package/messages/index.js +1 -1
- package/messages/index.mjs +46 -40
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +16 -13
package/drag/CommonDragLogic.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),h=require("@progress/kendo-react-data-tools");function p(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>l[r]})}}return e.default=l,Object.freeze(e)}const c=p(g);class d{constructor(e,r,i){this.refDragElementClue=c.createRef(),this.refDropElementClue=c.createRef(),this.columns=[],this.reorderable=!1,this.groupable=!1,this.startColumn=-1,this.startGroup=-1,this.currentColumn=-1,this.currentGroup=-1,this.groupPanelDivElement=null,this.refGroupPanelDiv=t=>{this.groupPanelDivElement=t&&t.children?t.children[0]:t},this.pressHandler=(t,n)=>{const s=this.getColumnIndex(t,n);if(this.startGroup=this.getGroupIndex(t),s>=0){const u=this.columns[s];(u.reorderable&&this.reorderable||u.groupable&&this.groupable)&&(this.startColumn=s)}},this.dragHandler=(t,n)=>{if(t.isTouch||t.originalEvent.preventDefault(),t.originalEvent.stopPropagation(),this.startColumn===-1&&this.startGroup===-1)return;this.currentColumn=this.getColumnIndex(t,n),this.currentGroup=this.isTargetGroupingContainer(t)?this.getCurrentGroupsLength:this.getGroupIndex(t);const s=!this.isValid();s&&(this.currentColumn=-1,this.currentGroup=-1);const u=this.currentColumn>=0?n.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(t)?t.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(t,n,u,s),this.updateDropElementClue(t,n,u,s)},this.releaseHandler=t=>{const n=this.startColumn,s=this.currentColumn,u=this.startGroup,o=this.currentGroup;t.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const a=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,a&&(n>=0&&s>=0?this.columnReorder(n,s,t.originalEvent):u>=0&&o>=0?this.groupReorder(u,o,t.originalEvent):n>=0&&o>=0&&this.columnToGroup(n,o,t.originalEvent))},this.columnReorder=e,this.groupReorder=r,this.columnToGroup=i}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get getCurrentGroupsLength(){const e=this.groupPanelDivElement&&this.groupPanelDivElement.children;return e&&e.length||0}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(e,r){if(!r||r.parentElement===this.groupPanelDivElement)return-1;const i=h.getIndex(e,r);if(i===-1)return-1;for(let t=0;t<r.parentNode.children.length;t++)if(r.parentNode.children[t]===r)return this.columns.findIndex(n=>n.index===i&&n.depth===t);return-1}isTargetGroupingContainer(e){const r=e.originalEvent.target;return r.className.indexOf?r.className.indexOf("k-grouping-drop-container")!==-1:!1}getGroupIndex(e){return h.getIndex(e,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:this.startColumn===-1?!1:this.currentGroup>=0?this.columns[this.startColumn].groupable===!0&&this.groupable===!0:this.reorderable===!0&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&this.columns[this.startColumn].reorderable===!0&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex}updateDragElementClue(e,r,i,t){if(!this.dragElementClue)return;const n=this.startColumn>=0?r.children[this.columns[this.startColumn].index].innerText:r.innerText;this.dragElementClue.setState({visible:!0,top:e.pageY+10,left:e.pageX,innerText:n,status:t||!i?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,r,i,t){if(!this.dropElementClue)return;if(t||!i){this.dropElementClue.setState({visible:!1});return}const n=i.getBoundingClientRect(),u=(i.closest(".k-grouping-header")||i).getBoundingClientRect();let o=n.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&this.startGroup!==-1)&&(o+=n.width);const a=u.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:a,left:o,height:this.currentColumn>=0?r.clientHeight:u.height})}}exports.CommonDragLogic=d;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),h=require("@progress/kendo-react-data-tools");function p(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>l[r]})}}return e.default=l,Object.freeze(e)}const c=p(g);class d{constructor(e,r,i){this.refDragElementClue=c.createRef(),this.refDropElementClue=c.createRef(),this.columns=[],this.reorderable=!1,this.groupable=!1,this.startColumn=-1,this.startGroup=-1,this.currentColumn=-1,this.currentGroup=-1,this.groupPanelDivElement=null,this.refGroupPanelDiv=t=>{this.groupPanelDivElement=t&&t.children?t.children[0]:t},this.pressHandler=(t,n)=>{const s=this.getColumnIndex(t,n);if(this.startGroup=this.getGroupIndex(t),s>=0){const u=this.columns[s];(u.reorderable&&this.reorderable||u.groupable&&this.groupable)&&(this.startColumn=s)}},this.dragHandler=(t,n)=>{if(t.isTouch||t.originalEvent.preventDefault(),t.originalEvent.stopPropagation(),this.startColumn===-1&&this.startGroup===-1)return;this.currentColumn=this.getColumnIndex(t,n),this.currentGroup=this.isTargetGroupingContainer(t)?this.getCurrentGroupsLength:this.getGroupIndex(t);const s=!this.isValid();s&&(this.currentColumn=-1,this.currentGroup=-1);const u=this.currentColumn>=0?n.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(t)?t.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(t,n,u,s),this.updateDropElementClue(t,n,u,s)},this.releaseHandler=t=>{const n=this.startColumn,s=this.currentColumn,u=this.startGroup,o=this.currentGroup;t.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const a=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,a&&(n>=0&&s>=0?this.columnReorder(n,s,t.originalEvent):u>=0&&o>=0?this.groupReorder(u,o,t.originalEvent):n>=0&&o>=0&&this.columnToGroup(n,o,t.originalEvent))},this.columnReorder=e,this.groupReorder=r,this.columnToGroup=i}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get getCurrentGroupsLength(){const e=this.groupPanelDivElement&&this.groupPanelDivElement.children;return e&&e.length||0}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(e,r){if(!r||r.parentElement===this.groupPanelDivElement)return-1;const i=h.getIndex(e,r);if(i===-1)return-1;for(let t=0;t<r.parentNode.children.length;t++)if(r.parentNode.children[t]===r)return this.columns.findIndex(n=>n.index===i&&n.depth===t);return-1}isTargetGroupingContainer(e){const r=e.originalEvent.target;return r.className.indexOf?r.className.indexOf("k-grouping-drop-container")!==-1:!1}getGroupIndex(e){return h.getIndex(e,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:this.startColumn===-1?!1:this.currentGroup>=0?this.columns[this.startColumn].groupable===!0&&this.groupable===!0:this.reorderable===!0&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&this.columns[this.startColumn].reorderable===!0&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex}updateDragElementClue(e,r,i,t){if(!this.dragElementClue)return;const n=this.startColumn>=0?r.children[this.columns[this.startColumn].index].innerText:r.innerText;this.dragElementClue.setState({visible:!0,top:e.pageY+10,left:e.pageX,innerText:n,status:t||!i?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,r,i,t){if(!this.dropElementClue)return;if(t||!i){this.dropElementClue.setState({visible:!1});return}const n=i.getBoundingClientRect(),u=(i.closest(".k-grouping-header")||i).getBoundingClientRect();let o=n.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&this.startGroup!==-1)&&this.dir!=="rtl"&&(o+=n.width);const a=u.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:a,left:o,height:this.currentColumn>=0?r.clientHeight:u.height})}}exports.CommonDragLogic=d;
|
package/drag/CommonDragLogic.mjs
CHANGED
|
@@ -90,7 +90,7 @@ class g {
|
|
|
90
90
|
}
|
|
91
91
|
const r = n.getBoundingClientRect(), u = (n.closest(".k-grouping-header") || n).getBoundingClientRect();
|
|
92
92
|
let l = r.left + e.pageX - e.clientX - 6;
|
|
93
|
-
!this.isTargetGroupingContainer(e) && (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) && (l += r.width);
|
|
93
|
+
!this.isTargetGroupingContainer(e) && (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) && this.dir !== "rtl" && (l += r.width);
|
|
94
94
|
const o = u.top + e.pageY - e.clientY;
|
|
95
95
|
this.dropElementClue.setState({
|
|
96
96
|
visible: !0,
|
package/index.d.mts
CHANGED
|
@@ -14,9 +14,11 @@ import { ComponentType } from 'react';
|
|
|
14
14
|
import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
15
15
|
import { DataResult } from '@progress/kendo-data-query';
|
|
16
16
|
import { DetailExpandDescriptor } from '@progress/kendo-react-data-tools';
|
|
17
|
+
import { DialogProps } from '@progress/kendo-react-dialogs';
|
|
17
18
|
import { DragClue } from '@progress/kendo-react-data-tools';
|
|
18
19
|
import { DropClue } from '@progress/kendo-react-data-tools';
|
|
19
20
|
import { EditDescriptor } from '@progress/kendo-react-data-tools';
|
|
21
|
+
import { FieldProps } from '@progress/kendo-react-form';
|
|
20
22
|
import { FilterOperator } from '@progress/kendo-react-data-tools';
|
|
21
23
|
import { getSelectedState } from '@progress/kendo-react-data-tools';
|
|
22
24
|
import { getSelectedStateFromKeyDown } from '@progress/kendo-react-data-tools';
|
|
@@ -1121,6 +1123,20 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
|
|
|
1121
1123
|
* @default 'text'
|
|
1122
1124
|
*/
|
|
1123
1125
|
editor?: GridDataType;
|
|
1126
|
+
/**
|
|
1127
|
+
* The validation method for the edit field when editting is in mode `dialog`.
|
|
1128
|
+
*
|
|
1129
|
+
* The method arguments are:
|
|
1130
|
+
*
|
|
1131
|
+
* * value - The current value of the field.
|
|
1132
|
+
* * valueGetter - Function which can be used to get other fields value.
|
|
1133
|
+
* Usable when validator depends on more than one field. Supports field paths.
|
|
1134
|
+
* * fieldProps - Props of the Field component. Currently contains only the `name` prop.
|
|
1135
|
+
* Usable when one validator is used across multiple fields.
|
|
1136
|
+
*
|
|
1137
|
+
* Returns `string` to signify error or `undefined` to signify validation success.
|
|
1138
|
+
*/
|
|
1139
|
+
validator?: FieldProps['validator'];
|
|
1124
1140
|
/**
|
|
1125
1141
|
* Overrides the default (three vertical dots) column menu icon or the icon set through the ([`columnMenuIcon`]({% slug api_grid_gridprops %}#toc-columnmenuicon)) property.
|
|
1126
1142
|
*
|
|
@@ -1371,6 +1387,7 @@ export declare class GridCommonDragLogic {
|
|
|
1371
1387
|
columns: ExtendedColumnProps[];
|
|
1372
1388
|
reorderable: boolean;
|
|
1373
1389
|
groupable: boolean;
|
|
1390
|
+
dir: string | undefined;
|
|
1374
1391
|
private startColumn;
|
|
1375
1392
|
private startGroup;
|
|
1376
1393
|
private currentColumn;
|
|
@@ -1695,6 +1712,28 @@ export declare interface GridEditChangeEvent extends GridEvent {
|
|
|
1695
1712
|
edit: EditDescriptor;
|
|
1696
1713
|
}
|
|
1697
1714
|
|
|
1715
|
+
/**
|
|
1716
|
+
* Represents the props of the KendoReact Grid Edit Dialog component.
|
|
1717
|
+
*/
|
|
1718
|
+
export declare type GridEditDialogProps = DialogProps & {
|
|
1719
|
+
/**
|
|
1720
|
+
* The columns of the Grid.
|
|
1721
|
+
*/
|
|
1722
|
+
columns?: GridColumnProps[];
|
|
1723
|
+
/**
|
|
1724
|
+
* The data item that is currently being edited.
|
|
1725
|
+
*/
|
|
1726
|
+
dataItem?: any;
|
|
1727
|
+
/**
|
|
1728
|
+
* The method that is called when the user submits the edit form.
|
|
1729
|
+
*/
|
|
1730
|
+
onSubmit?: (newDataItem: any, event?: React.SyntheticEvent<any>) => void;
|
|
1731
|
+
/**
|
|
1732
|
+
* The method that is called when the user cancels the edit form.
|
|
1733
|
+
*/
|
|
1734
|
+
onCancel?: (event?: React.SyntheticEvent<any>) => void;
|
|
1735
|
+
};
|
|
1736
|
+
|
|
1698
1737
|
/**
|
|
1699
1738
|
* Represents the base event object of the Grid.
|
|
1700
1739
|
*/
|
|
@@ -2123,6 +2162,9 @@ export declare const gridMessages: {
|
|
|
2123
2162
|
"grid.searchPlaceholder": string;
|
|
2124
2163
|
"grid.searchboxPlaceholder": string;
|
|
2125
2164
|
"grid.filterCheckAll": string;
|
|
2165
|
+
"grid.editDialogTitle": string;
|
|
2166
|
+
"grid.editDialogSaveButtonTitle": string;
|
|
2167
|
+
"grid.editDialogCancelButtonTitle": string;
|
|
2126
2168
|
"grid.filterChooseOperator": string;
|
|
2127
2169
|
"grid.filterSelectedItems": string;
|
|
2128
2170
|
"grid.filterSelectAll": string;
|
|
@@ -2543,6 +2585,14 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
|
|
|
2543
2585
|
* using the ([menuIcon]({% slug api_grid_gridcolumnprops %}#toc-menuicon)) property.
|
|
2544
2586
|
*/
|
|
2545
2587
|
columnMenuIcon?: SVGIcon_2;
|
|
2588
|
+
/**
|
|
2589
|
+
* Providing different rendering of the popup element based on the screen dimensions.
|
|
2590
|
+
*/
|
|
2591
|
+
adaptive?: boolean;
|
|
2592
|
+
/**
|
|
2593
|
+
* Specifies the text that is rendered as title in the adaptive popup.
|
|
2594
|
+
*/
|
|
2595
|
+
adaptiveTitle?: string;
|
|
2546
2596
|
/**
|
|
2547
2597
|
* The [descriptors]({% slug api_kendo-data-query_groupdescriptor %})[] by which the data will be grouped
|
|
2548
2598
|
* ([more information and examples]({% slug groupingbasics_grid %})).
|
|
@@ -2676,6 +2726,10 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
|
|
|
2676
2726
|
* ```
|
|
2677
2727
|
*/
|
|
2678
2728
|
detailExpand?: DetailExpandDescriptor;
|
|
2729
|
+
/**
|
|
2730
|
+
* Sets a custom edit dialog component that the Grid will render instead of the built-in edit dialog.
|
|
2731
|
+
*/
|
|
2732
|
+
editDialog?: (props: GridEditDialogProps) => React.ReactNode;
|
|
2679
2733
|
/**
|
|
2680
2734
|
* The default `detailExpand` state applied to the Grid when using uncontrolled mode.
|
|
2681
2735
|
*
|
package/index.d.ts
CHANGED
|
@@ -14,9 +14,11 @@ import { ComponentType } from 'react';
|
|
|
14
14
|
import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
15
15
|
import { DataResult } from '@progress/kendo-data-query';
|
|
16
16
|
import { DetailExpandDescriptor } from '@progress/kendo-react-data-tools';
|
|
17
|
+
import { DialogProps } from '@progress/kendo-react-dialogs';
|
|
17
18
|
import { DragClue } from '@progress/kendo-react-data-tools';
|
|
18
19
|
import { DropClue } from '@progress/kendo-react-data-tools';
|
|
19
20
|
import { EditDescriptor } from '@progress/kendo-react-data-tools';
|
|
21
|
+
import { FieldProps } from '@progress/kendo-react-form';
|
|
20
22
|
import { FilterOperator } from '@progress/kendo-react-data-tools';
|
|
21
23
|
import { getSelectedState } from '@progress/kendo-react-data-tools';
|
|
22
24
|
import { getSelectedStateFromKeyDown } from '@progress/kendo-react-data-tools';
|
|
@@ -1121,6 +1123,20 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
|
|
|
1121
1123
|
* @default 'text'
|
|
1122
1124
|
*/
|
|
1123
1125
|
editor?: GridDataType;
|
|
1126
|
+
/**
|
|
1127
|
+
* The validation method for the edit field when editting is in mode `dialog`.
|
|
1128
|
+
*
|
|
1129
|
+
* The method arguments are:
|
|
1130
|
+
*
|
|
1131
|
+
* * value - The current value of the field.
|
|
1132
|
+
* * valueGetter - Function which can be used to get other fields value.
|
|
1133
|
+
* Usable when validator depends on more than one field. Supports field paths.
|
|
1134
|
+
* * fieldProps - Props of the Field component. Currently contains only the `name` prop.
|
|
1135
|
+
* Usable when one validator is used across multiple fields.
|
|
1136
|
+
*
|
|
1137
|
+
* Returns `string` to signify error or `undefined` to signify validation success.
|
|
1138
|
+
*/
|
|
1139
|
+
validator?: FieldProps['validator'];
|
|
1124
1140
|
/**
|
|
1125
1141
|
* Overrides the default (three vertical dots) column menu icon or the icon set through the ([`columnMenuIcon`]({% slug api_grid_gridprops %}#toc-columnmenuicon)) property.
|
|
1126
1142
|
*
|
|
@@ -1371,6 +1387,7 @@ export declare class GridCommonDragLogic {
|
|
|
1371
1387
|
columns: ExtendedColumnProps[];
|
|
1372
1388
|
reorderable: boolean;
|
|
1373
1389
|
groupable: boolean;
|
|
1390
|
+
dir: string | undefined;
|
|
1374
1391
|
private startColumn;
|
|
1375
1392
|
private startGroup;
|
|
1376
1393
|
private currentColumn;
|
|
@@ -1695,6 +1712,28 @@ export declare interface GridEditChangeEvent extends GridEvent {
|
|
|
1695
1712
|
edit: EditDescriptor;
|
|
1696
1713
|
}
|
|
1697
1714
|
|
|
1715
|
+
/**
|
|
1716
|
+
* Represents the props of the KendoReact Grid Edit Dialog component.
|
|
1717
|
+
*/
|
|
1718
|
+
export declare type GridEditDialogProps = DialogProps & {
|
|
1719
|
+
/**
|
|
1720
|
+
* The columns of the Grid.
|
|
1721
|
+
*/
|
|
1722
|
+
columns?: GridColumnProps[];
|
|
1723
|
+
/**
|
|
1724
|
+
* The data item that is currently being edited.
|
|
1725
|
+
*/
|
|
1726
|
+
dataItem?: any;
|
|
1727
|
+
/**
|
|
1728
|
+
* The method that is called when the user submits the edit form.
|
|
1729
|
+
*/
|
|
1730
|
+
onSubmit?: (newDataItem: any, event?: React.SyntheticEvent<any>) => void;
|
|
1731
|
+
/**
|
|
1732
|
+
* The method that is called when the user cancels the edit form.
|
|
1733
|
+
*/
|
|
1734
|
+
onCancel?: (event?: React.SyntheticEvent<any>) => void;
|
|
1735
|
+
};
|
|
1736
|
+
|
|
1698
1737
|
/**
|
|
1699
1738
|
* Represents the base event object of the Grid.
|
|
1700
1739
|
*/
|
|
@@ -2123,6 +2162,9 @@ export declare const gridMessages: {
|
|
|
2123
2162
|
"grid.searchPlaceholder": string;
|
|
2124
2163
|
"grid.searchboxPlaceholder": string;
|
|
2125
2164
|
"grid.filterCheckAll": string;
|
|
2165
|
+
"grid.editDialogTitle": string;
|
|
2166
|
+
"grid.editDialogSaveButtonTitle": string;
|
|
2167
|
+
"grid.editDialogCancelButtonTitle": string;
|
|
2126
2168
|
"grid.filterChooseOperator": string;
|
|
2127
2169
|
"grid.filterSelectedItems": string;
|
|
2128
2170
|
"grid.filterSelectAll": string;
|
|
@@ -2543,6 +2585,14 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
|
|
|
2543
2585
|
* using the ([menuIcon]({% slug api_grid_gridcolumnprops %}#toc-menuicon)) property.
|
|
2544
2586
|
*/
|
|
2545
2587
|
columnMenuIcon?: SVGIcon_2;
|
|
2588
|
+
/**
|
|
2589
|
+
* Providing different rendering of the popup element based on the screen dimensions.
|
|
2590
|
+
*/
|
|
2591
|
+
adaptive?: boolean;
|
|
2592
|
+
/**
|
|
2593
|
+
* Specifies the text that is rendered as title in the adaptive popup.
|
|
2594
|
+
*/
|
|
2595
|
+
adaptiveTitle?: string;
|
|
2546
2596
|
/**
|
|
2547
2597
|
* The [descriptors]({% slug api_kendo-data-query_groupdescriptor %})[] by which the data will be grouped
|
|
2548
2598
|
* ([more information and examples]({% slug groupingbasics_grid %})).
|
|
@@ -2676,6 +2726,10 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
|
|
|
2676
2726
|
* ```
|
|
2677
2727
|
*/
|
|
2678
2728
|
detailExpand?: DetailExpandDescriptor;
|
|
2729
|
+
/**
|
|
2730
|
+
* Sets a custom edit dialog component that the Grid will render instead of the built-in edit dialog.
|
|
2731
|
+
*/
|
|
2732
|
+
editDialog?: (props: GridEditDialogProps) => React.ReactNode;
|
|
2679
2733
|
/**
|
|
2680
2734
|
* The default `detailExpand` state applied to the Grid when using uncontrolled mode.
|
|
2681
2735
|
*
|
package/messages/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="grid.noRecords",r="grid.pagerInfo",t="grid.pagerFirstPage",o="grid.pagerPreviousPage",a="grid.pagerNextPage",l="grid.pagerLastPage",i="grid.pagerItemsPerPage",g="grid.pagerPage",s="grid.pagerPageSizeAriaLabel",n="grid.pagerOf",d="grid.pagerTotalPages",p="grid.groupPanelEmpty",c="grid.groupColumn",u="grid.ungroupColumn",f="grid.columnMenu",P="grid.filterApplyButton",A="grid.filterClearButton",h="grid.filterResetButton",m="grid.filterSubmitButton",
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="grid.noRecords",r="grid.pagerInfo",t="grid.pagerFirstPage",o="grid.pagerPreviousPage",a="grid.pagerNextPage",l="grid.pagerLastPage",i="grid.pagerItemsPerPage",g="grid.pagerPage",s="grid.pagerPageSizeAriaLabel",n="grid.pagerOf",d="grid.pagerTotalPages",p="grid.groupPanelEmpty",c="grid.groupColumn",u="grid.ungroupColumn",f="grid.columnMenu",P="grid.filterApplyButton",A="grid.filterClearButton",h="grid.filterResetButton",m="grid.filterSubmitButton",C="grid.filterTitle",b="grid.sortAscending",I="grid.sortDescending",O="grid.searchPlaceholder",S="grid.searchboxPlaceholder",L="grid.filterCheckAll",B="grid.filterChooseOperator",E="grid.filterSelectAll",T="grid.filterSelectedItems",D="grid.sortAriaLabel",R="grid.editDialogTitle",x="grid.editDialogSaveButtonTitle",y="grid.editDialogCancelButtonTitle",w="grid.filterAriaLabel",q="grid.groupPanelAriaLabel",v="grid.groupExpand",N="grid.groupCollapse",G="grid.detailExpand",F="grid.detailCollapse",k="grid.selectRow",z="grid.gridAriaLabel",M="grid.gridRowReorderAriaLabel",W={[G]:"Expand detail row",[F]:"Collapse detail row",[v]:"Expand group",[N]:"Collapse Group",[e]:"No records available",[p]:"Drag a column header and drop it here to group by that column",[P]:"Apply",[A]:"Clear",[h]:"Reset",[m]:"Filter",[C]:"Filter",[b]:"Sort Ascending",[I]:"Sort Descending",[D]:"Sortable",[c]:"Group Column",[u]:"Ungroup Column",[f]:"Column menu",[i]:"items per page",[r]:"{0} - {1} of {2} items",[t]:"Go to the first page",[o]:"Go to the previous page",[a]:"Go to the next page",[l]:"Go to the last page",[g]:"Page",[s]:"Page size",[n]:"of",[d]:"{0}",[O]:"Search",[S]:"Search...",[L]:"Check All",[R]:"Edit Dialog",[x]:"Save",[y]:"Cancel",[B]:"Choose Operator",[T]:"selected items",[E]:"Select All",[w]:"Filter",[q]:"Group panel",[z]:"Table",[M]:"Drag row",[k]:"Select Row","grid.filterEqOperator":"Is equal to","grid.filterNotEqOperator":"Is not equal to","grid.filterIsNullOperator":"Is null","grid.filterIsNotNullOperator":"Is not null","grid.filterIsEmptyOperator":"Is empty","grid.filterIsNotEmptyOperator":"Is not empty","grid.filterStartsWithOperator":"Starts with","grid.filterContainsOperator":"Contains","grid.filterNotContainsOperator":"Does not contain","grid.filterEndsWithOperator":"Ends with","grid.filterGteOperator":"Is greater than or equal to","grid.filterGtOperator":"Is greater than","grid.filterLteOperator":"Is less than or equal to","grid.filterLtOperator":"Is less than","grid.filterIsTrue":"Is true","grid.filterIsFalse":"Is false","grid.filterBooleanAll":"(All)","grid.filterAfterOrEqualOperator":"Is after or equal to","grid.filterAfterOperator":"Is after","grid.filterBeforeOperator":"Is before","grid.filterBeforeOrEqualOperator":"Is before or equal to","grid.filterAndLogic":"And","grid.filterOrLogic":"Or"};exports.columnMenu=f;exports.detailCollapse=F;exports.detailExpand=G;exports.editDialogCancelButtonTitle=y;exports.editDialogSaveButtonTitle=x;exports.editDialogTitle=R;exports.filterApplyButton=P;exports.filterAriaLabel=w;exports.filterCheckAll=L;exports.filterChooseOperator=B;exports.filterClearButton=A;exports.filterResetButton=h;exports.filterSelectAll=E;exports.filterSelectedItems=T;exports.filterSubmitButton=m;exports.filterTitle=C;exports.gridAriaLabel=z;exports.gridRowReorderAriaLabel=M;exports.groupCollapse=N;exports.groupColumn=c;exports.groupExpand=v;exports.groupPanelAriaLabel=q;exports.groupPanelEmpty=p;exports.messages=W;exports.noRecords=e;exports.pagerFirstPage=t;exports.pagerInfo=r;exports.pagerItemPerPage=i;exports.pagerLastPage=l;exports.pagerNextPage=a;exports.pagerOf=n;exports.pagerPage=g;exports.pagerPageSizeAriaLabel=s;exports.pagerPreviousPage=o;exports.pagerTotalPages=d;exports.searchPlaceholder=O;exports.searchboxPlaceholder=S;exports.selectRow=k;exports.sortAriaLabel=D;exports.sortAscending=b;exports.sortDescending=I;exports.ungroupColumn=u;
|
package/messages/index.mjs
CHANGED
|
@@ -5,21 +5,21 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
const e = "grid.noRecords", r = "grid.pagerInfo", t = "grid.pagerFirstPage", o = "grid.pagerPreviousPage",
|
|
9
|
-
[
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
8
|
+
const e = "grid.noRecords", r = "grid.pagerInfo", t = "grid.pagerFirstPage", o = "grid.pagerPreviousPage", i = "grid.pagerNextPage", a = "grid.pagerLastPage", l = "grid.pagerItemsPerPage", g = "grid.pagerPage", s = "grid.pagerPageSizeAriaLabel", n = "grid.pagerOf", d = "grid.pagerTotalPages", p = "grid.groupPanelEmpty", c = "grid.groupColumn", u = "grid.ungroupColumn", f = "grid.columnMenu", h = "grid.filterApplyButton", A = "grid.filterClearButton", P = "grid.filterResetButton", m = "grid.filterSubmitButton", C = "grid.filterTitle", I = "grid.sortAscending", O = "grid.sortDescending", b = "grid.searchPlaceholder", S = "grid.searchboxPlaceholder", L = "grid.filterCheckAll", E = "grid.filterChooseOperator", B = "grid.filterSelectAll", D = "grid.filterSelectedItems", x = "grid.sortAriaLabel", R = "grid.editDialogTitle", T = "grid.editDialogSaveButtonTitle", q = "grid.editDialogCancelButtonTitle", w = "grid.filterAriaLabel", y = "grid.groupPanelAriaLabel", G = "grid.groupExpand", N = "grid.groupCollapse", v = "grid.detailExpand", F = "grid.detailCollapse", k = "grid.selectRow", z = "grid.gridAriaLabel", M = "grid.gridRowReorderAriaLabel", W = {
|
|
9
|
+
[v]: "Expand detail row",
|
|
10
|
+
[F]: "Collapse detail row",
|
|
11
|
+
[G]: "Expand group",
|
|
12
|
+
[N]: "Collapse Group",
|
|
13
13
|
[e]: "No records available",
|
|
14
14
|
[p]: "Drag a column header and drop it here to group by that column",
|
|
15
15
|
[h]: "Apply",
|
|
16
16
|
[A]: "Clear",
|
|
17
17
|
[P]: "Reset",
|
|
18
18
|
[m]: "Filter",
|
|
19
|
-
[
|
|
20
|
-
[
|
|
21
|
-
[
|
|
22
|
-
[
|
|
19
|
+
[C]: "Filter",
|
|
20
|
+
[I]: "Sort Ascending",
|
|
21
|
+
[O]: "Sort Descending",
|
|
22
|
+
[x]: "Sortable",
|
|
23
23
|
[c]: "Group Column",
|
|
24
24
|
[u]: "Ungroup Column",
|
|
25
25
|
[f]: "Column menu",
|
|
@@ -27,23 +27,26 @@ const e = "grid.noRecords", r = "grid.pagerInfo", t = "grid.pagerFirstPage", o =
|
|
|
27
27
|
[r]: "{0} - {1} of {2} items",
|
|
28
28
|
[t]: "Go to the first page",
|
|
29
29
|
[o]: "Go to the previous page",
|
|
30
|
-
[
|
|
31
|
-
[
|
|
30
|
+
[i]: "Go to the next page",
|
|
31
|
+
[a]: "Go to the last page",
|
|
32
32
|
[g]: "Page",
|
|
33
33
|
[s]: "Page size",
|
|
34
34
|
[n]: "of",
|
|
35
35
|
[d]: "{0}",
|
|
36
36
|
[b]: "Search",
|
|
37
|
-
[
|
|
38
|
-
[
|
|
37
|
+
[S]: "Search...",
|
|
38
|
+
[L]: "Check All",
|
|
39
|
+
[R]: "Edit Dialog",
|
|
40
|
+
[T]: "Save",
|
|
41
|
+
[q]: "Cancel",
|
|
39
42
|
[E]: "Choose Operator",
|
|
40
|
-
[
|
|
41
|
-
[
|
|
42
|
-
[
|
|
43
|
-
[
|
|
44
|
-
[
|
|
45
|
-
[
|
|
46
|
-
[
|
|
43
|
+
[D]: "selected items",
|
|
44
|
+
[B]: "Select All",
|
|
45
|
+
[w]: "Filter",
|
|
46
|
+
[y]: "Group panel",
|
|
47
|
+
[z]: "Table",
|
|
48
|
+
[M]: "Drag row",
|
|
49
|
+
[k]: "Select Row",
|
|
47
50
|
"grid.filterEqOperator": "Is equal to",
|
|
48
51
|
"grid.filterNotEqOperator": "Is not equal to",
|
|
49
52
|
"grid.filterIsNullOperator": "Is null",
|
|
@@ -70,42 +73,45 @@ const e = "grid.noRecords", r = "grid.pagerInfo", t = "grid.pagerFirstPage", o =
|
|
|
70
73
|
};
|
|
71
74
|
export {
|
|
72
75
|
f as columnMenu,
|
|
73
|
-
|
|
74
|
-
|
|
76
|
+
F as detailCollapse,
|
|
77
|
+
v as detailExpand,
|
|
78
|
+
q as editDialogCancelButtonTitle,
|
|
79
|
+
T as editDialogSaveButtonTitle,
|
|
80
|
+
R as editDialogTitle,
|
|
75
81
|
h as filterApplyButton,
|
|
76
|
-
|
|
77
|
-
|
|
82
|
+
w as filterAriaLabel,
|
|
83
|
+
L as filterCheckAll,
|
|
78
84
|
E as filterChooseOperator,
|
|
79
85
|
A as filterClearButton,
|
|
80
86
|
P as filterResetButton,
|
|
81
|
-
|
|
82
|
-
|
|
87
|
+
B as filterSelectAll,
|
|
88
|
+
D as filterSelectedItems,
|
|
83
89
|
m as filterSubmitButton,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
90
|
+
C as filterTitle,
|
|
91
|
+
z as gridAriaLabel,
|
|
92
|
+
M as gridRowReorderAriaLabel,
|
|
93
|
+
N as groupCollapse,
|
|
88
94
|
c as groupColumn,
|
|
89
|
-
|
|
90
|
-
|
|
95
|
+
G as groupExpand,
|
|
96
|
+
y as groupPanelAriaLabel,
|
|
91
97
|
p as groupPanelEmpty,
|
|
92
|
-
|
|
98
|
+
W as messages,
|
|
93
99
|
e as noRecords,
|
|
94
100
|
t as pagerFirstPage,
|
|
95
101
|
r as pagerInfo,
|
|
96
102
|
l as pagerItemPerPage,
|
|
97
|
-
|
|
98
|
-
|
|
103
|
+
a as pagerLastPage,
|
|
104
|
+
i as pagerNextPage,
|
|
99
105
|
n as pagerOf,
|
|
100
106
|
g as pagerPage,
|
|
101
107
|
s as pagerPageSizeAriaLabel,
|
|
102
108
|
o as pagerPreviousPage,
|
|
103
109
|
d as pagerTotalPages,
|
|
104
110
|
b as searchPlaceholder,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
111
|
+
S as searchboxPlaceholder,
|
|
112
|
+
k as selectRow,
|
|
113
|
+
x as sortAriaLabel,
|
|
114
|
+
I as sortAscending,
|
|
115
|
+
O as sortDescending,
|
|
110
116
|
u as ungroupColumn
|
|
111
117
|
};
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1745484908,version:"10.3.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "KendoReact",
|
|
11
11
|
productCode: "KENDOUIREACT",
|
|
12
12
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "10.
|
|
13
|
+
publishDate: 1745484908,
|
|
14
|
+
version: "10.3.0-develop.1",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-grid",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.3.0-develop.1",
|
|
4
4
|
"description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -28,17 +28,20 @@
|
|
|
28
28
|
"@progress/kendo-data-query": "^1.0.0",
|
|
29
29
|
"@progress/kendo-drawing": "^1.21.2",
|
|
30
30
|
"@progress/kendo-licensing": "^1.5.1",
|
|
31
|
-
"@progress/kendo-react-animation": "10.
|
|
32
|
-
"@progress/kendo-react-buttons": "10.
|
|
33
|
-
"@progress/kendo-react-common": "10.
|
|
34
|
-
"@progress/kendo-react-data-tools": "10.
|
|
35
|
-
"@progress/kendo-react-dateinputs": "10.
|
|
36
|
-
"@progress/kendo-react-indicators": "10.
|
|
37
|
-
"@progress/kendo-react-
|
|
38
|
-
"@progress/kendo-react-
|
|
39
|
-
"@progress/kendo-react-
|
|
40
|
-
"@progress/kendo-react-
|
|
41
|
-
"@progress/kendo-react-
|
|
31
|
+
"@progress/kendo-react-animation": "10.3.0-develop.1",
|
|
32
|
+
"@progress/kendo-react-buttons": "10.3.0-develop.1",
|
|
33
|
+
"@progress/kendo-react-common": "10.3.0-develop.1",
|
|
34
|
+
"@progress/kendo-react-data-tools": "10.3.0-develop.1",
|
|
35
|
+
"@progress/kendo-react-dateinputs": "10.3.0-develop.1",
|
|
36
|
+
"@progress/kendo-react-indicators": "10.3.0-develop.1",
|
|
37
|
+
"@progress/kendo-react-form": "10.3.0-develop.1",
|
|
38
|
+
"@progress/kendo-react-labels": "10.3.0-develop.1",
|
|
39
|
+
"@progress/kendo-react-dialogs": "10.3.0-develop.1",
|
|
40
|
+
"@progress/kendo-react-dropdowns": "10.3.0-develop.1",
|
|
41
|
+
"@progress/kendo-react-inputs": "10.3.0-develop.1",
|
|
42
|
+
"@progress/kendo-react-intl": "10.3.0-develop.1",
|
|
43
|
+
"@progress/kendo-react-popup": "10.3.0-develop.1",
|
|
44
|
+
"@progress/kendo-react-layout": "10.3.0-develop.1",
|
|
42
45
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
43
46
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
44
47
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
@@ -86,7 +89,7 @@
|
|
|
86
89
|
"package": {
|
|
87
90
|
"productName": "KendoReact",
|
|
88
91
|
"productCode": "KENDOUIREACT",
|
|
89
|
-
"publishDate":
|
|
92
|
+
"publishDate": 1745484908,
|
|
90
93
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
91
94
|
}
|
|
92
95
|
},
|