1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 | import { __decorate, __extends } from "tslib";
|
17 | import classNames from "classnames";
|
18 | import * as React from "react";
|
19 | import { polyfill } from "react-lifecycles-compat";
|
20 | import { AbstractPureComponent2, Classes } from "../../common";
|
21 | import { DISPLAYNAME_PREFIX } from "../../common/props";
|
22 | import { clamp } from "../../common/utils";
|
23 | var ProgressBar = (function (_super) {
|
24 | __extends(ProgressBar, _super);
|
25 | function ProgressBar() {
|
26 | return _super !== null && _super.apply(this, arguments) || this;
|
27 | }
|
28 | ProgressBar.prototype.render = function () {
|
29 | var _a;
|
30 | var _b = this.props, _c = _b.animate, animate = _c === void 0 ? true : _c, className = _b.className, intent = _b.intent, _d = _b.stripes, stripes = _d === void 0 ? true : _d, value = _b.value;
|
31 | var classes = classNames(Classes.PROGRESS_BAR, Classes.intentClass(intent), (_a = {}, _a[Classes.PROGRESS_NO_ANIMATION] = !animate, _a[Classes.PROGRESS_NO_STRIPES] = !stripes, _a), className);
|
32 | var percent = value == null ? undefined : 100 * clamp(value, 0, 1);
|
33 |
|
34 | var width = percent == null ? undefined : percent + "%";
|
35 | return (React.createElement("div", { "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": percent == null ? undefined : Math.round(percent), className: classes, role: "progressbar" },
|
36 | React.createElement("div", { className: Classes.PROGRESS_METER, style: { width: width } })));
|
37 | };
|
38 | ProgressBar.displayName = DISPLAYNAME_PREFIX + ".ProgressBar";
|
39 | ProgressBar = __decorate([
|
40 | polyfill
|
41 | ], ProgressBar);
|
42 | return ProgressBar;
|
43 | }(AbstractPureComponent2));
|
44 | export { ProgressBar };
|
45 |
|
\ | No newline at end of file |