@fluentui/react
Version:
Reusable React components for building web experiences.
62 lines • 2.75 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.VirtualizedComboBox = void 0;
var tslib_1 = require("tslib");
var React = require("react");
var ComboBox_1 = require("./ComboBox");
var List_1 = require("../../List");
var Utilities_1 = require("../../Utilities");
var VirtualizedComboBox = /** @class */ (function (_super) {
tslib_1.__extends(VirtualizedComboBox, _super);
function VirtualizedComboBox(props) {
var _this = _super.call(this, props) || this;
/** The combo box element */
_this._comboBox = React.createRef();
/** The virtualized list element */
_this._list = React.createRef();
_this._onRenderList = function (props) {
var id = props.id, onRenderItem = props.onRenderItem;
// Render virtualized list
return (React.createElement(List_1.List, { componentRef: _this._list, role: "listbox", id: "".concat(id, "-list"), "aria-labelledby": "".concat(id, "-label"), items: props.options,
// eslint-disable-next-line react/jsx-no-bind
onRenderCell: onRenderItem ? function (item) { return onRenderItem(item); } : function () { return null; } }));
};
_this._onScrollToItem = function (itemIndex) {
// We are using the List component, call scrollToIndex
_this._list.current && _this._list.current.scrollToIndex(itemIndex);
};
(0, Utilities_1.initializeComponentRef)(_this);
return _this;
}
Object.defineProperty(VirtualizedComboBox.prototype, "selectedOptions", {
/**
* All selected options
*/
get: function () {
if (this._comboBox.current) {
return this._comboBox.current.selectedOptions;
}
return [];
},
enumerable: false,
configurable: true
});
VirtualizedComboBox.prototype.dismissMenu = function () {
if (this._comboBox.current) {
return this._comboBox.current.dismissMenu();
}
};
VirtualizedComboBox.prototype.focus = function (shouldOpenOnFocus, useFocusAsync) {
if (this._comboBox.current) {
this._comboBox.current.focus(shouldOpenOnFocus, useFocusAsync);
return true;
}
return false;
};
VirtualizedComboBox.prototype.render = function () {
return (React.createElement(ComboBox_1.ComboBox, tslib_1.__assign({}, this.props, { componentRef: this._comboBox, onRenderList: this._onRenderList, onScrollToItem: this._onScrollToItem })));
};
return VirtualizedComboBox;
}(React.Component));
exports.VirtualizedComboBox = VirtualizedComboBox;
//# sourceMappingURL=VirtualizedComboBox.js.map