@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
30 lines • 1.55 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TestImagePickerControl = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var ImagePicker_1 = require("../../../ImagePicker");
var react_migration_v8_v9_1 = require("@fluentui/react-migration-v8-v9");
var TestImagePickerControl = function (_a) {
var context = _a.context, themeVariant = _a.themeVariant;
var _b = React.useState(''), selectedFileUrl = _b[0], setSelectedFileUrl = _b[1];
var setTheme = React.useCallback(function () {
return (0, react_migration_v8_v9_1.createV9Theme)(themeVariant);
}, [themeVariant]);
var handleFileSelected = function (file) {
console.log('File selected:', file);
setSelectedFileUrl(file.previewDataUrl);
};
var handleDeleteFile = function () {
console.log('File deleted');
setSelectedFileUrl('');
};
return (React.createElement(react_components_1.FluentProvider, { theme: setTheme() },
React.createElement("div", null,
React.createElement("h2", null, "Test ImagePicker Component"),
React.createElement(ImagePicker_1.ImagePicker, { onFileSelected: handleFileSelected, onDeleteFile: handleDeleteFile, selectedFileUrl: selectedFileUrl, context: context }))));
};
exports.TestImagePickerControl = TestImagePickerControl;
exports.default = exports.TestImagePickerControl;
//# sourceMappingURL=TestImagePickerControl.js.map