@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
43 lines • 2.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TestControl = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var react_migration_v8_v9_1 = require("@fluentui/react-migration-v8-v9");
var KPIControl_1 = require("../../../controls/KPIControl");
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 TestControl = 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.IdPrefixProvider, { value: "test-control-" },
React.createElement(react_components_1.FluentProvider, { theme: setTheme(), applyStylesToPortals: true },
React.createElement("div", { className: styles.title },
React.createElement(react_components_1.Title3, null, "KPIS Control Test")),
React.createElement(react_components_1.Body1, null, "Regular cards"),
React.createElement(KPIControl_1.Kpis, null),
React.createElement(react_components_1.Body1, null, "Compact cards"),
React.createElement(KPIControl_1.Kpis, { compact: true })))));
};
exports.TestControl = TestControl;
//# sourceMappingURL=TestControl.js.map