@progress/kendo-react-grid 5.6.0-dev.202208291418 → 5.6.0-dev.202209021051

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.
@@ -50,10 +50,12 @@ var GridFilterCell = /** @class */ (function (_super) {
50
50
  var defaultRendering = (React.createElement("div", { className: "k-filtercell" },
51
51
  React.createElement("span", null,
52
52
  this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues),
53
- React.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(localizationService)),
54
- React.createElement(Button, { icon: 'filter-clear', className: classNames((_a = {},
55
- _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
56
- _a)), title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) }))));
53
+ React.createElement("div", { className: "k-filtercell-operator" },
54
+ this.renderOperatorEditor(localizationService),
55
+ "\u00A0",
56
+ React.createElement(Button, { icon: 'filter-clear', className: classNames((_a = {},
57
+ _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
58
+ _a)), title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) })))));
57
59
  if (this.props.render) {
58
60
  return this.props.render.call(undefined, defaultRendering, this.props);
59
61
  }
@@ -58,7 +58,7 @@ export var GridGroupCell = function (props) {
58
58
  value: !expanded
59
59
  });
60
60
  }
61
- }, href: "#", tabIndex: -1, "aria-label": message, className: expanded ? 'k-i-collapse k-icon' : 'k-i-expand k-icon' }),
61
+ }, href: "#", tabIndex: -1, "aria-label": message, className: expanded ? 'k-i-caret-alt-down k-icon' : 'k-i-caret-alt-right k-icon' }),
62
62
  ((dataItem[definedField] instanceof Date) && dataItem[definedField].toString) ?
63
63
  dataItem[definedField].toString() :
64
64
  dataItem[definedField])));
@@ -87,7 +87,7 @@ var GridColumnMenuWrapper = /** @class */ (function (_super) {
87
87
  var _this = this;
88
88
  var _a = this.props, ColumnMenu = _a.columnMenu, others = __rest(_a, ["columnMenu"]);
89
89
  return (React.createElement(React.Fragment, null,
90
- React.createElement("div", { className: 'k-grid-column-menu k-grid-filter', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown },
90
+ React.createElement("div", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown },
91
91
  React.createElement("span", { className: 'k-icon k-i-more-vertical' })),
92
92
  React.createElement(Popup, { anchor: this._anchor, show: this.state.show },
93
93
  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 })))))));
@@ -167,7 +167,7 @@ var CommonDragLogic = /** @class */ (function () {
167
167
  top: (event.pageY + 10),
168
168
  left: event.pageX,
169
169
  innerText: innerText,
170
- status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-add'
170
+ status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
171
171
  });
172
172
  };
173
173
  CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
@@ -75,7 +75,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
75
75
  React.createElement("div", { className: "k-indicator-container", style: { touchAction: 'none' } },
76
76
  React.createElement("div", { className: "k-group-indicator" },
77
77
  React.createElement("a", { className: "k-link", href: "#", tabIndex: -1, onClick: this.sortChange },
78
- React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-sm' }),
78
+ React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-small' }),
79
79
  this.props.title),
80
80
  React.createElement(Button, { fillMode: 'flat', tabIndex: -1, onClick: this.groupRemove, icon: 'close', "aria-label": localizationService.toLanguageString(ungroupColumn, messages[ungroupColumn]) })))));
81
81
  };
@@ -155,7 +155,7 @@ var HeaderRow = /** @class */ (function (_super) {
155
155
  return null;
156
156
  }
157
157
  return sortIndex >= 0 && [
158
- React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-sm' }),
158
+ React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-small' }),
159
159
  this.props.sort.length > 1 && React.createElement("span", { key: 2, className: "k-sort-order" }, sortIndex + 1)
160
160
  ];
161
161
  };
@@ -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: 1661782010,
8
+ publishDate: 1662115206,
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
  };
@@ -53,10 +53,12 @@ var GridFilterCell = /** @class */ (function (_super) {
53
53
  var defaultRendering = (React.createElement("div", { className: "k-filtercell" },
54
54
  React.createElement("span", null,
55
55
  this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues),
56
- React.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(localizationService)),
57
- React.createElement(kendo_react_buttons_1.Button, { icon: 'filter-clear', className: (0, kendo_react_common_1.classNames)((_a = {},
58
- _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
59
- _a)), title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) }))));
56
+ React.createElement("div", { className: "k-filtercell-operator" },
57
+ this.renderOperatorEditor(localizationService),
58
+ "\u00A0",
59
+ React.createElement(kendo_react_buttons_1.Button, { icon: 'filter-clear', className: (0, kendo_react_common_1.classNames)((_a = {},
60
+ _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
61
+ _a)), title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) })))));
60
62
  if (this.props.render) {
61
63
  return this.props.render.call(undefined, defaultRendering, this.props);
62
64
  }
@@ -61,7 +61,7 @@ var GridGroupCell = function (props) {
61
61
  value: !expanded
62
62
  });
63
63
  }
64
- }, href: "#", tabIndex: -1, "aria-label": message, className: expanded ? 'k-i-collapse k-icon' : 'k-i-expand k-icon' }),
64
+ }, href: "#", tabIndex: -1, "aria-label": message, className: expanded ? 'k-i-caret-alt-down k-icon' : 'k-i-caret-alt-right k-icon' }),
65
65
  ((dataItem[definedField] instanceof Date) && dataItem[definedField].toString) ?
66
66
  dataItem[definedField].toString() :
67
67
  dataItem[definedField])));
@@ -90,7 +90,7 @@ var GridColumnMenuWrapper = /** @class */ (function (_super) {
90
90
  var _this = this;
91
91
  var _a = this.props, ColumnMenu = _a.columnMenu, others = __rest(_a, ["columnMenu"]);
92
92
  return (React.createElement(React.Fragment, null,
93
- React.createElement("div", { className: 'k-grid-column-menu k-grid-filter', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown },
93
+ React.createElement("div", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown },
94
94
  React.createElement("span", { className: 'k-icon k-i-more-vertical' })),
95
95
  React.createElement(kendo_react_popup_1.Popup, { anchor: this._anchor, show: this.state.show },
96
96
  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 })))))));
@@ -170,7 +170,7 @@ var CommonDragLogic = /** @class */ (function () {
170
170
  top: (event.pageY + 10),
171
171
  left: event.pageX,
172
172
  innerText: innerText,
173
- status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-add'
173
+ status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
174
174
  });
175
175
  };
176
176
  CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
@@ -78,7 +78,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
78
78
  React.createElement("div", { className: "k-indicator-container", style: { touchAction: 'none' } },
79
79
  React.createElement("div", { className: "k-group-indicator" },
80
80
  React.createElement("a", { className: "k-link", href: "#", tabIndex: -1, onClick: this.sortChange },
81
- React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-sm' }),
81
+ React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-small' }),
82
82
  this.props.title),
83
83
  React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', tabIndex: -1, onClick: this.groupRemove, icon: 'close', "aria-label": localizationService.toLanguageString(messages_1.ungroupColumn, messages_1.messages[messages_1.ungroupColumn]) })))));
84
84
  };
@@ -158,7 +158,7 @@ var HeaderRow = /** @class */ (function (_super) {
158
158
  return null;
159
159
  }
160
160
  return sortIndex >= 0 && [
161
- React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-sm' }),
161
+ React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-small' }),
162
162
  this.props.sort.length > 1 && React.createElement("span", { key: 2, className: "k-sort-order" }, sortIndex + 1)
163
163
  ];
164
164
  };
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-grid',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1661782010,
11
+ publishDate: 1662115206,
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
  };