kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
62 lines (61 loc) • 8.89 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("/Users/ihordykhta/Desktop/unfolded/kepler.gl/node_modules/react"));
var _styledComponents = _interopRequireDefault(require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/node_modules/styled-components"));
var _icons = require("./icons");
var _src = require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/src/utils/src");
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, _src.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, _src.datetimeFormatter)(timezone)(timeFormat)(value[1])
}));
};
return TimeTitle;
}
var _default = exports["default"] = TimeRangeSliderTimeTitleFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2ljb25zIiwiX3NyYyIsIl90ZW1wbGF0ZU9iamVjdCIsIlRpbWVWYWx1ZVdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJ0aW1lVGl0bGVGb250U2l6ZSIsImlzRW5sYXJnZWQiLCJ0ZXh0Q29sb3IiLCJUaW1lVmFsdWUiLCJfcmVmIiwidmFsdWUiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiVGltZVJhbmdlU2xpZGVyVGltZVRpdGxlRmFjdG9yeSIsIlRpbWVUaXRsZSIsIl9yZWYyIiwidGltZXpvbmUiLCJ0aW1lRm9ybWF0Iiwia2V5IiwiZGF0ZXRpbWVGb3JtYXR0ZXIiLCJNaW51cyIsImhlaWdodCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NyYy9jb21tb24vdGltZS1yYW5nZS1zbGlkZXItdGltZS10aXRsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQsIHtJU3R5bGVkQ29tcG9uZW50fSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge01pbnVzfSBmcm9tICcuL2ljb25zJztcbmltcG9ydCB7ZGF0ZXRpbWVGb3JtYXR0ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuaW1wb3J0IHtCYXNlQ29tcG9uZW50UHJvcHN9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgVGltZVZhbHVlV3JhcHBlclByb3BzID0gQmFzZUNvbXBvbmVudFByb3BzICYge1xuICBpc0VubGFyZ2VkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFRpbWVWYWx1ZVdyYXBwZXI6IElTdHlsZWRDb21wb25lbnQ8XG4gICd3ZWInLFxuICBUaW1lVmFsdWVXcmFwcGVyUHJvcHNcbj4gPSBzdHlsZWQuZGl2PFRpbWVWYWx1ZVdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50aW1lVGl0bGVGb250U2l6ZX07XG4gIGp1c3RpZnktY29udGVudDogJHtwcm9wcyA9PiAocHJvcHMuaXNFbmxhcmdlZCA/ICdjZW50ZXInIDogJ3NwYWNlLWJldHdlZW4nKX07XG5cbiAgLmhvcml6b250YWwtYmFyIHtcbiAgICBwYWRkaW5nOiAwIDEycHg7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgfVxuXG4gIC50aW1lLXZhbHVlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAke3Byb3BzID0+IChwcm9wcy5pc0VubGFyZ2VkID8gJ3JvdycgOiAnY29sdW1uJyl9O1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIG1heC13aWR0aDogJHtwcm9wcyA9PiAoIXByb3BzLmlzRW5sYXJnZWQgPyAnNDAlJyA6ICdhdXRvJyl9O1xuICAgIHNwYW4ge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgICB9XG4gIH1cblxuICAudGltZS12YWx1ZTpsYXN0LWNoaWxkIHtcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIH1cbmA7XG5cbmNvbnN0IFRpbWVWYWx1ZSA9ICh7dmFsdWV9KSA9PiAoXG4gIC8vIHJlbmRlciB0d28gbGluZXMgaWYgbm90IGVubGFyZ2VkXG4gIDxkaXYgY2xhc3NOYW1lPVwidGltZS12YWx1ZVwiPlxuICAgIDxzcGFuPnt2YWx1ZX08L3NwYW4+XG4gIDwvZGl2PlxuKTtcblxuaW50ZXJmYWNlIFRpbWVUaXRsZVByb3BzIHtcbiAgdmFsdWU6IG51bWJlcltdO1xuICBpc0VubGFyZ2VkPzogYm9vbGVhbjtcbiAgdGltZXpvbmU/OiBzdHJpbmcgfCBudWxsO1xuICB0aW1lRm9ybWF0OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIFRpbWVSYW5nZVNsaWRlclRpbWVUaXRsZUZhY3RvcnkoKSB7XG4gIGNvbnN0IFRpbWVUaXRsZSA9ICh7dmFsdWUsIGlzRW5sYXJnZWQsIHRpbWV6b25lLCB0aW1lRm9ybWF0fTogVGltZVRpdGxlUHJvcHMpID0+IChcbiAgICA8VGltZVZhbHVlV3JhcHBlciBpc0VubGFyZ2VkPXtpc0VubGFyZ2VkfSBjbGFzc05hbWU9XCJ0aW1lLXJhbmdlLXNsaWRlcl9fdGltZS10aXRsZVwiPlxuICAgICAgPFRpbWVWYWx1ZSBrZXk9ezB9IHZhbHVlPXtkYXRldGltZUZvcm1hdHRlcih0aW1lem9uZSkodGltZUZvcm1hdCkodmFsdWVbMF0pfSAvPlxuICAgICAge2lzRW5sYXJnZWQgPyAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaG9yaXpvbnRhbC1iYXJcIj5cbiAgICAgICAgICA8TWludXMgaGVpZ2h0PVwiMTJweFwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKSA6IG51bGx9XG4gICAgICA8VGltZVZhbHVlIGtleT17MX0gdmFsdWU9e2RhdGV0aW1lRm9ybWF0dGVyKHRpbWV6b25lKSh0aW1lRm9ybWF0KSh2YWx1ZVsxXSl9IC8+XG4gICAgPC9UaW1lVmFsdWVXcmFwcGVyPlxuICApO1xuXG4gIHJldHVybiBUaW1lVGl0bGU7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFRpbWVSYW5nZVNsaWRlclRpbWVUaXRsZUZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFB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