kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
60 lines (59 loc) • 9.84 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 _classnames = _interopRequireDefault(require("classnames"));
var _localization = require("@kepler.gl/localization");
var _templateObject; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var StyledDiv = _styledComponents["default"].div.attrs(function (props) {
return {
className: (0, _classnames["default"])('toolbar-item', props.className)
};
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n padding: 12px 20px;\n align-items: center;\n display: flex;\n flex-direction: column;\n width: 110px;\n justify-content: space-between;\n border: 1px solid ", ";\n border-radius: ", ";\n background-color: ", ";\n\n .toolbar-item__svg-container {\n margin-bottom: 4px;\n }\n .toolbar-item__title {\n white-space: nowrap;\n color: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n svg {\n color: ", ";\n }\n cursor: pointer;\n }\n"])), function (props) {
return props.active ? props.theme.toolbarItemIconHover : props.theme.panelHeaderIcon;
}, function (props) {
return props.active ? props.theme.toolbarItemBorderHover : 'transparent';
}, function (props) {
return props.theme.toolbarItemBorderRaddius;
}, function (props) {
return props.active ? props.theme.toolbarItemBgdHover : props.theme.dropdownListBgd;
}, function (props) {
return props.theme.textColorHl;
}, function (props) {
return props.theme.toolbarItemBgdHover;
}, function (props) {
return props.theme.toolbarItemBorderHover;
}, function (props) {
return props.theme.toolbarItemIconHover;
});
var ToolbarItem = /*#__PURE__*/_react["default"].memo(function (props) {
return /*#__PURE__*/_react["default"].createElement(StyledDiv, {
id: props.id,
className: props.className,
active: props.active,
onClick: function onClick(e) {
var _props$onClick;
e.stopPropagation();
e.preventDefault();
if (typeof props.onClose === 'function') {
props.onClose();
}
(_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
}
}, props.icon && /*#__PURE__*/_react["default"].createElement("div", {
className: "toolbar-item__svg-container"
}, /*#__PURE__*/_react["default"].createElement(props.icon, null)), /*#__PURE__*/_react["default"].createElement("div", {
className: "toolbar-item__title"
}, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
id: props.label
})));
});
ToolbarItem.displayName = 'ToolbarItem';
var _default = exports["default"] = ToolbarItem;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NsYXNzbmFtZXMiLCJfbG9jYWxpemF0aW9uIiwiX3RlbXBsYXRlT2JqZWN0IiwiU3R5bGVkRGl2Iiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJwcm9wcyIsImNsYXNzTmFtZSIsImNsYXNzbmFtZXMiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsImFjdGl2ZSIsInRoZW1lIiwidG9vbGJhckl0ZW1JY29uSG92ZXIiLCJwYW5lbEhlYWRlckljb24iLCJ0b29sYmFySXRlbUJvcmRlckhvdmVyIiwidG9vbGJhckl0ZW1Cb3JkZXJSYWRkaXVzIiwidG9vbGJhckl0ZW1CZ2RIb3ZlciIsImRyb3Bkb3duTGlzdEJnZCIsInRleHRDb2xvckhsIiwiVG9vbGJhckl0ZW0iLCJSZWFjdCIsIm1lbW8iLCJjcmVhdGVFbGVtZW50IiwiaWQiLCJvbkNsaWNrIiwiZSIsIl9wcm9wcyRvbkNsaWNrIiwic3RvcFByb3BhZ2F0aW9uIiwicHJldmVudERlZmF1bHQiLCJvbkNsb3NlIiwiY2FsbCIsImljb24iLCJGb3JtYXR0ZWRNZXNzYWdlIiwibGFiZWwiLCJkaXNwbGF5TmFtZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdG9vbGJhci1pdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtDb21wb25lbnRUeXBlLCBNb3VzZUV2ZW50fSBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBTdHlsZWREaXZQcm9wcyB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCd0b29sYmFyLWl0ZW0nLCBwcm9wcy5jbGFzc05hbWUpXG59KSk8U3R5bGVkRGl2UHJvcHM+YFxuICBjb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtSWNvbkhvdmVyIDogcHJvcHMudGhlbWUucGFuZWxIZWFkZXJJY29ufTtcbiAgcGFkZGluZzogMTJweCAyMHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogMTEwcHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtwcm9wcyA9PiAocHJvcHMuYWN0aXZlID8gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1Cb3JkZXJIb3ZlciA6ICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sYmFySXRlbUJvcmRlclJhZGRpdXN9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+XG4gICAgcHJvcHMuYWN0aXZlID8gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1CZ2RIb3ZlciA6IHByb3BzLnRoZW1lLmRyb3Bkb3duTGlzdEJnZH07XG5cbiAgLnRvb2xiYXItaXRlbV9fc3ZnLWNvbnRhaW5lciB7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICB9XG4gIC50b29sYmFyLWl0ZW1fX3RpdGxlIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1CZ2RIb3Zlcn07XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtQm9yZGVySG92ZXJ9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sYmFySXRlbUljb25Ib3Zlcn07XG4gICAgfVxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgVG9vbGJhckl0ZW1Qcm9wcyA9IHtcbiAgaWQ/OiBzdHJpbmc7XG4gIGtleT86IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DbGljazogKChldmVudDogTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHZvaWQpIHwgbnVsbDtcbiAgaWNvbj86IENvbXBvbmVudFR5cGU8YW55Pjtcbn07XG5cbmNvbnN0IFRvb2xiYXJJdGVtID0gUmVhY3QubWVtbygocHJvcHM6IFRvb2xiYXJJdGVtUHJvcHMpID0+IChcbiAgPFN0eWxlZERpdlxuICAgIGlkPXtwcm9wcy5pZH1cbiAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICBhY3RpdmU9e3Byb3BzLmFjdGl2ZX1cbiAgICBvbkNsaWNrPXtlID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBpZiAodHlwZW9mIHByb3BzLm9uQ2xvc2UgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgcHJvcHMub25DbG9zZSgpO1xuICAgICAgfVxuICAgICAgcHJvcHMub25DbGljaz8uKGUpO1xuICAgIH19XG4gID5cbiAgICB7cHJvcHMuaWNvbiAmJiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInRvb2xiYXItaXRlbV9fc3ZnLWNvbnRhaW5lclwiPlxuICAgICAgICA8cHJvcHMuaWNvbiAvPlxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgICA8ZGl2IGNsYXNzTmFtZT1cInRvb2xiYXItaXRlbV9fdGl0bGVcIj5cbiAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXtwcm9wcy5sYWJlbH0gLz5cbiAgICA8L2Rpdj5cbiAgPC9TdHlsZWREaXY+XG4pKTtcblxuVG9vbGJhckl0ZW0uZGlzcGxheU5hbWUgPSAnVG9vbGJhckl0ZW0nO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYmFySXRlbTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsV0FBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsYUFBQSxHQUFBSCxPQUFBO0FBQXlELElBQUFJLGVBQUEsRUFOekQ7QUFDQTtBQVlBLElBQU1DLFNBQVMsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFDQyxLQUFLLENBQUMsVUFBQUMsS0FBSztFQUFBLE9BQUs7SUFDM0NDLFNBQVMsRUFBRSxJQUFBQyxzQkFBVSxFQUFDLGNBQWMsRUFBRUYsS0FBSyxDQUFDQyxTQUFTO0VBQ3ZELENBQUM7QUFBQSxDQUFDLENBQUMsQ0FBQU4sZUFBQSxLQUFBQSxlQUFBLE9BQUFRLHVCQUFBLHdoQkFDUSxVQUFBSCxLQUFLO0VBQUEsT0FDWkEsS0FBSyxDQUFDSSxNQUFNLEdBQUdKLEtBQUssQ0FBQ0ssS0FBSyxDQUFDQyxvQkFBb0IsR0FBR04sS0FBSyxDQUFDSyxLQUFLLENBQUNFLGVBQWU7QUFBQSxHQU8zRCxVQUFBUCxLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDSSxNQUFNLEdBQUdKLEtBQUssQ0FBQ0ssS0FBSyxDQUFDRyxzQkFBc0IsR0FBRyxhQUFhO0FBQUEsQ0FBQyxFQUMvRSxVQUFBUixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNJLHdCQUF3QjtBQUFBLEdBQzFDLFVBQUFULEtBQUs7RUFBQSxPQUN2QkEsS0FBSyxDQUFDSSxNQUFNLEdBQUdKLEtBQUssQ0FBQ0ssS0FBSyxDQUFDSyxtQkFBbUIsR0FBR1YsS0FBSyxDQUFDSyxLQUFLLENBQUNNLGVBQWU7QUFBQSxHQU9uRSxVQUFBWCxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNPLFdBQVc7QUFBQSxHQUlyQixVQUFBWixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNLLG1CQUFtQjtBQUFBLEdBQzVDLFVBQUFWLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNLLEtBQUssQ0FBQ0csc0JBQXNCO0FBQUEsR0FFaEQsVUFBQVIsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0ssS0FBSyxDQUFDQyxvQkFBb0I7QUFBQSxFQUl2RDtBQWFELElBQU1PLFdBQVcsZ0JBQUdDLGlCQUFLLENBQUNDLElBQUksQ0FBQyxVQUFDZixLQUF1QjtFQUFBLG9CQUNyRFgsTUFBQSxZQUFBMkIsYUFBQSxDQUFDcEIsU0FBUztJQUNScUIsRUFBRSxFQUFFakIsS0FBSyxDQUFDaUIsRUFBRztJQUNiaEIsU0FBUyxFQUFFRCxLQUFLLENBQUNDLFNBQVU7SUFDM0JHLE1BQU0sRUFBRUosS0FBSyxDQUFDSSxNQUFPO0lBQ3JCYyxPQUFPLEVBQUUsU0FBVEEsT0FBT0EsQ0FBRUMsQ0FBQyxFQUFJO01BQUEsSUFBQUMsY0FBQTtNQUNaRCxDQUFDLENBQUNFLGVBQWUsQ0FBQyxDQUFDO01BQ25CRixDQUFDLENBQUNHLGNBQWMsQ0FBQyxDQUFDO01BQ2xCLElBQUksT0FBT3RCLEtBQUssQ0FBQ3VCLE9BQU8sS0FBSyxVQUFVLEVBQUU7UUFDdkN2QixLQUFLLENBQUN1QixPQUFPLENBQUMsQ0FBQztNQUNqQjtNQUNBLENBQUFILGNBQUEsR0FBQXBCLEtBQUssQ0FBQ2tCLE9BQU8sY0FBQUUsY0FBQSxlQUFiQSxjQUFBLENBQUFJLElBQUEsQ0FBQXhCLEtBQUssRUFBV21CLENBQUMsQ0FBQztJQUNwQjtFQUFFLEdBRURuQixLQUFLLENBQUN5QixJQUFJLGlCQUNUcEMsTUFBQSxZQUFBMkIsYUFBQTtJQUFLZixTQUFTLEVBQUM7RUFBNkIsZ0JBQzFDWixNQUFBLFlBQUEyQixhQUFBLENBQUNoQixLQUFLLENBQUN5QixJQUFJLE1BQUUsQ0FDVixDQUNOLGVBQ0RwQyxNQUFBLFlBQUEyQixhQUFBO0lBQUtmLFNBQVMsRUFBQztFQUFxQixnQkFDbENaLE1BQUEsWUFBQTJCLGFBQUEsQ0FBQ3RCLGFBQUEsQ0FBQWdDLGdCQUFnQjtJQUFDVCxFQUFFLEVBQUVqQixLQUFLLENBQUMyQjtFQUFNLENBQUUsQ0FDakMsQ0FDSSxDQUFDO0FBQUEsQ0FDYixDQUFDO0FBRUZkLFdBQVcsQ0FBQ2UsV0FBVyxHQUFHLGFBQWE7QUFBQyxJQUFBQyxRQUFBLEdBQUFDLE9BQUEsY0FFekJqQixXQUFXIiwiaWdub3JlTGlzdCI6W119