@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
35 lines • 1.73 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.InFlowToolbarItem = exports.toolbarMenuProps = void 0;
var tslib_1 = require("tslib");
var react_northstar_1 = require("@fluentui/react-northstar");
var sp_lodash_subset_1 = require("@microsoft/sp-lodash-subset");
var React = tslib_1.__importStar(require("react"));
var Toolbar_module_scss_1 = tslib_1.__importDefault(require("./Toolbar.module.scss"));
var Icon_1 = require("@fluentui/react/lib/Icon");
exports.toolbarMenuProps = {
offset: [0, 4],
position: "below",
};
var toolbarActionTooltipProps = (function () {
var props = (0, sp_lodash_subset_1.cloneDeep)(exports.toolbarMenuProps);
props.offset[1] += 10;
return props;
})();
var InFlowToolbarItem = function (_a) {
var action = _a.action, layout = _a.layout;
var iconName = action.iconName, title = action.title;
var contentIcon = iconName && (React.createElement(react_northstar_1.Box, { className: "extended-toolbar__near-side__item__icon " + Toolbar_module_scss_1.default.inFlowToolbarItemBox },
React.createElement(Icon_1.Icon, { iconName: iconName })));
switch (layout) {
case "verbose":
return (React.createElement(React.Fragment, null,
contentIcon,
React.createElement(react_northstar_1.ButtonContent, { content: title })));
default:
case "compact":
return (React.createElement(react_northstar_1.Tooltip, tslib_1.__assign({}, toolbarActionTooltipProps, { trigger: contentIcon, content: title, accessibility: react_northstar_1.tooltipAsLabelBehavior })));
}
};
exports.InFlowToolbarItem = InFlowToolbarItem;
//# sourceMappingURL=InFlowToolbarItem.js.map