kepler.gl/src/components/dist/common/progress-bar.js

kepler.gl is a webgl based application to visualize large scale location data in the browser

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
/** @typedef {import('./progress-bar').ProgressBarProps} ProgressBarProps */

var StyledBar = _styledComponents["default"].span.attrs({
  className: 'progress-bar__bar'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  /* transition: width 200ms; */\n  display: block;\n"])), function (props) {
  return props.barColor || props.theme.progressBarColor;
});
var StyledTrack = _styledComponents["default"].div.attrs({
  className: 'progress-bar'
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n"])), function (props) {
  return props.trackColor || props.theme.progressBarTrackColor;
});
/** @type {React.FunctionComponent<ProgressBarProps>} */
var ProgressBar = function ProgressBar(_ref) {
  var percent = _ref.percent,
    _ref$height = _ref.height,
    height = _ref$height === void 0 ? 4 : _ref$height,
    isLoading = _ref.isLoading,
    barColor = _ref.barColor,
    trackColor = _ref.trackColor,
    theme = _ref.theme;
  return /*#__PURE__*/_react["default"].createElement(StyledTrack, {
    trackColor: trackColor,
    theme: theme
  }, /*#__PURE__*/_react["default"].createElement(StyledBar, {
    barColor: barColor,
    style: {
      width: percent,
      height: "".concat(height, "px"),
      opacity: isLoading ? 1 : 0
    }
  }));
};
var _default = exports["default"] = ProgressBar;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIlN0eWxlZEJhciIsInN0eWxlZCIsInNwYW4iLCJhdHRycyIsImNsYXNzTmFtZSIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJiYXJDb2xvciIsInRoZW1lIiwicHJvZ3Jlc3NCYXJDb2xvciIsIlN0eWxlZFRyYWNrIiwiZGl2IiwidHJhY2tDb2xvciIsInByb2dyZXNzQmFyVHJhY2tDb2xvciIsIlByb2dyZXNzQmFyIiwiX3JlZiIsInBlcmNlbnQiLCJfcmVmJGhlaWdodCIsImhlaWdodCIsImlzTG9hZGluZyIsImNyZWF0ZUVsZW1lbnQiLCJzdHlsZSIsIndpZHRoIiwiY29uY2F0Iiwib3BhY2l0eSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vcHJvZ3Jlc3MtYmFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbi8qKiBAdHlwZWRlZiB7aW1wb3J0KCcuL3Byb2dyZXNzLWJhcicpLlByb2dyZXNzQmFyUHJvcHN9IFByb2dyZXNzQmFyUHJvcHMgKi9cblxuaW50ZXJmYWNlIFN0eWxlZEJhclByb3BzIHtcbiAgYmFyQ29sb3I/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEJhciA9IHN0eWxlZC5zcGFuLmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAncHJvZ3Jlc3MtYmFyX19iYXInXG59KTxTdHlsZWRCYXJQcm9wcz5gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuYmFyQ29sb3IgfHwgcHJvcHMudGhlbWUucHJvZ3Jlc3NCYXJDb2xvcn07XG4gIC8qIHRyYW5zaXRpb246IHdpZHRoIDIwMG1zOyAqL1xuICBkaXNwbGF5OiBibG9jaztcbmA7XG5cbmludGVyZmFjZSBTdHlsZWRUcmFja1Byb3BzIHtcbiAgdHJhY2tDb2xvcj86IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkVHJhY2sgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAncHJvZ3Jlc3MtYmFyJ1xufSk8U3R5bGVkVHJhY2tQcm9wcz5gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudHJhY2tDb2xvciB8fCBwcm9wcy50aGVtZS5wcm9ncmVzc0JhclRyYWNrQ29sb3J9O1xuYDtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJQcm9wcyA9IHtcbiAgcGVyY2VudDogc3RyaW5nO1xuICBoZWlnaHQ/OiBudW1iZXI7XG4gIGlzTG9hZGluZzogYm9vbGVhbjtcbiAgYmFyQ29sb3I6IHN0cmluZztcbiAgdHJhY2tDb2xvcj86IHN0cmluZztcbiAgdGhlbWU6IGFueTtcbn07XG5cbi8qKiBAdHlwZSB7UmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8UHJvZ3Jlc3NCYXJQcm9wcz59ICovXG5jb25zdCBQcm9ncmVzc0JhciA9ICh7XG4gIHBlcmNlbnQsXG4gIGhlaWdodCA9IDQsXG4gIGlzTG9hZGluZyxcbiAgYmFyQ29sb3IsXG4gIHRyYWNrQ29sb3IsXG4gIHRoZW1lXG59OiBQcm9ncmVzc0JhclByb3BzKSA9PiAoXG4gIDxTdHlsZWRUcmFjayB0cmFja0NvbG9yPXt0cmFja0NvbG9yfSB0aGVtZT17dGhlbWV9PlxuICAgIDxTdHlsZWRCYXJcbiAgICAgIGJhckNvbG9yPXtiYXJDb2xvcn1cbiAgICAgIHN0eWxlPXt7d2lkdGg6IHBlcmNlbnQsIGhlaWdodDogYCR7aGVpZ2h0fXB4YCwgb3BhY2l0eTogaXNMb2FkaW5nID8gMSA6IDB9fVxuICAgIC8+XG4gIDwvU3R5bGVkVHJhY2s+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhcjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQXVDLElBQUFFLGVBQUEsRUFBQUMsZ0JBQUEsRUFKdkM7QUFDQTtBQUtBOztBQU1BLElBQU1DLFNBQVMsR0FBR0MsNEJBQU0sQ0FBQ0MsSUFBSSxDQUFDQyxLQUFLLENBQUM7RUFDbENDLFNBQVMsRUFBRTtBQUNiLENBQUMsQ0FBQyxDQUFBTixlQUFBLEtBQUFBLGVBQUEsT0FBQU8sdUJBQUEsdUdBQ29CLFVBQUFDLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLFFBQVEsSUFBSUQsS0FBSyxDQUFDRSxLQUFLLENBQUNDLGdCQUFnQjtBQUFBLEVBRzVFO0FBTUQsSUFBTUMsV0FBVyxHQUFHVCw0QkFBTSxDQUFDVSxHQUFHLENBQUNSLEtBQUssQ0FBQztFQUNuQ0MsU0FBUyxFQUFFO0FBQ2IsQ0FBQyxDQUFDLENBQUFMLGdCQUFBLEtBQUFBLGdCQUFBLE9BQUFNLHVCQUFBLGtEQUNvQixVQUFBQyxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDTSxVQUFVLElBQUlOLEtBQUssQ0FBQ0UsS0FBSyxDQUFDSyxxQkFBcUI7QUFBQSxFQUNuRjtBQVdEO0FBQ0EsSUFBTUMsV0FBVyxHQUFHLFNBQWRBLFdBQVdBLENBQUFDLElBQUE7RUFBQSxJQUNmQyxPQUFPLEdBQUFELElBQUEsQ0FBUEMsT0FBTztJQUFBQyxXQUFBLEdBQUFGLElBQUEsQ0FDUEcsTUFBTTtJQUFOQSxNQUFNLEdBQUFELFdBQUEsY0FBRyxDQUFDLEdBQUFBLFdBQUE7SUFDVkUsU0FBUyxHQUFBSixJQUFBLENBQVRJLFNBQVM7SUFDVFosUUFBUSxHQUFBUSxJQUFBLENBQVJSLFFBQVE7SUFDUkssVUFBVSxHQUFBRyxJQUFBLENBQVZILFVBQVU7SUFDVkosS0FBSyxHQUFBTyxJQUFBLENBQUxQLEtBQUs7RUFBQSxvQkFFTGQsTUFBQSxZQUFBMEIsYUFBQSxDQUFDVixXQUFXO0lBQUNFLFVBQVUsRUFBRUEsVUFBVztJQUFDSixLQUFLLEVBQUVBO0VBQU0sZ0JBQ2hEZCxNQUFBLFlBQUEwQixhQUFBLENBQUNwQixTQUFTO0lBQ1JPLFFBQVEsRUFBRUEsUUFBUztJQUNuQmMsS0FBSyxFQUFFO01BQUNDLEtBQUssRUFBRU4sT0FBTztNQUFFRSxNQUFNLEtBQUFLLE1BQUEsQ0FBS0wsTUFBTSxPQUFJO01BQUVNLE9BQU8sRUFBRUwsU0FBUyxHQUFHLENBQUMsR0FBRztJQUFDO0VBQUUsQ0FDNUUsQ0FDVSxDQUFDO0FBQUEsQ0FDZjtBQUFDLElBQUFNLFFBQUEsR0FBQUMsT0FBQSxjQUVhWixXQUFXIiwiaWdub3JlTGlzdCI6W119