@uifabric/experiments/lib-amd/components/Pagination/examples/Pagination.ComboBox.Example.js

Experimental React components for building experiences for Office 365.

define(["require", "exports", "tslib", "react", "@uifabric/experiments/lib/Pagination"], function (require, exports, tslib_1, React, Pagination_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var PaginationComboBoxExample = /** @class */ (function (_super) {
        tslib_1.__extends(PaginationComboBoxExample, _super);
        function PaginationComboBoxExample(props) {
            var _this = _super.call(this, props) || this;
            _this.onPageChange = function (index) {
                _this.setState({
                    selectedPageIndex: index
                });
            };
            _this.state = { selectedPageIndex: 0 };
            return _this;
        }
        PaginationComboBoxExample.prototype.render = function () {
            var pageCount = 28;
            return (React.createElement(Pagination_1.Pagination, { selectedPageIndex: this.state.selectedPageIndex, pageCount: pageCount, onPageChange: this.onPageChange, format: 'comboBox', comboBoxAriaLabel: pageCount + " pages available", previousPageAriaLabel: 'previous page', nextPageAriaLabel: 'next page', firstPageAriaLabel: 'first page', lastPageAriaLabel: 'last page', pageAriaLabel: 'page', firstPageIconProps: { iconName: 'DoubleChevronLeft' }, previousPageIconProps: { iconName: 'ChevronLeft' }, nextPageIconProps: { iconName: 'ChevronRight' }, lastPageIconProps: { iconName: 'DoubleChevronRight' } }));
        };
        return PaginationComboBoxExample;
    }(React.Component));
    exports.PaginationComboBoxExample = PaginationComboBoxExample;
});
//# sourceMappingURL=Pagination.ComboBox.Example.js.map