kepler.gl/src/components/dist/side-panel/panel-tab.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.PanelTabFactory = PanelTabFactory;
exports["default"] = exports.StyledPanelTab = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _styledComponents2 = require("../common/styled-components");
var _localization = require("@kepler.gl/localization");
var _templateObject; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var StyledPanelTab = exports.StyledPanelTab = _styledComponents["default"].div.attrs({
  className: 'side-panel__tab'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: flex-end;\n  border-bottom-style: solid;\n  border-bottom-width: 2px;\n  border-bottom-color: ", ";\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  margin-right: ", "px;\n  padding-bottom: ", "px;\n  width: ", ";\n\n  &:hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (props) {
  return props.active ? props.theme.panelToggleBorderColor : 'transparent';
}, function (props) {
  return props.active ? props.theme.subtextColorActive : props.theme.panelTabColor;
}, function (props) {
  return props.theme.panelToggleMarginRight;
}, function (props) {
  return props.theme.panelToggleBottomPadding;
}, function (props) {
  return props.theme.panelTabWidth;
}, function (props) {
  return props.theme.textColorHl;
});
function PanelTabFactory() {
  var PanelTab = function PanelTab(_ref) {
    var isActive = _ref.isActive,
      onClick = _ref.onClick,
      panel = _ref.panel;
    return /*#__PURE__*/_react["default"].createElement(StyledPanelTab, {
      "data-tip": true,
      "data-for": "".concat(panel.id, "-nav"),
      active: isActive,
      onClick: onClick
    }, /*#__PURE__*/_react["default"].createElement(panel.iconComponent, {
      height: "20px"
    }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
      id: "".concat(panel.id, "-nav"),
      effect: "solid",
      delayShow: 500,
      place: "bottom"
    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
      id: panel.label || panel.id
    }))));
  };
  return PanelTab;
}
var _default = exports["default"] = PanelTabFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2xvY2FsaXphdGlvbiIsIl90ZW1wbGF0ZU9iamVjdCIsIlN0eWxlZFBhbmVsVGFiIiwiZXhwb3J0cyIsInN0eWxlZCIsImRpdiIsImF0dHJzIiwiY2xhc3NOYW1lIiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsImFjdGl2ZSIsInRoZW1lIiwicGFuZWxUb2dnbGVCb3JkZXJDb2xvciIsInN1YnRleHRDb2xvckFjdGl2ZSIsInBhbmVsVGFiQ29sb3IiLCJwYW5lbFRvZ2dsZU1hcmdpblJpZ2h0IiwicGFuZWxUb2dnbGVCb3R0b21QYWRkaW5nIiwicGFuZWxUYWJXaWR0aCIsInRleHRDb2xvckhsIiwiUGFuZWxUYWJGYWN0b3J5IiwiUGFuZWxUYWIiLCJfcmVmIiwiaXNBY3RpdmUiLCJvbkNsaWNrIiwicGFuZWwiLCJjcmVhdGVFbGVtZW50IiwiY29uY2F0IiwiaWQiLCJpY29uQ29tcG9uZW50IiwiaGVpZ2h0IiwiVG9vbHRpcCIsImVmZmVjdCIsImRlbGF5U2hvdyIsInBsYWNlIiwiRm9ybWF0dGVkTWVzc2FnZSIsImxhYmVsIiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvc2lkZS1wYW5lbC9wYW5lbC10YWIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7VG9vbHRpcH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtCYXNlUHJvcHN9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5cbnR5cGUgU3R5bGVkUGFuZWxUYWJQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCB0eXBlIFBhbmVsSXRlbSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgaWNvbkNvbXBvbmVudDogUmVhY3QuQ29tcG9uZW50VHlwZTxQYXJ0aWFsPEJhc2VQcm9wcz4+O1xufTtcblxuZXhwb3J0IHR5cGUgUGFuZWxUYWJQcm9wcyA9IHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIHBhbmVsOiBQYW5lbEl0ZW07XG4gIG9uQ2xpY2s6IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYW5lbFRhYiA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdzaWRlLXBhbmVsX190YWInXG59KTxTdHlsZWRQYW5lbFRhYlByb3BzPmBcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMnB4O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAke3Byb3BzID0+XG4gICAgcHJvcHMuYWN0aXZlID8gcHJvcHMudGhlbWUucGFuZWxUb2dnbGVCb3JkZXJDb2xvciA6ICd0cmFuc3BhcmVudCd9O1xuICBjb2xvcjogJHtwcm9wcyA9PiAocHJvcHMuYWN0aXZlID8gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yQWN0aXZlIDogcHJvcHMudGhlbWUucGFuZWxUYWJDb2xvcil9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsVG9nZ2xlTWFyZ2luUmlnaHR9cHg7XG4gIHBhZGRpbmctYm90dG9tOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsVG9nZ2xlQm90dG9tUGFkZGluZ31weDtcbiAgd2lkdGg6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxUYWJXaWR0aH07XG5cbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIFBhbmVsVGFiRmFjdG9yeSgpIHtcbiAgY29uc3QgUGFuZWxUYWI6IFJlYWN0LkZDPFBhbmVsVGFiUHJvcHM+ID0gKHtpc0FjdGl2ZSwgb25DbGljaywgcGFuZWx9KSA9PiAoXG4gICAgPFN0eWxlZFBhbmVsVGFiIGRhdGEtdGlwIGRhdGEtZm9yPXtgJHtwYW5lbC5pZH0tbmF2YH0gYWN0aXZlPXtpc0FjdGl2ZX0gb25DbGljaz17b25DbGlja30+XG4gICAgICA8cGFuZWwuaWNvbkNvbXBvbmVudCBoZWlnaHQ9XCIyMHB4XCIgLz5cbiAgICAgIDxUb29sdGlwIGlkPXtgJHtwYW5lbC5pZH0tbmF2YH0gZWZmZWN0PVwic29saWRcIiBkZWxheVNob3c9ezUwMH0gcGxhY2U9XCJib3R0b21cIj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e3BhbmVsLmxhYmVsIHx8IHBhbmVsLmlkfSAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9TdHlsZWRQYW5lbFRhYj5cbiAgKTtcblxuICByZXR1cm4gUGFuZWxUYWI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhbmVsVGFiRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLGtCQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxhQUFBLEdBQUFILE9BQUE7QUFBeUQsSUFBQUksZUFBQSxFQU56RDtBQUNBO0FBd0JPLElBQU1DLGNBQWMsR0FBQUMsT0FBQSxDQUFBRCxjQUFBLEdBQUdFLDRCQUFNLENBQUNDLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDO0VBQzdDQyxTQUFTLEVBQUU7QUFDYixDQUFDLENBQUMsQ0FBQU4sZUFBQSxLQUFBQSxlQUFBLE9BQUFPLHVCQUFBLHlVQUl1QixVQUFBQyxLQUFLO0VBQUEsT0FDMUJBLEtBQUssQ0FBQ0MsTUFBTSxHQUFHRCxLQUFLLENBQUNFLEtBQUssQ0FBQ0Msc0JBQXNCLEdBQUcsYUFBYTtBQUFBLEdBQzFELFVBQUFILEtBQUs7RUFBQSxPQUFLQSxLQUFLLENBQUNDLE1BQU0sR0FBR0QsS0FBSyxDQUFDRSxLQUFLLENBQUNFLGtCQUFrQixHQUFHSixLQUFLLENBQUNFLEtBQUssQ0FBQ0csYUFBYTtBQUFBLENBQUMsRUFHN0UsVUFBQUwsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0UsS0FBSyxDQUFDSSxzQkFBc0I7QUFBQSxHQUN6QyxVQUFBTixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDRSxLQUFLLENBQUNLLHdCQUF3QjtBQUFBLEdBQ3RELFVBQUFQLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNFLEtBQUssQ0FBQ00sYUFBYTtBQUFBLEdBSWhDLFVBQUFSLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNFLEtBQUssQ0FBQ08sV0FBVztBQUFBLEVBRTVDO0FBRU0sU0FBU0MsZUFBZUEsQ0FBQSxFQUFHO0VBQ2hDLElBQU1DLFFBQWlDLEdBQUcsU0FBcENBLFFBQWlDQSxDQUFBQyxJQUFBO0lBQUEsSUFBS0MsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7TUFBRUMsT0FBTyxHQUFBRixJQUFBLENBQVBFLE9BQU87TUFBRUMsS0FBSyxHQUFBSCxJQUFBLENBQUxHLEtBQUs7SUFBQSxvQkFDbEU3QixNQUFBLFlBQUE4QixhQUFBLENBQUN2QixjQUFjO01BQUMsZ0JBQVE7TUFBQyxlQUFBd0IsTUFBQSxDQUFhRixLQUFLLENBQUNHLEVBQUUsU0FBTztNQUFDakIsTUFBTSxFQUFFWSxRQUFTO01BQUNDLE9BQU8sRUFBRUE7SUFBUSxnQkFDdkY1QixNQUFBLFlBQUE4QixhQUFBLENBQUNELEtBQUssQ0FBQ0ksYUFBYTtNQUFDQyxNQUFNLEVBQUM7SUFBTSxDQUFFLENBQUMsZUFDckNsQyxNQUFBLFlBQUE4QixhQUFBLENBQUMxQixrQkFBQSxDQUFBK0IsT0FBTztNQUFDSCxFQUFFLEtBQUFELE1BQUEsQ0FBS0YsS0FBSyxDQUFDRyxFQUFFLFNBQU87TUFBQ0ksTUFBTSxFQUFDLE9BQU87TUFBQ0MsU0FBUyxFQUFFLEdBQUk7TUFBQ0MsS0FBSyxFQUFDO0lBQVEsZ0JBQzNFdEMsTUFBQSxZQUFBOEIsYUFBQSw0QkFDRTlCLE1BQUEsWUFBQThCLGFBQUEsQ0FBQ3pCLGFBQUEsQ0FBQWtDLGdCQUFnQjtNQUFDUCxFQUFFLEVBQUVILEtBQUssQ0FBQ1csS0FBSyxJQUFJWCxLQUFLLENBQUNHO0lBQUcsQ0FBRSxDQUM1QyxDQUNDLENBQ0ssQ0FBQztFQUFBLENBQ2xCO0VBRUQsT0FBT1AsUUFBUTtBQUNqQjtBQUFDLElBQUFnQixRQUFBLEdBQUFqQyxPQUFBLGNBRWNnQixlQUFlIiwiaWdub3JlTGlzdCI6W119