@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
39 lines • 1.88 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TestUserPickerControl = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var userPicker_1 = require("../../../controls/userPicker");
var react_migration_v8_v9_1 = require("@fluentui/react-migration-v8-v9");
var useStyles = (0, react_components_1.makeStyles)({
root: tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center" }, react_components_1.shorthands.gap("10px")), { marginLeft: "50%", marginRight: "50%", height: "fit-content", width: "fit-content" }),
image: {
width: "20px",
height: "20px",
},
title: {
marginBottom: "30px",
display: "flex",
flexDirection: "row",
justifyContent: "center",
alignItems: "center",
},
});
var TestUserPickerControl = function (props) {
var themeVariant = props.themeVariant, context = props.context;
var styles = useStyles();
var setTheme = React.useCallback(function () {
return (0, react_migration_v8_v9_1.createV9Theme)(themeVariant);
}, [themeVariant]);
var onSelectedUsers = function (users) {
console.log('selected users', users);
};
return (React.createElement(React.Fragment, null,
React.createElement(react_components_1.FluentProvider, { theme: setTheme() },
React.createElement("div", { className: styles.title },
React.createElement(react_components_1.Title3, null, "Test Control - userPicker")),
React.createElement(userPicker_1.UserPicker, { context: context, onSelectedUsers: onSelectedUsers }))));
};
exports.TestUserPickerControl = TestUserPickerControl;
//# sourceMappingURL=TestUserPickerControl.js.map