kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
62 lines (61 loc) • 8.72 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 _icons = require("./icons");
var _utils = require("@kepler.gl/utils");
var _templateObject; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var TimeValueWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n font-size: ", ";\n justify-content: ", ";\n\n .horizontal-bar {\n padding: 0 12px;\n color: ", ";\n }\n\n .time-value {\n display: flex;\n flex-direction: ", ";\n align-items: flex-start;\n max-width: ", ";\n span {\n color: ", ";\n }\n }\n\n .time-value:last-child {\n align-items: flex-end;\n text-align: right;\n }\n"])), function (props) {
return props.theme.timeTitleFontSize;
}, function (props) {
return props.isEnlarged ? 'center' : 'space-between';
}, function (props) {
return props.theme.textColor;
}, function (props) {
return props.isEnlarged ? 'row' : 'column';
}, function (props) {
return !props.isEnlarged ? '40%' : 'auto';
}, function (props) {
return props.theme.textColor;
});
var TimeValue = function TimeValue(_ref) {
var value = _ref.value;
return (
/*#__PURE__*/
// render two lines if not enlarged
_react["default"].createElement("div", {
className: "time-value"
}, /*#__PURE__*/_react["default"].createElement("span", null, value))
);
};
function TimeRangeSliderTimeTitleFactory() {
var TimeTitle = function TimeTitle(_ref2) {
var value = _ref2.value,
isEnlarged = _ref2.isEnlarged,
timezone = _ref2.timezone,
timeFormat = _ref2.timeFormat;
return /*#__PURE__*/_react["default"].createElement(TimeValueWrapper, {
isEnlarged: isEnlarged,
className: "time-range-slider__time-title"
}, /*#__PURE__*/_react["default"].createElement(TimeValue, {
key: 0,
value: (0, _utils.datetimeFormatter)(timezone)(timeFormat)(value[0])
}), isEnlarged ? /*#__PURE__*/_react["default"].createElement("div", {
className: "horizontal-bar"
}, /*#__PURE__*/_react["default"].createElement(_icons.Minus, {
height: "12px"
})) : null, /*#__PURE__*/_react["default"].createElement(TimeValue, {
key: 1,
value: (0, _utils.datetimeFormatter)(timezone)(timeFormat)(value[1])
}));
};
return TimeTitle;
}
var _default = exports["default"] = TimeRangeSliderTimeTitleFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2ljb25zIiwiX3V0aWxzIiwiX3RlbXBsYXRlT2JqZWN0IiwiVGltZVZhbHVlV3JhcHBlciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJ0aGVtZSIsInRpbWVUaXRsZUZvbnRTaXplIiwiaXNFbmxhcmdlZCIsInRleHRDb2xvciIsIlRpbWVWYWx1ZSIsIl9yZWYiLCJ2YWx1ZSIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJUaW1lUmFuZ2VTbGlkZXJUaW1lVGl0bGVGYWN0b3J5IiwiVGltZVRpdGxlIiwiX3JlZjIiLCJ0aW1lem9uZSIsInRpbWVGb3JtYXQiLCJrZXkiLCJkYXRldGltZUZvcm1hdHRlciIsIk1pbnVzIiwiaGVpZ2h0IiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbW1vbi90aW1lLXJhbmdlLXNsaWRlci10aW1lLXRpdGxlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCwge0lTdHlsZWRDb21wb25lbnR9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7TWludXN9IGZyb20gJy4vaWNvbnMnO1xuaW1wb3J0IHtkYXRldGltZUZvcm1hdHRlcn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge0Jhc2VDb21wb25lbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBUaW1lVmFsdWVXcmFwcGVyUHJvcHMgPSBCYXNlQ29tcG9uZW50UHJvcHMgJiB7XG4gIGlzRW5sYXJnZWQ/OiBib29sZWFuO1xufTtcblxuY29uc3QgVGltZVZhbHVlV3JhcHBlcjogSVN0eWxlZENvbXBvbmVudDxcbiAgJ3dlYicsXG4gIFRpbWVWYWx1ZVdyYXBwZXJQcm9wc1xuPiA9IHN0eWxlZC5kaXY8VGltZVZhbHVlV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpbWVUaXRsZUZvbnRTaXplfTtcbiAganVzdGlmeS1jb250ZW50OiAke3Byb3BzID0+IChwcm9wcy5pc0VubGFyZ2VkID8gJ2NlbnRlcicgOiAnc3BhY2UtYmV0d2VlbicpfTtcblxuICAuaG9yaXpvbnRhbC1iYXIge1xuICAgIHBhZGRpbmc6IDAgMTJweDtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICB9XG5cbiAgLnRpbWUtdmFsdWUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cHJvcHMgPT4gKHByb3BzLmlzRW5sYXJnZWQgPyAncm93JyA6ICdjb2x1bW4nKX07XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzID0+ICghcHJvcHMuaXNFbmxhcmdlZCA/ICc0MCUnIDogJ2F1dG8nKX07XG4gICAgc3BhbiB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICAgIH1cbiAgfVxuXG4gIC50aW1lLXZhbHVlOmxhc3QtY2hpbGQge1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgfVxuYDtcblxuY29uc3QgVGltZVZhbHVlID0gKHt2YWx1ZX0pID0+IChcbiAgLy8gcmVuZGVyIHR3byBsaW5lcyBpZiBub3QgZW5sYXJnZWRcbiAgPGRpdiBjbGFzc05hbWU9XCJ0aW1lLXZhbHVlXCI+XG4gICAgPHNwYW4+e3ZhbHVlfTwvc3Bhbj5cbiAgPC9kaXY+XG4pO1xuXG5pbnRlcmZhY2UgVGltZVRpdGxlUHJvcHMge1xuICB2YWx1ZTogbnVtYmVyW107XG4gIGlzRW5sYXJnZWQ/OiBib29sZWFuO1xuICB0aW1lem9uZT86IHN0cmluZyB8IG51bGw7XG4gIHRpbWVGb3JtYXQ6IHN0cmluZztcbn1cblxuZnVuY3Rpb24gVGltZVJhbmdlU2xpZGVyVGltZVRpdGxlRmFjdG9yeSgpIHtcbiAgY29uc3QgVGltZVRpdGxlID0gKHt2YWx1ZSwgaXNFbmxhcmdlZCwgdGltZXpvbmUsIHRpbWVGb3JtYXR9OiBUaW1lVGl0bGVQcm9wcykgPT4gKFxuICAgIDxUaW1lVmFsdWVXcmFwcGVyIGlzRW5sYXJnZWQ9e2lzRW5sYXJnZWR9IGNsYXNzTmFtZT1cInRpbWUtcmFuZ2Utc2xpZGVyX190aW1lLXRpdGxlXCI+XG4gICAgICA8VGltZVZhbHVlIGtleT17MH0gdmFsdWU9e2RhdGV0aW1lRm9ybWF0dGVyKHRpbWV6b25lKSh0aW1lRm9ybWF0KSh2YWx1ZVswXSl9IC8+XG4gICAgICB7aXNFbmxhcmdlZCA/IChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJob3Jpem9udGFsLWJhclwiPlxuICAgICAgICAgIDxNaW51cyBoZWlnaHQ9XCIxMnB4XCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUaW1lVmFsdWUga2V5PXsxfSB2YWx1ZT17ZGF0ZXRpbWVGb3JtYXR0ZXIodGltZXpvbmUpKHRpbWVGb3JtYXQpKHZhbHVlWzFdKX0gLz5cbiAgICA8L1RpbWVWYWx1ZVdyYXBwZXI+XG4gICk7XG5cbiAgcmV0dXJuIFRpbWVUaXRsZTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGltZVJhbmdlU2xpZGVyVGltZVRpdGxlRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRixz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