@pnp/spfx-property-controls
Version:
Reusable property pane controls for SharePoint Framework solutions
37 lines • 2.05 kB
JavaScript
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
import * as React from 'react';
import styles from '../PropertyFieldCollectionDataHost.module.scss';
import { Checkbox } from '@fluentui/react';
export const CollectionCheckboxField = ({ field, item, disableEdit, fOnValueChange, fValidation }) => {
const [errorMessage, setErrorMessage] = React.useState();
const onValueChange = React.useCallback((value) => __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(Checkbox, { checked: item[field.id] ? item[field.id] : false, onChange: (e, v) => __awaiter(void 0, void 0, void 0, function* () { return yield onValueChange(v); }), disabled: disableEdit, className: `PropertyFieldCollectionData__panel__boolean-field ${errorMessage ? styles.invalidField : ''}` });
};
//# sourceMappingURL=CollectionCheckboxField.js.map