@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
35 lines • 1.98 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.WidgetTitle = void 0;
var tslib_1 = require("tslib");
var react_northstar_1 = require("@fluentui/react-northstar");
var React = tslib_1.__importStar(require("react"));
var DashboardCallout_1 = require("../DashboardCallout");
var WidgetTitle = function (_a) {
var widget = _a.widget, globalTheme = _a.globalTheme, allowHidingWidget = _a.allowHidingWidget, onWidgetHiding = _a.onWidgetHiding;
var _b = React.useState(false), calloutOpen = _b[0], setCalloutOpen = _b[1];
return (React.createElement(react_northstar_1.Card.Header, null,
React.createElement(react_northstar_1.Flex, { gap: "gap.small", space: "between", style: { minHeight: "2rem" } },
React.createElement(react_northstar_1.Flex, { gap: "gap.small", column: true },
React.createElement(react_northstar_1.Text, { content: widget.title, style: { margin: 0 }, weight: "bold" }),
widget.desc && React.createElement(react_northstar_1.Text, { content: widget.desc, size: "small" })),
React.createElement(DashboardCallout_1.DashboardCallout, { open: calloutOpen, globalTheme: globalTheme, onOpenChange: function (_a, props) {
var currentTarget = _a.currentTarget;
if (props && props.open) {
setCalloutOpen(props.open);
}
else {
setCalloutOpen(false);
}
}, menuProps: {
offset: [0, 0],
position: "below",
}, actionHandlers: {
hideHideButton: !allowHidingWidget,
onHide: function () {
onWidgetHiding(widget);
}
}, widgetActionGroup: widget.widgetActionGroup }))));
};
exports.WidgetTitle = WidgetTitle;
//# sourceMappingURL=WidgetTitle.js.map