kepler.gl.geoiq/dist/components/side-panel/side-nav.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

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

var _defaultSettings = require("../../constants/default-settings");

// Copyright (c) 2019 Uber Technologies, Inc.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
var SideNav = function SideNav(itemProps) {
  return _react["default"].createElement("div", {
    className: (0, _classnames["default"])('side-navi', {
      collapsed: itemProps.isCollapsed
    })
  }, _react["default"].createElement("div", null, _react["default"].createElement("ul", null, _defaultSettings.PANELS.map(function (item) {
    return _react["default"].createElement(NavItem, (0, _extends2["default"])({}, itemProps, {
      key: item.id,
      item: item
    }));
  }))), _react["default"].createElement("div", null, _react["default"].createElement("ul", null, _defaultSettings.PANELS_FOOTER.map(function (item) {
    return _react["default"].createElement(NavItem, (0, _extends2["default"])({}, itemProps, {
      key: item.id,
      item: item
    }));
  }))));
};

var NavItem = function NavItem(_ref) {
  var activePanel = _ref.activePanel,
      item = _ref.item,
      isCollapsed = _ref.isCollapsed,
      togglePanel = _ref.togglePanel;
  return _react["default"].createElement("li", {
    className: (0, _classnames["default"])('side-navi__item', {
      active: activePanel === item.id
    }),
    onClick: function onClick() {
      return togglePanel(item.id);
    }
  }, _react["default"].createElement("a", {
    className: "hover align--middle",
    "data-tip": true,
    "data-for": "".concat(item.id, "-nav")
  }, _react["default"].createElement("span", {
    className: "icon icon_".concat(item.icon)
  }), isCollapsed ? _react["default"].createElement(_styledComponents.Tooltip, {
    id: "".concat(item.id, "-nav"),
    effect: "solid",
    delayShow: 500,
    place: "right"
  }, _react["default"].createElement("span", null, item.label)) : _react["default"].createElement("span", {
    className: "side-navi__item__title"
  }, item.label)));
};

var _default = SideNav;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvc2lkZS1uYXYuanMiXSwibmFtZXMiOlsiU2lkZU5hdiIsIml0ZW1Qcm9wcyIsImNvbGxhcHNlZCIsImlzQ29sbGFwc2VkIiwiUEFORUxTIiwibWFwIiwiaXRlbSIsImlkIiwiUEFORUxTX0ZPT1RFUiIsIk5hdkl0ZW0iLCJhY3RpdmVQYW5lbCIsInRvZ2dsZVBhbmVsIiwiYWN0aXZlIiwiaWNvbiIsImxhYmVsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUF2QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFPQSxJQUFNQSxPQUFPLEdBQUcsU0FBVkEsT0FBVSxDQUFBQyxTQUFTO0FBQUEsU0FDdkI7QUFBSyxJQUFBLFNBQVMsRUFBRSw0QkFBVyxXQUFYLEVBQXdCO0FBQUNDLE1BQUFBLFNBQVMsRUFBRUQsU0FBUyxDQUFDRTtBQUF0QixLQUF4QjtBQUFoQixLQUNFLDZDQUNFLDRDQUNHQyx3QkFBT0MsR0FBUCxDQUFXLFVBQUFDLElBQUk7QUFBQSxXQUNkLGdDQUFDLE9BQUQsZ0NBQWFMLFNBQWI7QUFBd0IsTUFBQSxHQUFHLEVBQUVLLElBQUksQ0FBQ0MsRUFBbEM7QUFBc0MsTUFBQSxJQUFJLEVBQUVEO0FBQTVDLE9BRGM7QUFBQSxHQUFmLENBREgsQ0FERixDQURGLEVBUUUsNkNBQ0UsNENBQ0dFLCtCQUFjSCxHQUFkLENBQWtCLFVBQUFDLElBQUk7QUFBQSxXQUNyQixnQ0FBQyxPQUFELGdDQUFhTCxTQUFiO0FBQXdCLE1BQUEsR0FBRyxFQUFFSyxJQUFJLENBQUNDLEVBQWxDO0FBQXNDLE1BQUEsSUFBSSxFQUFFRDtBQUE1QyxPQURxQjtBQUFBLEdBQXRCLENBREgsQ0FERixDQVJGLENBRHVCO0FBQUEsQ0FBekI7O0FBbUJBLElBQU1HLE9BQU8sR0FBRyxTQUFWQSxPQUFVO0FBQUEsTUFBRUMsV0FBRixRQUFFQSxXQUFGO0FBQUEsTUFBZUosSUFBZixRQUFlQSxJQUFmO0FBQUEsTUFBcUJILFdBQXJCLFFBQXFCQSxXQUFyQjtBQUFBLE1BQWtDUSxXQUFsQyxRQUFrQ0EsV0FBbEM7QUFBQSxTQUNkO0FBQ0UsSUFBQSxTQUFTLEVBQUUsNEJBQVcsaUJBQVgsRUFBOEI7QUFBQ0MsTUFBQUEsTUFBTSxFQUFFRixXQUFXLEtBQUtKLElBQUksQ0FBQ0M7QUFBOUIsS0FBOUIsQ0FEYjtBQUVFLElBQUEsT0FBTyxFQUFFO0FBQUEsYUFBTUksV0FBVyxDQUFDTCxJQUFJLENBQUNDLEVBQU4sQ0FBakI7QUFBQTtBQUZYLEtBSUU7QUFBRyxJQUFBLFNBQVMsRUFBQyxxQkFBYjtBQUFtQyxvQkFBbkM7QUFBNEMsMEJBQWFELElBQUksQ0FBQ0MsRUFBbEI7QUFBNUMsS0FDRTtBQUFNLElBQUEsU0FBUyxzQkFBZUQsSUFBSSxDQUFDTyxJQUFwQjtBQUFmLElBREYsRUFFR1YsV0FBVyxHQUNWLGdDQUFDLHlCQUFEO0FBQ0UsSUFBQSxFQUFFLFlBQUtHLElBQUksQ0FBQ0MsRUFBVixTQURKO0FBRUUsSUFBQSxNQUFNLEVBQUMsT0FGVDtBQUdFLElBQUEsU0FBUyxFQUFFLEdBSGI7QUFJRSxJQUFBLEtBQUssRUFBQztBQUpSLEtBTUUsOENBQU9ELElBQUksQ0FBQ1EsS0FBWixDQU5GLENBRFUsR0FVVjtBQUFNLElBQUEsU0FBUyxFQUFDO0FBQWhCLEtBQTBDUixJQUFJLENBQUNRLEtBQS9DLENBWkosQ0FKRixDQURjO0FBQUEsQ0FBaEI7O2VBdUJlZCxPIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDE5IFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge1BBTkVMUywgUEFORUxTX0ZPT1RFUn0gZnJvbSAnY29uc3RhbnRzL2RlZmF1bHQtc2V0dGluZ3MnO1xuXG5jb25zdCBTaWRlTmF2ID0gaXRlbVByb3BzID0+IChcbiAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ3NpZGUtbmF2aScsIHtjb2xsYXBzZWQ6IGl0ZW1Qcm9wcy5pc0NvbGxhcHNlZH0pfT5cbiAgICA8ZGl2PlxuICAgICAgPHVsPlxuICAgICAgICB7UEFORUxTLm1hcChpdGVtID0+IChcbiAgICAgICAgICA8TmF2SXRlbSB7Li4uaXRlbVByb3BzfSBrZXk9e2l0ZW0uaWR9IGl0ZW09e2l0ZW19IC8+XG4gICAgICAgICkpfVxuICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2PlxuICAgICAgPHVsPlxuICAgICAgICB7UEFORUxTX0ZPT1RFUi5tYXAoaXRlbSA9PiAoXG4gICAgICAgICAgPE5hdkl0ZW0gey4uLml0ZW1Qcm9wc30ga2V5PXtpdGVtLmlkfSBpdGVtPXtpdGVtfSAvPlxuICAgICAgICApKX1cbiAgICAgIDwvdWw+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuKTtcblxuY29uc3QgTmF2SXRlbSA9ICh7YWN0aXZlUGFuZWwsIGl0ZW0sIGlzQ29sbGFwc2VkLCB0b2dnbGVQYW5lbH0pID0+IChcbiAgPGxpXG4gICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKCdzaWRlLW5hdmlfX2l0ZW0nLCB7YWN0aXZlOiBhY3RpdmVQYW5lbCA9PT0gaXRlbS5pZH0pfVxuICAgIG9uQ2xpY2s9eygpID0+IHRvZ2dsZVBhbmVsKGl0ZW0uaWQpfVxuICA+XG4gICAgPGEgY2xhc3NOYW1lPVwiaG92ZXIgYWxpZ24tLW1pZGRsZVwiIGRhdGEtdGlwIGRhdGEtZm9yPXtgJHtpdGVtLmlkfS1uYXZgfT5cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17YGljb24gaWNvbl8ke2l0ZW0uaWNvbn1gfSAvPlxuICAgICAge2lzQ29sbGFwc2VkID8gKFxuICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgIGlkPXtgJHtpdGVtLmlkfS1uYXZgfVxuICAgICAgICAgIGVmZmVjdD1cInNvbGlkXCJcbiAgICAgICAgICBkZWxheVNob3c9ezUwMH1cbiAgICAgICAgICBwbGFjZT1cInJpZ2h0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuPntpdGVtLmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKSA6IChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwic2lkZS1uYXZpX19pdGVtX190aXRsZVwiPntpdGVtLmxhYmVsfTwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9hPlxuICA8L2xpPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU2lkZU5hdjtcbiJdfQ==