myprojectpackageprav/dist/cjs/utils/controls/people-picker.js

My package in npm

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var react_2 = require("react");
var react_autocomplete_1 = tslib_1.__importDefault(require("react-autocomplete"));
var PeoplePicker = function (inputProps) {
    var _a = (0, react_2.useState)(''), val = _a[0], setVal = _a[1];
    var NO_MATCHES_FOUND = 'No Results';
    var users = [{
            id: 0,
            title: 'Filing guidelines',
            link: '/'
        }, {
            id: 1,
            title: 'Documents Needed',
            link: '/'
        }, {
            id: 2,
            title: 'VMS',
            link: '/'
        }, {
            id: 3,
            title: 'Air University',
            link: '/'
        }, {
            id: 4,
            title: 'AF Reserve',
            link: '/'
        }, {
            id: 5,
            title: 'AF Civilian Careers',
            link: '/'
        }, {
            id: 6,
            title: 'Leadership',
            link: '/'
        }, {
            id: 7,
            title: 'Maxwell Driving Tour (No Maps)',
            link: '/'
        }, {
            id: 8,
            title: 'DTMO',
            link: '/'
        },];
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement("div", { className: "peoplepicker p-relative" },
            react_1.default.createElement(react_autocomplete_1.default, { "data-class": 'test', items: users, shouldItemRender: function (item, value) { var _a; return (((_a = item.title) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(value === null || value === void 0 ? void 0 : value.toLowerCase())) > -1); }, getItemValue: function (item) { return item.title; }, renderItem: function (item, isHighlighted) {
                    return react_1.default.createElement("div", { style: {
                            background: isHighlighted
                                ? '#1E90FF'
                                : 'white',
                            color: isHighlighted
                                ? '#FFF'
                                : ''
                        }, key: item.id }, item.title);
                }, renderMenu: function (items, value) { return (react_1.default.createElement("div", { className: 'peoplepicker-lists' }, (items === null || items === void 0 ? void 0 : items.length) === 0 ? "".concat(NO_MATCHES_FOUND) : items)); }, value: val, onChange: function (e) { return setVal(e.target.value); }, onSelect: function (e) { return setVal(e); }, inputProps: {
                    placeholder: 'Enter a name or email address...',
                    "aria-label": "Customer Duty Email",
                    maxLength: 40,
                    className: 'form-sm'
                } }))));
};
exports.default = PeoplePicker;
//# sourceMappingURL=people-picker.js.map