@pnp/spfx-property-controls/lib-commonjs/propertyFields/sitePicker/PropertyFieldSitePickerListItem/PropertyFieldSitePickerListItem.js

Reusable property pane controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PropertyFieldSitePickerListItem = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const Checkbox_1 = require("@fluentui/react/lib/Checkbox");
const PropertyFieldSitePickerListItem_module_scss_1 = tslib_1.__importDefault(require("./PropertyFieldSitePickerListItem.module.scss"));
const GeneralHelper_1 = require("../../../helpers/GeneralHelper");
const PropertyFieldSitePickerListItem = (props) => {
    const { site, checked } = props;
    return (React.createElement("li", { className: PropertyFieldSitePickerListItem_module_scss_1.default.siteListItem, key: site.url },
        React.createElement(Checkbox_1.Checkbox, { className: PropertyFieldSitePickerListItem_module_scss_1.default.checkbox, checked: checked, onChange: (ev, nowChecked) => props.handleCheckboxChange(site, nowChecked) }),
        React.createElement("div", { className: PropertyFieldSitePickerListItem_module_scss_1.default.content },
            React.createElement("span", { className: PropertyFieldSitePickerListItem_module_scss_1.default.title, title: site.title }, site.title),
            React.createElement("span", { className: PropertyFieldSitePickerListItem_module_scss_1.default.url, title: site.url }, (0, GeneralHelper_1.toRelativeUrl)(site.url)))));
};
exports.PropertyFieldSitePickerListItem = PropertyFieldSitePickerListItem;
//# sourceMappingURL=PropertyFieldSitePickerListItem.js.map