var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var CustomerLabels = /** @class */ (function (_super) {
    __extends(CustomerLabels, _super);
    function CustomerLabels(props) {
        var _this = _super.call(this, props) || this;
        _this.state = {
            customers: new wijmo.odata.ODataCollectionView(Util.getUrl(), 'Customers', {
                sortDescriptions: ['CompanyName']
            })
        };
        return _this;
    }
    CustomerLabels.prototype.render = function () {
        return React.createElement(Spinner, { loading: this.state.loading },
            React.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, this.state.customers.items.map(function (customer, index) {
                return React.createElement("div", { key: index, style: {
                        width: '2.2in',
                        height: '1.25in',
                        padding: '6px',
                        border: '1px dotted #e0e0e0',
                        overflow: 'hidden',
                        pageBreakInside: 'avoid'
                    } },
                    customer.CompanyName,
                    React.createElement("br", null),
                    customer.Address,
                    React.createElement("br", null),
                    customer.City + ' ' + customer.PostalCode,
                    React.createElement("br", null),
                    customer.Country);
            })));
    };
    return CustomerLabels;
}(ReportBase));
//# sourceMappingURL=CustomerLabels.js.map