Stefan Hacker
62 lines
2.7 KiB
JavaScript
62 lines
2.7 KiB
JavaScript
"use strict";
|
|
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
|