@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.
@@ -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(column.field || '').concat(column.id || '') },
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,
@@ -10,8 +10,4 @@ export interface GridColumnMenuColumnProps {
10
10
  * Defines the filter type that is displayed inside the filter row. Defaults to `text`.
11
11
  */
12
12
  filter?: 'text' | 'numeric' | 'boolean' | 'date';
13
- /**
14
- * @hidden
15
- */
16
- id?: string;
17
13
  }
@@ -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: 1688650424,
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(column.field || '').concat(column.id || '') },
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,
@@ -10,8 +10,4 @@ export interface GridColumnMenuColumnProps {
10
10
  * Defines the filter type that is displayed inside the filter row. Defaults to `text`.
11
11
  */
12
12
  filter?: 'text' | 'numeric' | 'boolean' | 'date';
13
- /**
14
- * @hidden
15
- */
16
- id?: string;
17
13
  }
@@ -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: 1688650424,
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
  };