@pnp/spfx-controls-react/lib-commonjs/controls/imagePicker/uploadFiles/FileProgress.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileProgress = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var useStyles = (0, react_components_1.makeStyles)({
    root: tslib_1.__assign(tslib_1.__assign({ paddingTop: "15px", display: "flex" }, react_components_1.shorthands.gap("5px")), { alignItems: "center" }),
});
var FileProgress = function (props) {
    var percentageCompleted = props.percentageCompleted, isShow = props.isShow;
    var percentage = percentageCompleted * 100;
    var styles = useStyles();
    if (!isShow) {
        return null;
    }
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: styles.root },
            React.createElement(react_components_1.ProgressBar, { thickness: "medium", max: 100, value: percentage }),
            React.createElement(react_components_1.Caption1, null,
                " ",
                percentage.toFixed(0),
                "%"))));
};
exports.FileProgress = FileProgress;
//# sourceMappingURL=FileProgress.js.map