@pnp/spfx-controls-react/lib-commonjs/controls/dashboard/widget/Widget.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Widget = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_northstar_1 = require("@fluentui/react-northstar");
var IWidget_1 = require("./IWidget");
var Widget = function (_a) {
    var children = _a.children, widget = _a.widget;
    var cardStyle = {
        gridColumnEnd: "auto",
        gridRowEnd: "auto",
        "@media (max-width: 842px)": {
            gridColumnEnd: "span 4",
        },
    };
    switch (widget.size) {
        case IWidget_1.WidgetSize.Double:
            cardStyle.gridColumnEnd = "span 2";
            break;
        case IWidget_1.WidgetSize.Box:
            cardStyle.gridColumnEnd = "span 2";
            cardStyle.gridRowEnd = "span 2";
            break;
        case IWidget_1.WidgetSize.Triple:
            cardStyle.gridColumnEnd = "span 3";
            break;
        case IWidget_1.WidgetSize.Quadruple:
            cardStyle.gridColumnEnd = "span 4";
            break;
    }
    // Support vertical extension via rowSpan
    if (widget.rowSpan && widget.rowSpan > 1) {
        cardStyle.gridRowEnd = "span ".concat(widget.rowSpan);
    }
    if (widget.controlOptions && widget.controlOptions.isHidden) {
        return null;
    }
    return (React.createElement(react_northstar_1.Card, { styles: cardStyle, fluid: true }, children));
};
exports.Widget = Widget;
//# sourceMappingURL=Widget.js.map