@fluentui/react
Version:
Reusable React components for building web experiences.
23 lines • 1.35 kB
JavaScript
define(["require", "exports", "react", "react", "../../Utilities", "../../Link", "./GroupSpacer"], function (require, exports, React, react_1, Utilities_1, Link_1, GroupSpacer_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.GroupShowAllBase = void 0;
var getClassNames = (0, Utilities_1.classNamesFunction)();
var GroupShowAllBase = function (props) {
var group = props.group, groupLevel = props.groupLevel, _a = props.showAllLinkText, showAllLinkText = _a === void 0 ? 'Show All' : _a, styles = props.styles, theme = props.theme, onToggleSummarize = props.onToggleSummarize;
var classNames = getClassNames(styles, { theme: theme });
var memoizedOnClick = (0, react_1.useCallback)(function (ev) {
onToggleSummarize(group);
ev.stopPropagation();
ev.preventDefault();
}, [onToggleSummarize, group]);
if (group) {
return (React.createElement("div", { className: classNames.root },
React.createElement(GroupSpacer_1.GroupSpacer, { count: groupLevel }),
React.createElement(Link_1.Link, { onClick: memoizedOnClick }, showAllLinkText)));
}
return null;
};
exports.GroupShowAllBase = GroupShowAllBase;
});
//# sourceMappingURL=GroupShowAll.base.js.map