kepler.gl.geoiq/dist/components/side-panel/panel-toggle.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 _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _styledComponents2 = require("../common/styled-components");

var _templateObject, _templateObject2;

var propTypes = {
  panels: _propTypes["default"].arrayOf(_propTypes["default"].object),
  activePanel: _propTypes["default"].string,
  togglePanel: _propTypes["default"].func
};

var PanelHeaderBottom = _styledComponents["default"].div.attrs({
  className: 'side-side-panel__header__bottom'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border-bottom: ", "\n  padding: 0 16px;\n  display: flex;\n  min-height: 30px;\n"])), function (props) {
  return props.theme.panelBorderLT;
});

var PanelTab = _styledComponents["default"].div.attrs({
  className: 'side-panel__tab'
})(_templateObject2 || (_templateObject2 = (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: 16px;\n  padding-bottom: 6px;\n  width: 30px;\n\n  :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (props) {
  return props.active ? props.theme.subtextColorActive : 'transparent';
}, function (props) {
  return props.active ? props.theme.subtextColorActive : props.theme.subtextColor;
}, function (props) {
  return props.theme.textColorHl;
});

var HELPER_GUIDE_MAPPING = {
  layer: 'reactour-layer-panel',
  widget: 'reactour-widget-panel',
  filter: 'reactour-filter-panel',
  interaction: 'reactour-interaction-panel',
  map: 'reactour-settings-panel'
};

var PanelToggleFactory = function PanelToggleFactory() {
  var PanelToggle = function PanelToggle(_ref) {
    var panels = _ref.panels,
        activePanel = _ref.activePanel,
        togglePanel = _ref.togglePanel;
    return (/*#__PURE__*/_react["default"].createElement(PanelHeaderBottom, null, panels.map(function (panel) {
        return (/*#__PURE__*/_react["default"].createElement(PanelTab, {
            "data-tut": HELPER_GUIDE_MAPPING[panel.id],
            key: panel.id,
            "data-tip": true,
            "data-for": "".concat(panel.id, "-nav"),
            active: activePanel === panel.id,
            onClick: function onClick() {
              return togglePanel(panel.id);
            }
          }, /*#__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, panel.label || panel.id)))
        );
      }))
    );
  };

  PanelToggle.propTypes = propTypes;
  return PanelToggle;
};

var _default = exports["default"] = PanelToggleFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvcGFuZWwtdG9nZ2xlLmpzIl0sIm5hbWVzIjpbInByb3BUeXBlcyIsInBhbmVscyIsIlByb3BUeXBlcyIsImFycmF5T2YiLCJvYmplY3QiLCJhY3RpdmVQYW5lbCIsInN0cmluZyIsInRvZ2dsZVBhbmVsIiwiZnVuYyIsIlBhbmVsSGVhZGVyQm90dG9tIiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJwcm9wcyIsInRoZW1lIiwicGFuZWxCb3JkZXJMVCIsIlBhbmVsVGFiIiwiYWN0aXZlIiwic3VidGV4dENvbG9yQWN0aXZlIiwic3VidGV4dENvbG9yIiwidGV4dENvbG9ySGwiLCJIRUxQRVJfR1VJREVfTUFQUElORyIsImxheWVyIiwid2lkZ2V0IiwiZmlsdGVyIiwiaW50ZXJhY3Rpb24iLCJtYXAiLCJQYW5lbFRvZ2dsZUZhY3RvcnkiLCJQYW5lbFRvZ2dsZSIsInBhbmVsIiwiaWQiLCJsYWJlbCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFFQSxJQUFNQSxTQUFTLEdBQUc7QUFDaEJDLEVBQUFBLE1BQU0sRUFBRUMsc0JBQVVDLE9BQVYsQ0FBa0JELHNCQUFVRSxNQUE1QixDQURRO0FBRWhCQyxFQUFBQSxXQUFXLEVBQUVILHNCQUFVSSxNQUZQO0FBR2hCQyxFQUFBQSxXQUFXLEVBQUVMLHNCQUFVTTtBQUhQLENBQWxCOztBQU1BLElBQU1DLGlCQUFpQixHQUFHQyw2QkFBT0MsR0FBUCxDQUFXQyxLQUFYLENBQWlCO0FBQ3pDQyxFQUFBQSxTQUFTLEVBQUU7QUFEOEIsQ0FBakIsQ0FBSCwyS0FHSixVQUFBQyxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlDLGFBQWhCO0FBQUEsQ0FIRCxDQUF2Qjs7QUFTQSxJQUFNQyxRQUFRLEdBQUdQLDZCQUFPQyxHQUFQLENBQVdDLEtBQVgsQ0FBaUI7QUFDaENDLEVBQUFBLFNBQVMsRUFBRTtBQURxQixDQUFqQixDQUFILHVZQU1XLFVBQUFDLEtBQUs7QUFBQSxTQUMxQkEsS0FBSyxDQUFDSSxNQUFOLEdBQWVKLEtBQUssQ0FBQ0MsS0FBTixDQUFZSSxrQkFBM0IsR0FBZ0QsYUFEdEI7QUFBQSxDQU5oQixFQVFILFVBQUFMLEtBQUs7QUFBQSxTQUNaQSxLQUFLLENBQUNJLE1BQU4sR0FBZUosS0FBSyxDQUFDQyxLQUFOLENBQVlJLGtCQUEzQixHQUFnREwsS0FBSyxDQUFDQyxLQUFOLENBQVlLLFlBRGhEO0FBQUEsQ0FSRixFQWtCRCxVQUFBTixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlNLFdBQWhCO0FBQUEsQ0FsQkosQ0FBZDs7QUFzQkEsSUFBTUMsb0JBQW9CLEdBQUc7QUFDM0JDLEVBQUFBLEtBQUssRUFBRSxzQkFEb0I7QUFFM0JDLEVBQUFBLE1BQU0sRUFBRSx1QkFGbUI7QUFHM0JDLEVBQUFBLE1BQU0sRUFBRSx1QkFIbUI7QUFJM0JDLEVBQUFBLFdBQVcsRUFBRSw0QkFKYztBQUszQkMsRUFBQUEsR0FBRyxFQUFFO0FBTHNCLENBQTdCOztBQVFBLElBQU1DLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBcUIsR0FBTTtBQUMvQixNQUFNQyxXQUFXLEdBQUcsU0FBZEEsV0FBYztBQUFBLFFBQUU1QixNQUFGLFFBQUVBLE1BQUY7QUFBQSxRQUFVSSxXQUFWLFFBQVVBLFdBQVY7QUFBQSxRQUF1QkUsV0FBdkIsUUFBdUJBLFdBQXZCO0FBQUEseUJBQ2xCLGdDQUFDLGlCQUFELFFBQ0dOLE1BQU0sQ0FBQzBCLEdBQVAsQ0FBVyxVQUFBRyxLQUFLO0FBQUEsNkJBQ2YsZ0NBQUMsUUFBRDtBQUNFLHdCQUFVUixvQkFBb0IsQ0FBQ1EsS0FBSyxDQUFDQyxFQUFQLENBRGhDO0FBRUUsWUFBQSxHQUFHLEVBQUVELEtBQUssQ0FBQ0MsRUFGYjtBQUdFLDRCQUhGO0FBSUUsa0NBQWFELEtBQUssQ0FBQ0MsRUFBbkIsU0FKRjtBQUtFLFlBQUEsTUFBTSxFQUFFMUIsV0FBVyxLQUFLeUIsS0FBSyxDQUFDQyxFQUxoQztBQU1FLFlBQUEsT0FBTyxFQUFFO0FBQUEscUJBQU14QixXQUFXLENBQUN1QixLQUFLLENBQUNDLEVBQVAsQ0FBakI7QUFBQTtBQU5YLDBCQVFFLGdDQUFDLEtBQUQsQ0FBTyxhQUFQO0FBQXFCLFlBQUEsTUFBTSxFQUFDO0FBQTVCLFlBUkYsZUFTRSxnQ0FBQywwQkFBRDtBQUNFLFlBQUEsRUFBRSxZQUFLRCxLQUFLLENBQUNDLEVBQVgsU0FESjtBQUVFLFlBQUEsTUFBTSxFQUFDLE9BRlQ7QUFHRSxZQUFBLFNBQVMsRUFBRSxHQUhiO0FBSUUsWUFBQSxLQUFLLEVBQUM7QUFKUiwwQkFNRSw4Q0FBT0QsS0FBSyxDQUFDRSxLQUFOLElBQWVGLEtBQUssQ0FBQ0MsRUFBNUIsQ0FORixDQVRGO0FBRGU7QUFBQSxPQUFoQixDQURIO0FBRGtCO0FBQUEsR0FBcEI7O0FBeUJBRixFQUFBQSxXQUFXLENBQUM3QixTQUFaLEdBQXdCQSxTQUF4QjtBQUNBLFNBQU82QixXQUFQO0FBQ0QsQ0E1QkQ7O29DQThCZUQsa0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjMgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5cbmNvbnN0IHByb3BUeXBlcyA9IHtcbiAgcGFuZWxzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMub2JqZWN0KSxcbiAgYWN0aXZlUGFuZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRvZ2dsZVBhbmVsOiBQcm9wVHlwZXMuZnVuY1xufTtcblxuY29uc3QgUGFuZWxIZWFkZXJCb3R0b20gPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnc2lkZS1zaWRlLXBhbmVsX19oZWFkZXJfX2JvdHRvbSdcbn0pYFxuICBib3JkZXItYm90dG9tOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQm9yZGVyTFR9XG4gIHBhZGRpbmc6IDAgMTZweDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLWhlaWdodDogMzBweDtcbmA7XG5cbmNvbnN0IFBhbmVsVGFiID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ3NpZGUtcGFuZWxfX3RhYidcbn0pYFxuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAycHg7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy5hY3RpdmUgPyBwcm9wcy50aGVtZS5zdWJ0ZXh0Q29sb3JBY3RpdmUgOiAndHJhbnNwYXJlbnQnfTtcbiAgY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy5hY3RpdmUgPyBwcm9wcy50aGVtZS5zdWJ0ZXh0Q29sb3JBY3RpdmUgOiBwcm9wcy50aGVtZS5zdWJ0ZXh0Q29sb3J9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiAxNnB4O1xuICBwYWRkaW5nLWJvdHRvbTogNnB4O1xuICB3aWR0aDogMzBweDtcblxuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbH07XG4gIH1cbmA7XG5cbmNvbnN0IEhFTFBFUl9HVUlERV9NQVBQSU5HID0ge1xuICBsYXllcjogJ3JlYWN0b3VyLWxheWVyLXBhbmVsJyxcbiAgd2lkZ2V0OiAncmVhY3RvdXItd2lkZ2V0LXBhbmVsJyxcbiAgZmlsdGVyOiAncmVhY3RvdXItZmlsdGVyLXBhbmVsJyxcbiAgaW50ZXJhY3Rpb246ICdyZWFjdG91ci1pbnRlcmFjdGlvbi1wYW5lbCcsXG4gIG1hcDogJ3JlYWN0b3VyLXNldHRpbmdzLXBhbmVsJ1xufTtcblxuY29uc3QgUGFuZWxUb2dnbGVGYWN0b3J5ID0gKCkgPT4ge1xuICBjb25zdCBQYW5lbFRvZ2dsZSA9ICh7cGFuZWxzLCBhY3RpdmVQYW5lbCwgdG9nZ2xlUGFuZWx9KSA9PiAoXG4gICAgPFBhbmVsSGVhZGVyQm90dG9tPlxuICAgICAge3BhbmVscy5tYXAocGFuZWwgPT4gKFxuICAgICAgICA8UGFuZWxUYWJcbiAgICAgICAgICBkYXRhLXR1dD17SEVMUEVSX0dVSURFX01BUFBJTkdbcGFuZWwuaWRdfVxuICAgICAgICAgIGtleT17cGFuZWwuaWR9XG4gICAgICAgICAgZGF0YS10aXBcbiAgICAgICAgICBkYXRhLWZvcj17YCR7cGFuZWwuaWR9LW5hdmB9XG4gICAgICAgICAgYWN0aXZlPXthY3RpdmVQYW5lbCA9PT0gcGFuZWwuaWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlUGFuZWwocGFuZWwuaWQpfVxuICAgICAgICA+XG4gICAgICAgICAgPHBhbmVsLmljb25Db21wb25lbnQgaGVpZ2h0PVwiMjBweFwiIC8+XG4gICAgICAgICAgPFRvb2x0aXBcbiAgICAgICAgICAgIGlkPXtgJHtwYW5lbC5pZH0tbmF2YH1cbiAgICAgICAgICAgIGVmZmVjdD1cInNvbGlkXCJcbiAgICAgICAgICAgIGRlbGF5U2hvdz17NTAwfVxuICAgICAgICAgICAgcGxhY2U9XCJib3R0b21cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuPntwYW5lbC5sYWJlbCB8fCBwYW5lbC5pZH08L3NwYW4+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICA8L1BhbmVsVGFiPlxuICAgICAgKSl9XG4gICAgPC9QYW5lbEhlYWRlckJvdHRvbT5cbiAgKTtcblxuICBQYW5lbFRvZ2dsZS5wcm9wVHlwZXMgPSBwcm9wVHlwZXM7XG4gIHJldHVybiBQYW5lbFRvZ2dsZTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFBhbmVsVG9nZ2xlRmFjdG9yeTtcbiJdfQ==