@pnp/spfx-property-controls
Version:
Reusable property pane controls for SharePoint Framework solutions
33 lines • 1.73 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CollectionCheckboxField = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const PropertyFieldCollectionDataHost_module_scss_1 = tslib_1.__importDefault(require("../PropertyFieldCollectionDataHost.module.scss"));
const react_1 = require("@fluentui/react");
const CollectionCheckboxField = ({ field, item, disableEdit, fOnValueChange, fValidation }) => {
const [errorMessage, setErrorMessage] = React.useState();
const onValueChange = React.useCallback((value) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
if (!field) {
return;
}
if (fOnValueChange) {
yield fOnValueChange(field.id, value);
}
if (fValidation) {
const error = yield fValidation(field, value);
setErrorMessage(error);
}
}), [field, fOnValueChange, fValidation]);
React.useEffect(() => {
if (item && field) {
onValueChange(item[field.id]).then(() => { }).catch(() => { });
}
}, []);
if (!field || !item) {
return React.createElement(React.Fragment, null);
}
return React.createElement(react_1.Checkbox, { checked: item[field.id] ? item[field.id] : false, onChange: (e, v) => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return yield onValueChange(v); }), disabled: disableEdit, className: `PropertyFieldCollectionData__panel__boolean-field ${errorMessage ? PropertyFieldCollectionDataHost_module_scss_1.default.invalidField : ''}` });
};
exports.CollectionCheckboxField = CollectionCheckboxField;
//# sourceMappingURL=CollectionCheckboxField.js.map