@progress/kendo-react-grid
Version:
KendoReact Grid package
53 lines • 2.8 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var GroupingIndicator_1 = require("../drag/GroupingIndicator");
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
var messages_1 = require("./../messages");
/**
* @hidden
*/
var GroupPanel = /** @class */ (function (_super) {
__extends(GroupPanel, _super);
function GroupPanel() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.onGroupRemove = function (event, index) {
var newGroups = _this.props.group.slice();
newGroups.splice(index, 1);
_this.props.groupChange(newGroups, event);
};
_this.onGroupSortChange = function (event, index, groupDesc, dir) {
var group = Object.assign({}, groupDesc, { dir: dir });
var newGroups = _this.props.group.slice();
newGroups.splice(index, 1, group);
_this.props.groupChange(newGroups, event);
};
return _this;
}
GroupPanel.prototype.render = function () {
var _this = this;
var groupsProp = this.props.group || [];
var groups = groupsProp.map(function (groupDesc, index) { return (React.createElement(GroupingIndicator_1.GroupingIndicator, { key: index, dir: groupDesc.dir || 'asc', title: _this.props.resolveTitle(groupDesc.field), onRemove: function (event) {
_this.onGroupRemove(event, index);
}, onSortChange: function (event, dir) {
_this.onGroupSortChange(event, index, groupDesc, dir);
}, onPress: _this.props.pressHandler, onDrag: _this.props.dragHandler, onRelease: _this.props.releaseHandler })); });
return (React.createElement("div", { ref: this.props.refCallback, className: "k-grouping-header k-grouping-header-flex" },
groups,
React.createElement("div", { className: "k-indicator-container" }, !groups.length && kendo_react_intl_1.provideLocalizationService(this).toLanguageString(messages_1.groupPanelEmpty, messages_1.messages[messages_1.groupPanelEmpty]))));
};
return GroupPanel;
}(React.Component));
exports.GroupPanel = GroupPanel;
kendo_react_intl_1.registerForLocalization(GroupPanel);
//# sourceMappingURL=GroupPanel.js.map