@progress/kendo-react-grid 5.15.0-dev.202307061400 → 5.15.0-dev.202307112015
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/columnMenu/GridColumnMenuWrapper.js +5 -1
- package/dist/es/header/HeaderRow.js +1 -2
- package/dist/es/interfaces/GridColumnMenuColumnProps.d.ts +0 -4
- package/dist/es/messages/index.d.ts +5 -0
- package/dist/es/messages/index.js +5 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/columnMenu/GridColumnMenuWrapper.js +5 -1
- package/dist/npm/header/HeaderRow.js +1 -2
- package/dist/npm/interfaces/GridColumnMenuColumnProps.d.ts +0 -4
- package/dist/npm/messages/index.d.ts +5 -0
- package/dist/npm/messages/index.js +6 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-grid.js +1 -1
- package/package.json +18 -18
|
@@ -39,6 +39,8 @@ import * as React from 'react';
|
|
|
39
39
|
import { Popup } from '@progress/kendo-react-popup';
|
|
40
40
|
import { IconWrap } from '@progress/kendo-react-common';
|
|
41
41
|
import { moreVerticalIcon } from '@progress/kendo-svg-icons';
|
|
42
|
+
import { columnMenu, messages } from '../messages';
|
|
43
|
+
import { provideLocalizationService } from '@progress/kendo-react-intl';
|
|
42
44
|
/**
|
|
43
45
|
* The GridColumnMenuWrapper component.
|
|
44
46
|
*/
|
|
@@ -92,8 +94,10 @@ var GridColumnMenuWrapper = /** @class */ (function (_super) {
|
|
|
92
94
|
var _this = this;
|
|
93
95
|
var _a = this.props, ColumnMenu = _a.columnMenu, others = __rest(_a, ["columnMenu"]);
|
|
94
96
|
var column = this.props.column;
|
|
97
|
+
var localizationService = provideLocalizationService(this);
|
|
98
|
+
var field = column.field ? "".concat(column.field, " ") : '';
|
|
95
99
|
return (React.createElement(React.Fragment, null,
|
|
96
|
-
React.createElement("a", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown, href: "#", title: "".concat(
|
|
100
|
+
React.createElement("a", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown, href: "#", title: "".concat(field).concat(localizationService.toLanguageString(columnMenu, messages[columnMenu])) },
|
|
97
101
|
React.createElement(IconWrap, { name: 'more-vertical', icon: moreVerticalIcon })),
|
|
98
102
|
React.createElement(Popup, { anchor: this._anchor, show: this.state.show },
|
|
99
103
|
React.createElement("div", { ref: function (e) { return _this._content = e; }, className: 'k-grid-columnmenu-popup', tabIndex: 0, onBlur: this.blur, onFocus: this.focus, style: { outline: 'none' } }, ColumnMenu && (React.createElement(ColumnMenu, __assign({}, others, { onCloseMenu: this.closeMenu })))))));
|
|
@@ -101,8 +101,7 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
101
101
|
var headerCell = (React.createElement(HeaderCell, { key: 1, field: column.field, onClick: sortable && (function (e) { return _this.cellClick(e, column); }) || undefined, selectionChange: _this.props.selectionChange, title: column.title, selectionValue: column.headerSelectionValue, render: _this.props.cellRender, children: _this.sortIcon(sortIndex), columnMenuWrapperProps: {
|
|
102
102
|
column: {
|
|
103
103
|
field: column.field,
|
|
104
|
-
filter: column.filter
|
|
105
|
-
id: column.id
|
|
104
|
+
filter: column.filter
|
|
106
105
|
},
|
|
107
106
|
sortable: sortable && _this.props.sortable,
|
|
108
107
|
sort: _this.props.sort,
|
|
@@ -50,6 +50,10 @@ export declare const groupColumn = "grid.groupColumn";
|
|
|
50
50
|
* @hidden
|
|
51
51
|
*/
|
|
52
52
|
export declare const ungroupColumn = "grid.ungroupColumn";
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
export declare const columnMenu = "grid.columnMenu";
|
|
53
57
|
/**
|
|
54
58
|
* @hidden
|
|
55
59
|
*/
|
|
@@ -132,6 +136,7 @@ export declare const messages: {
|
|
|
132
136
|
"grid.sortAriaLabel": string;
|
|
133
137
|
"grid.groupColumn": string;
|
|
134
138
|
"grid.ungroupColumn": string;
|
|
139
|
+
"grid.columnMenu": string;
|
|
135
140
|
"grid.pagerItemsPerPage": string;
|
|
136
141
|
"grid.pagerInfo": string;
|
|
137
142
|
"grid.pagerFirstPage": string;
|
|
@@ -51,6 +51,10 @@ export var groupColumn = 'grid.groupColumn';
|
|
|
51
51
|
* @hidden
|
|
52
52
|
*/
|
|
53
53
|
export var ungroupColumn = 'grid.ungroupColumn';
|
|
54
|
+
/**
|
|
55
|
+
* @hidden
|
|
56
|
+
*/
|
|
57
|
+
export var columnMenu = 'grid.columnMenu';
|
|
54
58
|
/**
|
|
55
59
|
* @hidden
|
|
56
60
|
*/
|
|
@@ -133,6 +137,7 @@ export var messages = (_a = {},
|
|
|
133
137
|
_a[sortAriaLabel] = 'Sortable',
|
|
134
138
|
_a[groupColumn] = 'Group Column',
|
|
135
139
|
_a[ungroupColumn] = 'Ungroup Column',
|
|
140
|
+
_a[columnMenu] = 'Column menu',
|
|
136
141
|
_a[pagerItemPerPage] = 'items per page',
|
|
137
142
|
_a[pagerInfo] = '{0} - {1} of {2} items',
|
|
138
143
|
_a[pagerFirstPage] = 'Go to the first page',
|
|
@@ -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: 1689104736,
|
|
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
|
};
|
|
@@ -42,6 +42,8 @@ var React = require("react");
|
|
|
42
42
|
var kendo_react_popup_1 = require("@progress/kendo-react-popup");
|
|
43
43
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
44
44
|
var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
45
|
+
var messages_1 = require("../messages");
|
|
46
|
+
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
45
47
|
/**
|
|
46
48
|
* The GridColumnMenuWrapper component.
|
|
47
49
|
*/
|
|
@@ -95,8 +97,10 @@ var GridColumnMenuWrapper = /** @class */ (function (_super) {
|
|
|
95
97
|
var _this = this;
|
|
96
98
|
var _a = this.props, ColumnMenu = _a.columnMenu, others = __rest(_a, ["columnMenu"]);
|
|
97
99
|
var column = this.props.column;
|
|
100
|
+
var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
101
|
+
var field = column.field ? "".concat(column.field, " ") : '';
|
|
98
102
|
return (React.createElement(React.Fragment, null,
|
|
99
|
-
React.createElement("a", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown, href: "#", title: "".concat(
|
|
103
|
+
React.createElement("a", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown, href: "#", title: "".concat(field).concat(localizationService.toLanguageString(messages_1.columnMenu, messages_1.messages[messages_1.columnMenu])) },
|
|
100
104
|
React.createElement(kendo_react_common_1.IconWrap, { name: 'more-vertical', icon: kendo_svg_icons_1.moreVerticalIcon })),
|
|
101
105
|
React.createElement(kendo_react_popup_1.Popup, { anchor: this._anchor, show: this.state.show },
|
|
102
106
|
React.createElement("div", { ref: function (e) { return _this._content = e; }, className: 'k-grid-columnmenu-popup', tabIndex: 0, onBlur: this.blur, onFocus: this.focus, style: { outline: 'none' } }, ColumnMenu && (React.createElement(ColumnMenu, __assign({}, others, { onCloseMenu: this.closeMenu })))))));
|
|
@@ -104,8 +104,7 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
104
104
|
var headerCell = (React.createElement(HeaderCell, { key: 1, field: column.field, onClick: sortable && (function (e) { return _this.cellClick(e, column); }) || undefined, selectionChange: _this.props.selectionChange, title: column.title, selectionValue: column.headerSelectionValue, render: _this.props.cellRender, children: _this.sortIcon(sortIndex), columnMenuWrapperProps: {
|
|
105
105
|
column: {
|
|
106
106
|
field: column.field,
|
|
107
|
-
filter: column.filter
|
|
108
|
-
id: column.id
|
|
107
|
+
filter: column.filter
|
|
109
108
|
},
|
|
110
109
|
sortable: sortable && _this.props.sortable,
|
|
111
110
|
sort: _this.props.sort,
|
|
@@ -50,6 +50,10 @@ export declare const groupColumn = "grid.groupColumn";
|
|
|
50
50
|
* @hidden
|
|
51
51
|
*/
|
|
52
52
|
export declare const ungroupColumn = "grid.ungroupColumn";
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
export declare const columnMenu = "grid.columnMenu";
|
|
53
57
|
/**
|
|
54
58
|
* @hidden
|
|
55
59
|
*/
|
|
@@ -132,6 +136,7 @@ export declare const messages: {
|
|
|
132
136
|
"grid.sortAriaLabel": string;
|
|
133
137
|
"grid.groupColumn": string;
|
|
134
138
|
"grid.ungroupColumn": string;
|
|
139
|
+
"grid.columnMenu": string;
|
|
135
140
|
"grid.pagerItemsPerPage": string;
|
|
136
141
|
"grid.pagerInfo": string;
|
|
137
142
|
"grid.pagerFirstPage": string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var _a;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.pagerMessagesMap = exports.messages = exports.detailCollapse = exports.detailExpand = exports.groupCollapse = exports.groupExpand = exports.groupPanelAriaLabel = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterSelectedItems = exports.filterChooseOperator = exports.filterCheckAll = exports.searchPlaceholder = exports.sortDescending = exports.sortAscending = exports.filterTitle = exports.filterSubmitButton = exports.filterClearButton = exports.ungroupColumn = exports.groupColumn = exports.groupPanelEmpty = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.noRecords = void 0;
|
|
4
|
+
exports.pagerMessagesMap = exports.messages = exports.detailCollapse = exports.detailExpand = exports.groupCollapse = exports.groupExpand = exports.groupPanelAriaLabel = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterSelectedItems = exports.filterChooseOperator = exports.filterCheckAll = exports.searchPlaceholder = exports.sortDescending = exports.sortAscending = exports.filterTitle = exports.filterSubmitButton = exports.filterClearButton = exports.columnMenu = exports.ungroupColumn = exports.groupColumn = exports.groupPanelEmpty = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.noRecords = void 0;
|
|
5
5
|
/**
|
|
6
6
|
* @hidden
|
|
7
7
|
*/
|
|
@@ -54,6 +54,10 @@ exports.groupColumn = 'grid.groupColumn';
|
|
|
54
54
|
* @hidden
|
|
55
55
|
*/
|
|
56
56
|
exports.ungroupColumn = 'grid.ungroupColumn';
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
exports.columnMenu = 'grid.columnMenu';
|
|
57
61
|
/**
|
|
58
62
|
* @hidden
|
|
59
63
|
*/
|
|
@@ -136,6 +140,7 @@ exports.messages = (_a = {},
|
|
|
136
140
|
_a[exports.sortAriaLabel] = 'Sortable',
|
|
137
141
|
_a[exports.groupColumn] = 'Group Column',
|
|
138
142
|
_a[exports.ungroupColumn] = 'Ungroup Column',
|
|
143
|
+
_a[exports.columnMenu] = 'Column menu',
|
|
139
144
|
_a[exports.pagerItemPerPage] = 'items per page',
|
|
140
145
|
_a[exports.pagerInfo] = '{0} - {1} of {2} items',
|
|
141
146
|
_a[exports.pagerFirstPage] = 'Go to the first page',
|
|
@@ -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: 1689104736,
|
|
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
|
};
|