matrix-react-sdk
Version:
SDK for matrix.org using React
34 lines (31 loc) • 3.65 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _useSmoothAnimation = require("../../../hooks/useSmoothAnimation");
/*
Copyright 2024 New Vector Ltd.
Copyright 2020-2022 The Matrix.org Foundation C.I.C.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
const PROGRESS_BAR_ANIMATION_DURATION = 300;
const ProgressBar = ({
value,
max,
animated = true
}) => {
// Animating progress bars via CSS transition isn’t possible in all of our supported browsers yet.
// As workaround, we’re using animations through JS requestAnimationFrame
const currentValue = (0, _useSmoothAnimation.useSmoothAnimation)(0, value, animated ? PROGRESS_BAR_ANIMATION_DURATION : 0);
return /*#__PURE__*/_react.default.createElement("progress", {
className: "mx_ProgressBar",
max: max,
value: currentValue
});
};
var _default = exports.default = ProgressBar;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl91c2VTbW9vdGhBbmltYXRpb24iLCJQUk9HUkVTU19CQVJfQU5JTUFUSU9OX0RVUkFUSU9OIiwiUHJvZ3Jlc3NCYXIiLCJ2YWx1ZSIsIm1heCIsImFuaW1hdGVkIiwiY3VycmVudFZhbHVlIiwidXNlU21vb3RoQW5pbWF0aW9uIiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3cy9lbGVtZW50cy9Qcm9ncmVzc0Jhci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDI0IE5ldyBWZWN0b3IgTHRkLlxuQ29weXJpZ2h0IDIwMjAtMjAyMiBUaGUgTWF0cml4Lm9yZyBGb3VuZGF0aW9uIEMuSS5DLlxuXG5TUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seSBPUiBHUEwtMy4wLW9ubHlcblBsZWFzZSBzZWUgTElDRU5TRSBmaWxlcyBpbiB0aGUgcmVwb3NpdG9yeSByb290IGZvciBmdWxsIGRldGFpbHMuXG4qL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZVNtb290aEFuaW1hdGlvbiB9IGZyb20gXCIuLi8uLi8uLi9ob29rcy91c2VTbW9vdGhBbmltYXRpb25cIjtcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgICBtYXg6IG51bWJlcjtcbiAgICBhbmltYXRlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFBST0dSRVNTX0JBUl9BTklNQVRJT05fRFVSQVRJT04gPSAzMDA7XG5jb25zdCBQcm9ncmVzc0JhcjogUmVhY3QuRkM8SVByb3BzPiA9ICh7IHZhbHVlLCBtYXgsIGFuaW1hdGVkID0gdHJ1ZSB9KSA9PiB7XG4gICAgLy8gQW5pbWF0aW5nIHByb2dyZXNzIGJhcnMgdmlhIENTUyB0cmFuc2l0aW9uIGlzbuKAmXQgcG9zc2libGUgaW4gYWxsIG9mIG91ciBzdXBwb3J0ZWQgYnJvd3NlcnMgeWV0LlxuICAgIC8vIEFzIHdvcmthcm91bmQsIHdl4oCZcmUgdXNpbmcgYW5pbWF0aW9ucyB0aHJvdWdoIEpTIHJlcXVlc3RBbmltYXRpb25GcmFtZVxuICAgIGNvbnN0IGN1cnJlbnRWYWx1ZSA9IHVzZVNtb290aEFuaW1hdGlvbigwLCB2YWx1ZSwgYW5pbWF0ZWQgPyBQUk9HUkVTU19CQVJfQU5JTUFUSU9OX0RVUkFUSU9OIDogMCk7XG4gICAgcmV0dXJuIDxwcm9ncmVzcyBjbGFzc05hbWU9XCJteF9Qcm9ncmVzc0JhclwiIG1heD17bWF4fSB2YWx1ZT17Y3VycmVudFZhbHVlfSAvPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFByb2dyZXNzQmFyO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBUUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUMsbUJBQUEsR0FBQUQsT0FBQTtBQVZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQVlBLE1BQU1FLCtCQUErQixHQUFHLEdBQUc7QUFDM0MsTUFBTUMsV0FBNkIsR0FBR0EsQ0FBQztFQUFFQyxLQUFLO0VBQUVDLEdBQUc7RUFBRUMsUUFBUSxHQUFHO0FBQUssQ0FBQyxLQUFLO0VBQ3ZFO0VBQ0E7RUFDQSxNQUFNQyxZQUFZLEdBQUcsSUFBQUMsc0NBQWtCLEVBQUMsQ0FBQyxFQUFFSixLQUFLLEVBQUVFLFFBQVEsR0FBR0osK0JBQStCLEdBQUcsQ0FBQyxDQUFDO0VBQ2pHLG9CQUFPSixNQUFBLENBQUFXLE9BQUEsQ0FBQUMsYUFBQTtJQUFVQyxTQUFTLEVBQUMsZ0JBQWdCO0lBQUNOLEdBQUcsRUFBRUEsR0FBSTtJQUFDRCxLQUFLLEVBQUVHO0VBQWEsQ0FBRSxDQUFDO0FBQ2pGLENBQUM7QUFBQyxJQUFBSyxRQUFBLEdBQUFDLE9BQUEsQ0FBQUosT0FBQSxHQUVhTixXQUFXIiwiaWdub3JlTGlzdCI6W119