office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
34 lines • 1.51 kB
JavaScript
import * as tslib_1 from "tslib";
import * as React from 'react';
import { BaseComponent, classNamesFunction } from '../../Utilities';
import { Link } from '../../Link';
import { GroupSpacer } from './GroupSpacer';
var getClassNames = classNamesFunction();
var GroupShowAllBase = /** @class */ (function (_super) {
tslib_1.__extends(GroupShowAllBase, _super);
function GroupShowAllBase() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._onSummarizeClick = function (ev) {
_this.props.onToggleSummarize(_this.props.group);
ev.stopPropagation();
ev.preventDefault();
};
return _this;
}
GroupShowAllBase.prototype.render = function () {
var _a = this.props, group = _a.group, groupLevel = _a.groupLevel, showAllLinkText = _a.showAllLinkText, styles = _a.styles, theme = _a.theme;
var classNames = getClassNames(styles, { theme: theme });
if (group) {
return (React.createElement("div", { className: classNames.root },
React.createElement(GroupSpacer, { count: groupLevel }),
React.createElement(Link, { onClick: this._onSummarizeClick }, showAllLinkText)));
}
return null;
};
GroupShowAllBase.defaultProps = {
showAllLinkText: 'Show All'
};
return GroupShowAllBase;
}(BaseComponent));
export { GroupShowAllBase };
//# sourceMappingURL=GroupShowAll.base.js.map