kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
39 lines (38 loc) • 5.92 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 _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var TileIconContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n text-align: center;\n cursor: pointer;\n"])));
var TileIcon = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n background-color: ", ";\n color: ", ";\n opacity: ", ";\n"])), function (props) {
return props.theme.GREY10;
}, function (props) {
return props.selected ? props.theme.primaryBtnBgdHover : props.theme.secondaryBtnBgd;
}, function (props) {
return props.selected ? 1 : 0.5;
});
var TileLabel = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n font-weight: ", ";\n"])), function (props) {
return props.selected ? 'bold' : 'normal';
});
var TilesetIcon = function TilesetIcon(_ref) {
var Icon = _ref.Icon,
name = _ref.name,
onClick = _ref.onClick,
_ref$selected = _ref.selected,
selected = _ref$selected === void 0 ? false : _ref$selected;
return /*#__PURE__*/_react["default"].createElement(TileIconContainer, {
onClick: onClick
}, /*#__PURE__*/_react["default"].createElement(TileIcon, {
selected: selected
}, Icon), /*#__PURE__*/_react["default"].createElement(TileLabel, {
selected: selected
}, name));
};
var _default = exports["default"] = TilesetIcon;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJUaWxlSWNvbkNvbnRhaW5lciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiVGlsZUljb24iLCJwcm9wcyIsInRoZW1lIiwiR1JFWTEwIiwic2VsZWN0ZWQiLCJwcmltYXJ5QnRuQmdkSG92ZXIiLCJzZWNvbmRhcnlCdG5CZ2QiLCJUaWxlTGFiZWwiLCJUaWxlc2V0SWNvbiIsIl9yZWYiLCJJY29uIiwibmFtZSIsIm9uQ2xpY2siLCJfcmVmJHNlbGVjdGVkIiwiY3JlYXRlRWxlbWVudCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbHMvdGlsZXNldHMtbW9kYWxzL3RpbGVzZXQtaWNvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5jb25zdCBUaWxlSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxudHlwZSBUaWxlSWNvblByb3BzID0ge1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG59O1xuXG5jb25zdCBUaWxlSWNvbiA9IHN0eWxlZC5kaXY8VGlsZUljb25Qcm9wcz5gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuR1JFWTEwfTtcbiAgY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnRoZW1lLnByaW1hcnlCdG5CZ2RIb3ZlciA6IHByb3BzLnRoZW1lLnNlY29uZGFyeUJ0bkJnZH07XG4gIG9wYWNpdHk6ICR7cHJvcHMgPT4gKHByb3BzLnNlbGVjdGVkID8gMSA6IDAuNSl9O1xuYDtcblxuY29uc3QgVGlsZUxhYmVsID0gc3R5bGVkLmRpdjxUaWxlSWNvblByb3BzPmBcbiAgZm9udC13ZWlnaHQ6ICR7cHJvcHMgPT4gKHByb3BzLnNlbGVjdGVkID8gJ2JvbGQnIDogJ25vcm1hbCcpfTtcbmA7XG5cbnR5cGUgVGlsZXNldEljb25Qcm9wcyA9IHtcbiAgSWNvbjogUmVhY3QuUmVhY3ROb2RlO1xuICBuYW1lOiBzdHJpbmc7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFRpbGVzZXRJY29uOiBSZWFjdC5GQzxUaWxlc2V0SWNvblByb3BzPiA9ICh7SWNvbiwgbmFtZSwgb25DbGljaywgc2VsZWN0ZWQgPSBmYWxzZX0pID0+IChcbiAgPFRpbGVJY29uQ29udGFpbmVyIG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgIDxUaWxlSWNvbiBzZWxlY3RlZD17c2VsZWN0ZWR9PntJY29ufTwvVGlsZUljb24+XG4gICAgPFRpbGVMYWJlbCBzZWxlY3RlZD17c2VsZWN0ZWR9PntuYW1lfTwvVGlsZUxhYmVsPlxuICA8L1RpbGVJY29uQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGlsZXNldEljb247XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUF1QyxJQUFBRSxlQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBSnZDO0FBQ0E7QUFLQSxJQUFNQyxpQkFBaUIsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBTCxlQUFBLEtBQUFBLGVBQUEsT0FBQU0sdUJBQUEsOEdBS25DO0FBTUQsSUFBTUMsUUFBUSxHQUFHSCw0QkFBTSxDQUFDQyxHQUFHLENBQUFKLGdCQUFBLEtBQUFBLGdCQUFBLE9BQUFLLHVCQUFBLG9GQUNMLFVBQUFFLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0MsTUFBTTtBQUFBLEdBQ3RDLFVBQUFGLEtBQUs7RUFBQSxPQUNaQSxLQUFLLENBQUNHLFFBQVEsR0FBR0gsS0FBSyxDQUFDQyxLQUFLLENBQUNHLGtCQUFrQixHQUFHSixLQUFLLENBQUNDLEtBQUssQ0FBQ0ksZUFBZTtBQUFBLEdBQ3BFLFVBQUFMLEtBQUs7RUFBQSxPQUFLQSxLQUFLLENBQUNHLFFBQVEsR0FBRyxDQUFDLEdBQUcsR0FBRztBQUFBLENBQUMsQ0FDL0M7QUFFRCxJQUFNRyxTQUFTLEdBQUdWLDRCQUFNLENBQUNDLEdBQUcsQ0FBQUgsZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQUksdUJBQUEsNkNBQ1gsVUFBQUUsS0FBSztFQUFBLE9BQUtBLEtBQUssQ0FBQ0csUUFBUSxHQUFHLE1BQU0sR0FBRyxRQUFRO0FBQUEsQ0FBQyxDQUM3RDtBQVNELElBQU1JLFdBQXVDLEdBQUcsU0FBMUNBLFdBQXVDQSxDQUFBQyxJQUFBO0VBQUEsSUFBS0MsSUFBSSxHQUFBRCxJQUFBLENBQUpDLElBQUk7SUFBRUMsSUFBSSxHQUFBRixJQUFBLENBQUpFLElBQUk7SUFBRUMsT0FBTyxHQUFBSCxJQUFBLENBQVBHLE9BQU87SUFBQUMsYUFBQSxHQUFBSixJQUFBLENBQUVMLFFBQVE7SUFBUkEsUUFBUSxHQUFBUyxhQUFBLGNBQUcsS0FBSyxHQUFBQSxhQUFBO0VBQUEsb0JBQ3JGeEIsTUFBQSxZQUFBeUIsYUFBQSxDQUFDbEIsaUJBQWlCO0lBQUNnQixPQUFPLEVBQUVBO0VBQVEsZ0JBQ2xDdkIsTUFBQSxZQUFBeUIsYUFBQSxDQUFDZCxRQUFRO0lBQUNJLFFBQVEsRUFBRUE7RUFBUyxHQUFFTSxJQUFlLENBQUMsZUFDL0NyQixNQUFBLFlBQUF5QixhQUFBLENBQUNQLFNBQVM7SUFBQ0gsUUFBUSxFQUFFQTtFQUFTLEdBQUVPLElBQWdCLENBQy9CLENBQUM7QUFBQSxDQUNyQjtBQUFDLElBQUFJLFFBQUEsR0FBQUMsT0FBQSxjQUVhUixXQUFXIiwiaWdub3JlTGlzdCI6W119