kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
37 lines (36 loc) • 6.27 kB
JavaScript
;
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 _loadingSpinner = _interopRequireDefault(require("../common/loading-spinner"));
var _localization = require("@kepler.gl/localization");
var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var StyledSpinner = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n text-align: center;\n\n span {\n margin: 0 auto;\n }\n"])));
var StyledLoadingDialog = _styledComponents["default"].div.attrs({
className: 'data-loading-dialog'
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n\n .loading-content {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .loading-message {\n margin-left: 32px;\n color: ", ";\n font-weight: 500;\n font-size: 14px;\n }\n"])), function (props) {
return props.theme.titleColorLT;
});
var LoadingDialog = function LoadingDialog(_ref) {
var _ref$size = _ref.size,
size = _ref$size === void 0 ? 64 : _ref$size,
_ref$message = _ref.message,
message = _ref$message === void 0 ? 'modal.loadingDialog.loading' : _ref$message;
return /*#__PURE__*/_react["default"].createElement(StyledLoadingDialog, null, /*#__PURE__*/_react["default"].createElement("div", {
className: "loading-content"
}, /*#__PURE__*/_react["default"].createElement(StyledSpinner, null, /*#__PURE__*/_react["default"].createElement(_loadingSpinner["default"], {
size: size
})), /*#__PURE__*/_react["default"].createElement("div", {
className: "loading-message"
}, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
id: message
}))));
};
var _default = exports["default"] = LoadingDialog;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2xvYWRpbmdTcGlubmVyIiwiX2xvY2FsaXphdGlvbiIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJTdHlsZWRTcGlubmVyIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJTdHlsZWRMb2FkaW5nRGlhbG9nIiwiYXR0cnMiLCJjbGFzc05hbWUiLCJwcm9wcyIsInRoZW1lIiwidGl0bGVDb2xvckxUIiwiTG9hZGluZ0RpYWxvZyIsIl9yZWYiLCJfcmVmJHNpemUiLCJzaXplIiwiX3JlZiRtZXNzYWdlIiwibWVzc2FnZSIsImNyZWF0ZUVsZW1lbnQiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiaWQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbW9kYWxzL2xvYWRpbmctZGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgTG9hZGluZ1NwaW5uZXIgZnJvbSAnLi4vY29tbW9uL2xvYWRpbmctc3Bpbm5lcic7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcblxuY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZC5kaXZgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICBzcGFuIHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkTG9hZGluZ0RpYWxvZyA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdkYXRhLWxvYWRpbmctZGlhbG9nJ1xufSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4LWdyb3c6IDE7XG5cbiAgLmxvYWRpbmctY29udGVudCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5cbiAgLmxvYWRpbmctbWVzc2FnZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDMycHg7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGl0bGVDb2xvckxUfTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIExvYWRpbmdEaWFsb2dQcm9wcyB7XG4gIHNpemU/OiBudW1iZXI7XG4gIG1lc3NhZ2U/OiBzdHJpbmc7XG59XG5cbmNvbnN0IExvYWRpbmdEaWFsb2c6IFJlYWN0LkZDPExvYWRpbmdEaWFsb2dQcm9wcz4gPSAoe1xuICBzaXplID0gNjQsXG4gIG1lc3NhZ2UgPSAnbW9kYWwubG9hZGluZ0RpYWxvZy5sb2FkaW5nJ1xufSkgPT4gKFxuICA8U3R5bGVkTG9hZGluZ0RpYWxvZz5cbiAgICA8ZGl2IGNsYXNzTmFtZT1cImxvYWRpbmctY29udGVudFwiPlxuICAgICAgPFN0eWxlZFNwaW5uZXI+XG4gICAgICAgIDxMb2FkaW5nU3Bpbm5lciBzaXplPXtzaXplfSAvPlxuICAgICAgPC9TdHlsZWRTcGlubmVyPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJsb2FkaW5nLW1lc3NhZ2VcIj5cbiAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e21lc3NhZ2V9IC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9TdHlsZWRMb2FkaW5nRGlhbG9nPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTG9hZGluZ0RpYWxvZztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsZUFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsYUFBQSxHQUFBSCxPQUFBO0FBQXlELElBQUFJLGVBQUEsRUFBQUMsZ0JBQUEsRUFOekQ7QUFDQTtBQU9BLElBQU1DLGFBQWEsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBSixlQUFBLEtBQUFBLGVBQUEsT0FBQUssdUJBQUEsbUZBTS9CO0FBRUQsSUFBTUMsbUJBQW1CLEdBQUdILDRCQUFNLENBQUNDLEdBQUcsQ0FBQ0csS0FBSyxDQUFDO0VBQzNDQyxTQUFTLEVBQUU7QUFDYixDQUFDLENBQUMsQ0FBQVAsZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQUksdUJBQUEsMlVBY1csVUFBQUksS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDQyxZQUFZO0FBQUEsRUFJN0M7QUFPRCxJQUFNQyxhQUEyQyxHQUFHLFNBQTlDQSxhQUEyQ0EsQ0FBQUMsSUFBQTtFQUFBLElBQUFDLFNBQUEsR0FBQUQsSUFBQSxDQUMvQ0UsSUFBSTtJQUFKQSxJQUFJLEdBQUFELFNBQUEsY0FBRyxFQUFFLEdBQUFBLFNBQUE7SUFBQUUsWUFBQSxHQUFBSCxJQUFBLENBQ1RJLE9BQU87SUFBUEEsT0FBTyxHQUFBRCxZQUFBLGNBQUcsNkJBQTZCLEdBQUFBLFlBQUE7RUFBQSxvQkFFdkN0QixNQUFBLFlBQUF3QixhQUFBLENBQUNaLG1CQUFtQixxQkFDbEJaLE1BQUEsWUFBQXdCLGFBQUE7SUFBS1YsU0FBUyxFQUFDO0VBQWlCLGdCQUM5QmQsTUFBQSxZQUFBd0IsYUFBQSxDQUFDaEIsYUFBYSxxQkFDWlIsTUFBQSxZQUFBd0IsYUFBQSxDQUFDcEIsZUFBQSxXQUFjO0lBQUNpQixJQUFJLEVBQUVBO0VBQUssQ0FBRSxDQUNoQixDQUFDLGVBQ2hCckIsTUFBQSxZQUFBd0IsYUFBQTtJQUFLVixTQUFTLEVBQUM7RUFBaUIsZ0JBQzlCZCxNQUFBLFlBQUF3QixhQUFBLENBQUNuQixhQUFBLENBQUFvQixnQkFBZ0I7SUFBQ0MsRUFBRSxFQUFFSDtFQUFRLENBQUUsQ0FDN0IsQ0FDRixDQUNjLENBQUM7QUFBQSxDQUN2QjtBQUFDLElBQUFJLFFBQUEsR0FBQUMsT0FBQSxjQUVhVixhQUFhIiwiaWdub3JlTGlzdCI6W119