@fluentui/react
Version:
Reusable React components for building web experiences.
26 lines • 1.27 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.GroupShowAllBase = void 0;
var React = require("react");
var react_1 = require("react");
var Utilities_1 = require("../../Utilities");
var Link_1 = require("../../Link");
var GroupSpacer_1 = require("./GroupSpacer");
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