1 | "use strict";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 | Object.defineProperty(exports, "__esModule", { value: true });
|
18 | exports.Spinner = exports.SpinnerSize = void 0;
|
19 | var tslib_1 = require("tslib");
|
20 | var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
21 | var React = tslib_1.__importStar(require("react"));
|
22 | var common_1 = require("../../common");
|
23 | var errors_1 = require("../../common/errors");
|
24 | var props_1 = require("../../common/props");
|
25 | var utils_1 = require("../../common/utils");
|
26 | var SpinnerSize;
|
27 | (function (SpinnerSize) {
|
28 | SpinnerSize[SpinnerSize["SMALL"] = 20] = "SMALL";
|
29 | SpinnerSize[SpinnerSize["STANDARD"] = 50] = "STANDARD";
|
30 | SpinnerSize[SpinnerSize["LARGE"] = 100] = "LARGE";
|
31 | })(SpinnerSize = exports.SpinnerSize || (exports.SpinnerSize = {}));
|
32 |
|
33 | var R = 45;
|
34 | var SPINNER_TRACK = "M 50,50 m 0,-".concat(R, " a ").concat(R, ",").concat(R, " 0 1 1 0,").concat(R * 2, " a ").concat(R, ",").concat(R, " 0 1 1 0,-").concat(R * 2);
|
35 |
|
36 |
|
37 |
|
38 | var PATH_LENGTH = 280;
|
39 | var MIN_SIZE = 10;
|
40 | var STROKE_WIDTH = 4;
|
41 | var MIN_STROKE_WIDTH = 16;
|
42 |
|
43 |
|
44 |
|
45 |
|
46 |
|
47 | var Spinner = (function (_super) {
|
48 | tslib_1.__extends(Spinner, _super);
|
49 | function Spinner() {
|
50 | return _super !== null && _super.apply(this, arguments) || this;
|
51 | }
|
52 | Spinner.prototype.componentDidUpdate = function (prevProps) {
|
53 | if (prevProps.value !== this.props.value) {
|
54 |
|
55 | this.forceUpdate();
|
56 | }
|
57 | };
|
58 | Spinner.prototype.render = function () {
|
59 | var _a;
|
60 | var _b = this.props, className = _b.className, intent = _b.intent, value = _b.value, _c = _b.tagName, tagName = _c === void 0 ? "div" : _c, htmlProps = tslib_1.__rest(_b, ["className", "intent", "value", "tagName"]);
|
61 | var size = this.getSize();
|
62 | var classes = (0, classnames_1.default)(common_1.Classes.SPINNER, common_1.Classes.intentClass(intent), (_a = {}, _a[common_1.Classes.SPINNER_NO_SPIN] = value != null, _a), className);
|
63 |
|
64 | var strokeWidth = Math.min(MIN_STROKE_WIDTH, (STROKE_WIDTH * SpinnerSize.LARGE) / size);
|
65 | var strokeOffset = PATH_LENGTH - PATH_LENGTH * (value == null ? 0.25 : (0, utils_1.clamp)(value, 0, 1));
|
66 |
|
67 |
|
68 |
|
69 | return React.createElement(tagName, tslib_1.__assign({ "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": value === undefined ? undefined : value * 100, className: classes, role: "progressbar" }, htmlProps), React.createElement(tagName, { className: common_1.Classes.SPINNER_ANIMATION }, React.createElement("svg", { width: size, height: size, strokeWidth: strokeWidth.toFixed(2), viewBox: this.getViewBox(strokeWidth) },
|
70 | React.createElement("path", { className: common_1.Classes.SPINNER_TRACK, d: SPINNER_TRACK }),
|
71 | React.createElement("path", { className: common_1.Classes.SPINNER_HEAD, d: SPINNER_TRACK, pathLength: PATH_LENGTH, strokeDasharray: "".concat(PATH_LENGTH, " ").concat(PATH_LENGTH), strokeDashoffset: strokeOffset }))));
|
72 | };
|
73 | Spinner.prototype.validateProps = function (_a) {
|
74 | var _b = _a.className, className = _b === void 0 ? "" : _b, size = _a.size;
|
75 | if (size != null && (className.indexOf(common_1.Classes.SMALL) >= 0 || className.indexOf(common_1.Classes.LARGE) >= 0)) {
|
76 | console.warn(errors_1.SPINNER_WARN_CLASSES_SIZE);
|
77 | }
|
78 | };
|
79 | |
80 |
|
81 |
|
82 |
|
83 | Spinner.prototype.getSize = function () {
|
84 | var _a = this.props, _b = _a.className, className = _b === void 0 ? "" : _b, size = _a.size;
|
85 | if (size == null) {
|
86 |
|
87 | if (className.indexOf(common_1.Classes.SMALL) >= 0) {
|
88 | return SpinnerSize.SMALL;
|
89 | }
|
90 | else if (className.indexOf(common_1.Classes.LARGE) >= 0) {
|
91 | return SpinnerSize.LARGE;
|
92 | }
|
93 | return SpinnerSize.STANDARD;
|
94 | }
|
95 | return Math.max(MIN_SIZE, size);
|
96 | };
|
97 |
|
98 | Spinner.prototype.getViewBox = function (strokeWidth) {
|
99 | var radius = R + strokeWidth / 2;
|
100 | var viewBoxX = (50 - radius).toFixed(2);
|
101 | var viewBoxWidth = (radius * 2).toFixed(2);
|
102 | return "".concat(viewBoxX, " ").concat(viewBoxX, " ").concat(viewBoxWidth, " ").concat(viewBoxWidth);
|
103 | };
|
104 | Spinner.displayName = "".concat(props_1.DISPLAYNAME_PREFIX, ".Spinner");
|
105 | return Spinner;
|
106 | }(common_1.AbstractPureComponent2));
|
107 | exports.Spinner = Spinner;
|
108 |
|
\ | No newline at end of file |