@progress/kendo-react-grid 5.14.0-dev.202305191608 → 5.14.0-dev.202305250741
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/dist/cdn/js/kendo-react-grid.js +1 -1
- package/dist/es/Grid.js +1 -1
- package/dist/es/cells/GridGroupCell.js +7 -3
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +2 -2
- package/dist/es/columnMenu/GridColumnMenuFilter.js +2 -2
- package/dist/es/drag/GroupingIndicator.js +2 -2
- package/dist/es/interfaces/GridCellProps.d.ts +4 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/Grid.js +1 -1
- package/dist/npm/cells/GridGroupCell.js +6 -2
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +2 -2
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +2 -2
- package/dist/npm/drag/GroupingIndicator.js +2 -2
- package/dist/npm/interfaces/GridCellProps.d.ts +4 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-grid.js +1 -1
- package/package.json +18 -18
package/dist/es/Grid.js
CHANGED
|
@@ -721,7 +721,7 @@ var Grid = /** @class */ (function (_super) {
|
|
|
721
721
|
? { left: columnStyle.left, right: columnStyle.right }
|
|
722
722
|
: { left: columnStyle.right, right: columnStyle.left }
|
|
723
723
|
: {};
|
|
724
|
-
return (React.createElement(GridGroupCell, { id: '', dataIndex: item.dataIndex, field: gr.field, dataItem: item.dataItem, key: idx, style: style, ariaColumnIndex: 1 + idx, isSelected: false, locked: _this.props.lockGroups }));
|
|
724
|
+
return (React.createElement(GridGroupCell, { id: '', dataIndex: item.dataIndex, field: gr.field, dataItem: item.dataItem, key: idx, style: style, ariaColumnIndex: 1 + idx, isSelected: false, locked: _this.props.lockGroups, isRtl: _this.isRtl }));
|
|
725
725
|
}),
|
|
726
726
|
_this.props.expandField &&
|
|
727
727
|
React.createElement(GridDetailHierarchyCell, { id: navigationTools.generateNavigatableId("".concat(detailRowId, "-dhcell"), idPrefix) }),
|
|
@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { classNames, IconWrap, Keys } from '@progress/kendo-react-common';
|
|
13
13
|
import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
|
|
14
14
|
import { useLocalization } from '@progress/kendo-react-intl';
|
|
15
|
-
import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
|
|
15
|
+
import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
|
|
16
16
|
import * as React from 'react';
|
|
17
17
|
import { messages, groupCollapse, groupExpand } from '../messages';
|
|
18
18
|
/**
|
|
@@ -20,7 +20,7 @@ import { messages, groupCollapse, groupExpand } from '../messages';
|
|
|
20
20
|
*/
|
|
21
21
|
export var GridGroupCell = function (props) {
|
|
22
22
|
var defaultRendering = null;
|
|
23
|
-
var columnIndex = props.columnIndex, level = props.level, columnsCount = props.columnsCount, rowType = props.rowType, dataItem = props.dataItem, field = props.field, onChange = props.onChange, expanded = props.expanded, render = props.render, dataIndex = props.dataIndex, ariaColumnIndex = props.ariaColumnIndex;
|
|
23
|
+
var columnIndex = props.columnIndex, level = props.level, columnsCount = props.columnsCount, rowType = props.rowType, dataItem = props.dataItem, field = props.field, onChange = props.onChange, expanded = props.expanded, render = props.render, dataIndex = props.dataIndex, ariaColumnIndex = props.ariaColumnIndex, isRtl = props.isRtl;
|
|
24
24
|
var definedField = field || '';
|
|
25
25
|
var navigationAttributes = useTableKeyboardNavigation(props.id);
|
|
26
26
|
var localization = useLocalization();
|
|
@@ -61,7 +61,11 @@ export var GridGroupCell = function (props) {
|
|
|
61
61
|
});
|
|
62
62
|
}
|
|
63
63
|
}, href: "#", tabIndex: -1, "aria-label": message },
|
|
64
|
-
React.createElement(IconWrap, { name: expanded ?
|
|
64
|
+
React.createElement(IconWrap, { name: expanded ?
|
|
65
|
+
'caret-alt-down'
|
|
66
|
+
: isRtl ? 'caret-alt-left' : 'caret-alt-right', icon: expanded ?
|
|
67
|
+
caretAltDownIcon
|
|
68
|
+
: isRtl ? caretAltLeftIcon : caretAltRightIcon })),
|
|
65
69
|
((dataItem[definedField] instanceof Date) && dataItem[definedField].toString) ?
|
|
66
70
|
dataItem[definedField].toString() :
|
|
67
71
|
dataItem[definedField])));
|
|
@@ -313,8 +313,8 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
|
|
|
313
313
|
})),
|
|
314
314
|
React.createElement("div", { className: "k-filter-selected-items" }, uniqueFilterValues.length + ' ' + localizationService.toLanguageString(filterSelectedItems, messages[filterSelectedItems])),
|
|
315
315
|
React.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" },
|
|
316
|
-
React.createElement(Button, {
|
|
317
|
-
React.createElement(Button, {
|
|
316
|
+
React.createElement(Button, { themeColor: "primary", type: 'submit' }, localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])),
|
|
317
|
+
React.createElement(Button, { className: "k-button", type: 'reset' }, localizationService.toLanguageString(filterClearButton, messages[filterClearButton])))))))));
|
|
318
318
|
};
|
|
319
319
|
/**
|
|
320
320
|
* @hidden
|
|
@@ -359,8 +359,8 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
|
|
|
359
359
|
React.createElement(FilterUI, __assign({}, filterUIProps)) :
|
|
360
360
|
React.createElement(GridColumnMenuFilterUI, __assign({}, filterUIProps)),
|
|
361
361
|
React.createElement("div", { className: 'k-actions k-actions-stretched' },
|
|
362
|
-
React.createElement(Button, {
|
|
363
|
-
React.createElement(Button, {
|
|
362
|
+
React.createElement(Button, { themeColor: "primary", disabled: !isFilterValid }, localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])),
|
|
363
|
+
React.createElement(Button, { type: 'reset' }, localizationService.toLanguageString(filterClearButton, messages[filterClearButton])))))))));
|
|
364
364
|
};
|
|
365
365
|
/* eslint-disable max-len */
|
|
366
366
|
/**
|
|
@@ -75,11 +75,11 @@ var GroupingIndicator = /** @class */ (function (_super) {
|
|
|
75
75
|
return (React.createElement(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
|
|
76
76
|
React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", role: "button", style: { touchAction: 'none' } },
|
|
77
77
|
React.createElement("span", { onClick: this.sortChange },
|
|
78
|
-
React.createElement(IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon })),
|
|
78
|
+
React.createElement(IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon, size: 'small' })),
|
|
79
79
|
React.createElement("span", { className: 'k-chip-content' }, this.props.title),
|
|
80
80
|
React.createElement("span", { className: "k-chip-actions" },
|
|
81
81
|
React.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove, "aria-label": localizationService.toLanguageString(ungroupColumn, messages[ungroupColumn]) },
|
|
82
|
-
React.createElement(IconWrap, { name: 'x-circle', icon: xCircleIcon }))))));
|
|
82
|
+
React.createElement(IconWrap, { name: 'x-circle', icon: xCircleIcon, size: 'small' }))))));
|
|
83
83
|
};
|
|
84
84
|
return GroupingIndicator;
|
|
85
85
|
}(React.Component));
|
|
@@ -58,4 +58,8 @@ export interface GridCellProps extends Omit<CellProps, 'onChange' | 'render'> {
|
|
|
58
58
|
* The event that is fired when the ContextMenu is activated.
|
|
59
59
|
*/
|
|
60
60
|
onContextMenu?: (event: React.MouseEvent<HTMLElement>, dataItem: any, field?: string) => void;
|
|
61
|
+
/**
|
|
62
|
+
* @hidden
|
|
63
|
+
*/
|
|
64
|
+
isRtl?: boolean;
|
|
61
65
|
}
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-grid',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1684999089,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/npm/Grid.js
CHANGED
|
@@ -724,7 +724,7 @@ var Grid = /** @class */ (function (_super) {
|
|
|
724
724
|
? { left: columnStyle.left, right: columnStyle.right }
|
|
725
725
|
: { left: columnStyle.right, right: columnStyle.left }
|
|
726
726
|
: {};
|
|
727
|
-
return (React.createElement(GridGroupCell_1.GridGroupCell, { id: '', dataIndex: item.dataIndex, field: gr.field, dataItem: item.dataItem, key: idx, style: style, ariaColumnIndex: 1 + idx, isSelected: false, locked: _this.props.lockGroups }));
|
|
727
|
+
return (React.createElement(GridGroupCell_1.GridGroupCell, { id: '', dataIndex: item.dataIndex, field: gr.field, dataItem: item.dataItem, key: idx, style: style, ariaColumnIndex: 1 + idx, isSelected: false, locked: _this.props.lockGroups, isRtl: _this.isRtl }));
|
|
728
728
|
}),
|
|
729
729
|
_this.props.expandField &&
|
|
730
730
|
React.createElement(GridDetailHierarchyCell_1.GridDetailHierarchyCell, { id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(detailRowId, "-dhcell"), idPrefix) }),
|
|
@@ -23,7 +23,7 @@ var messages_1 = require("../messages");
|
|
|
23
23
|
*/
|
|
24
24
|
var GridGroupCell = function (props) {
|
|
25
25
|
var defaultRendering = null;
|
|
26
|
-
var columnIndex = props.columnIndex, level = props.level, columnsCount = props.columnsCount, rowType = props.rowType, dataItem = props.dataItem, field = props.field, onChange = props.onChange, expanded = props.expanded, render = props.render, dataIndex = props.dataIndex, ariaColumnIndex = props.ariaColumnIndex;
|
|
26
|
+
var columnIndex = props.columnIndex, level = props.level, columnsCount = props.columnsCount, rowType = props.rowType, dataItem = props.dataItem, field = props.field, onChange = props.onChange, expanded = props.expanded, render = props.render, dataIndex = props.dataIndex, ariaColumnIndex = props.ariaColumnIndex, isRtl = props.isRtl;
|
|
27
27
|
var definedField = field || '';
|
|
28
28
|
var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
|
|
29
29
|
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
@@ -64,7 +64,11 @@ var GridGroupCell = function (props) {
|
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
}, href: "#", tabIndex: -1, "aria-label": message },
|
|
67
|
-
React.createElement(kendo_react_common_1.IconWrap, { name: expanded ?
|
|
67
|
+
React.createElement(kendo_react_common_1.IconWrap, { name: expanded ?
|
|
68
|
+
'caret-alt-down'
|
|
69
|
+
: isRtl ? 'caret-alt-left' : 'caret-alt-right', icon: expanded ?
|
|
70
|
+
kendo_svg_icons_1.caretAltDownIcon
|
|
71
|
+
: isRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon })),
|
|
68
72
|
((dataItem[definedField] instanceof Date) && dataItem[definedField].toString) ?
|
|
69
73
|
dataItem[definedField].toString() :
|
|
70
74
|
dataItem[definedField])));
|
|
@@ -316,8 +316,8 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
|
|
|
316
316
|
})),
|
|
317
317
|
React.createElement("div", { className: "k-filter-selected-items" }, uniqueFilterValues.length + ' ' + localizationService.toLanguageString(messages_1.filterSelectedItems, messages_1.messages[messages_1.filterSelectedItems])),
|
|
318
318
|
React.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" },
|
|
319
|
-
React.createElement(kendo_react_buttons_1.Button, {
|
|
320
|
-
React.createElement(kendo_react_buttons_1.Button, {
|
|
319
|
+
React.createElement(kendo_react_buttons_1.Button, { themeColor: "primary", type: 'submit' }, localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])),
|
|
320
|
+
React.createElement(kendo_react_buttons_1.Button, { className: "k-button", type: 'reset' }, localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])))))))));
|
|
321
321
|
};
|
|
322
322
|
/**
|
|
323
323
|
* @hidden
|
|
@@ -364,8 +364,8 @@ var GridColumnMenuFilter = /** @class */ (function (_super) {
|
|
|
364
364
|
React.createElement(FilterUI, __assign({}, filterUIProps)) :
|
|
365
365
|
React.createElement(GridColumnMenuFilterUI_1.GridColumnMenuFilterUI, __assign({}, filterUIProps)),
|
|
366
366
|
React.createElement("div", { className: 'k-actions k-actions-stretched' },
|
|
367
|
-
React.createElement(kendo_react_buttons_1.Button, {
|
|
368
|
-
React.createElement(kendo_react_buttons_1.Button, {
|
|
367
|
+
React.createElement(kendo_react_buttons_1.Button, { themeColor: "primary", disabled: !isFilterValid }, localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])),
|
|
368
|
+
React.createElement(kendo_react_buttons_1.Button, { type: 'reset' }, localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])))))))));
|
|
369
369
|
};
|
|
370
370
|
/* eslint-disable max-len */
|
|
371
371
|
/**
|
|
@@ -78,11 +78,11 @@ var GroupingIndicator = /** @class */ (function (_super) {
|
|
|
78
78
|
return (React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
|
|
79
79
|
React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", role: "button", style: { touchAction: 'none' } },
|
|
80
80
|
React.createElement("span", { onClick: this.sortChange },
|
|
81
|
-
React.createElement(kendo_react_common_1.IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? kendo_svg_icons_1.sortAscSmallIcon : kendo_svg_icons_1.sortDescSmallIcon })),
|
|
81
|
+
React.createElement(kendo_react_common_1.IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? kendo_svg_icons_1.sortAscSmallIcon : kendo_svg_icons_1.sortDescSmallIcon, size: 'small' })),
|
|
82
82
|
React.createElement("span", { className: 'k-chip-content' }, this.props.title),
|
|
83
83
|
React.createElement("span", { className: "k-chip-actions" },
|
|
84
84
|
React.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove, "aria-label": localizationService.toLanguageString(messages_1.ungroupColumn, messages_1.messages[messages_1.ungroupColumn]) },
|
|
85
|
-
React.createElement(kendo_react_common_1.IconWrap, { name: 'x-circle', icon: kendo_svg_icons_1.xCircleIcon }))))));
|
|
85
|
+
React.createElement(kendo_react_common_1.IconWrap, { name: 'x-circle', icon: kendo_svg_icons_1.xCircleIcon, size: 'small' }))))));
|
|
86
86
|
};
|
|
87
87
|
return GroupingIndicator;
|
|
88
88
|
}(React.Component));
|
|
@@ -58,4 +58,8 @@ export interface GridCellProps extends Omit<CellProps, 'onChange' | 'render'> {
|
|
|
58
58
|
* The event that is fired when the ContextMenu is activated.
|
|
59
59
|
*/
|
|
60
60
|
onContextMenu?: (event: React.MouseEvent<HTMLElement>, dataItem: any, field?: string) => void;
|
|
61
|
+
/**
|
|
62
|
+
* @hidden
|
|
63
|
+
*/
|
|
64
|
+
isRtl?: boolean;
|
|
61
65
|
}
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-grid',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1684999089,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|