@pnp/spfx-controls-react/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AdaptiveCardDesignerHost = void 0;
var tslib_1 = require("tslib");
var Button_1 = require("@fluentui/react/lib/Button");
var Panel_1 = require("@fluentui/react/lib/Panel");
var Styling_1 = require("@fluentui/react/lib/Styling");
var Theme_1 = require("@fluentui/react/lib/Theme");
var React = tslib_1.__importStar(require("react"));
var react_1 = require("react");
var AdaptiveCardDesigner_1 = require("./AdaptiveCardDesigner");
var panelStyles = {
    scrollableContent: { display: "flex", height: "100%" },
    content: {
        display: "flex",
        flex: "1 1 auto",
        flexDirection: "column",
        overflow: "hidden",
        paddingLeft: 0,
        paddingRight: 0,
        paddingBottom: 0
    },
    commands: { marginBottom: 15 }
};
var AdaptiveCardDesignerHost = function (props) {
    var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
    return (React.createElement(React.Fragment, null,
        React.createElement(Button_1.DefaultButton, { text: props.buttonText, onClick: function () { return setIsOpen(true); } }),
        React.createElement(Theme_1.ThemeProvider, { theme: (0, Styling_1.getTheme)() },
            React.createElement(Panel_1.Panel, { styles: panelStyles, headerText: props.headerText, isBlocking: true, isOpen: isOpen, type: Panel_1.PanelType.smallFluid, hasCloseButton: true, onDismiss: function (ev) {
                    var srcElement = ev.nativeEvent.target;
                    if (srcElement && srcElement.className.indexOf('ms-Overlay') !== -1) {
                        ev.preventDefault();
                    }
                    else {
                        setIsOpen(false);
                    }
                } },
                React.createElement("hr", null),
                React.createElement(AdaptiveCardDesigner_1.AdaptiveCardDesigner, tslib_1.__assign({}, props))))));
};
exports.AdaptiveCardDesignerHost = AdaptiveCardDesignerHost;
//# sourceMappingURL=AdaptiveCardDesignerHost.js.map