kepler.gl.geoiq/dist/components/common/toolbar-item.js

kepler.gl is a webgl based application to visualize large scale location data in the browser

"use strict";

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;

var StyledDiv = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n"])), function (props) {
  return props.active ? '#f63854' : props.theme.textColor;
});

var ToolbarItem = _react["default"].memo(function (_ref) {
  var active = _ref.active,
      className = _ref.className,
      icon = _ref.icon,
      label = _ref.label,
      _onClick = _ref.onClick;
  return (/*#__PURE__*/_react["default"].createElement(StyledDiv, {
      active: active,
      className: "toolbar-item",
      onClick: function onClick(e) {
        e.stopPropagation();
        e.preventDefault();

        _onClick(e);
      }
    }, icon, /*#__PURE__*/_react["default"].createElement("div", {
      className: "toolbar-item__title"
    }, label))
  );
});

ToolbarItem.displayName = 'ToolbarItem';

var _default = exports["default"] = ToolbarItem;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi90b29sYmFyLWl0ZW0uanMiXSwibmFtZXMiOlsiU3R5bGVkRGl2Iiwic3R5bGVkIiwiZGl2IiwicHJvcHMiLCJhY3RpdmUiLCJ0aGVtZSIsInRleHRDb2xvciIsIlRvb2xiYXJJdGVtIiwiUmVhY3QiLCJtZW1vIiwiY2xhc3NOYW1lIiwiaWNvbiIsImxhYmVsIiwib25DbGljayIsImUiLCJzdG9wUHJvcGFnYXRpb24iLCJwcmV2ZW50RGVmYXVsdCIsImRpc3BsYXlOYW1lIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7OztBQUVBLElBQU1BLFNBQVMsR0FBR0MsNkJBQU9DLEdBQVYseUdBQ0osVUFBQUMsS0FBSztBQUFBLFNBQUtBLEtBQUssQ0FBQ0MsTUFBTixHQUFlLFNBQWYsR0FBMkJELEtBQUssQ0FBQ0UsS0FBTixDQUFZQyxTQUE1QztBQUFBLENBREQsQ0FBZjs7QUFJQSxJQUFNQyxXQUFXLEdBQUdDLGtCQUFNQyxJQUFOLENBQVc7QUFBQSxNQUFFTCxNQUFGLFFBQUVBLE1BQUY7QUFBQSxNQUFVTSxTQUFWLFFBQVVBLFNBQVY7QUFBQSxNQUFxQkMsSUFBckIsUUFBcUJBLElBQXJCO0FBQUEsTUFBMkJDLEtBQTNCLFFBQTJCQSxLQUEzQjtBQUFBLE1BQWtDQyxRQUFsQyxRQUFrQ0EsT0FBbEM7QUFBQSx1QkFDN0IsZ0NBQUMsU0FBRDtBQUNFLE1BQUEsTUFBTSxFQUFFVCxNQURWO0FBRUUsTUFBQSxTQUFTLEVBQUMsY0FGWjtBQUdFLE1BQUEsT0FBTyxFQUFFLGlCQUFBVSxDQUFDLEVBQUk7QUFDWkEsUUFBQUEsQ0FBQyxDQUFDQyxlQUFGO0FBQ0FELFFBQUFBLENBQUMsQ0FBQ0UsY0FBRjs7QUFDQUgsUUFBQUEsUUFBTyxDQUFDQyxDQUFELENBQVA7QUFDRDtBQVBILE9BU0dILElBVEgsZUFVRTtBQUFLLE1BQUEsU0FBUyxFQUFDO0FBQWYsT0FBc0NDLEtBQXRDLENBVkY7QUFENkI7QUFBQSxDQUFYLENBQXBCOztBQWVBTCxXQUFXLENBQUNVLFdBQVosR0FBMEIsYUFBMUI7O29DQUVlVixXIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIzIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5jb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtwcm9wcyA9PiAocHJvcHMuYWN0aXZlID8gJyNmNjM4NTQnIDogcHJvcHMudGhlbWUudGV4dENvbG9yKX07XG5gO1xuXG5jb25zdCBUb29sYmFySXRlbSA9IFJlYWN0Lm1lbW8oKHthY3RpdmUsIGNsYXNzTmFtZSwgaWNvbiwgbGFiZWwsIG9uQ2xpY2t9KSA9PiAoXG4gIDxTdHlsZWREaXZcbiAgICBhY3RpdmU9e2FjdGl2ZX1cbiAgICBjbGFzc05hbWU9XCJ0b29sYmFyLWl0ZW1cIlxuICAgIG9uQ2xpY2s9e2UgPT4ge1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uQ2xpY2soZSk7XG4gICAgfX1cbiAgPlxuICAgIHtpY29ufVxuICAgIDxkaXYgY2xhc3NOYW1lPVwidG9vbGJhci1pdGVtX190aXRsZVwiPntsYWJlbH08L2Rpdj5cbiAgPC9TdHlsZWREaXY+XG4pKTtcblxuVG9vbGJhckl0ZW0uZGlzcGxheU5hbWUgPSAnVG9vbGJhckl0ZW0nO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYmFySXRlbTtcbiJdfQ==