kepler.gl.geoiq/dist/components/common/toolbar.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 StyledPanelDropdown = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n  font-size: 11px;\n  padding: ", ";\n  transition: ", ";\n  margin-top: ", ";\n  opacity: ", ";\n  transform: translateX(calc(-50% + 20px));\n  pointer-events:  ", ";\n  z-index: 1000;\n\n  .save-export-dropdown__inner {\n    box-shadow: none;\n    background-color: transparent;\n    display: flex;\n  }\n\n  .toolbar-item {\n    align-items: center;\n    border-right: 1px solid ", ";\n    padding: 0 22px;\n    display: flex;\n    flex-direction: column;\n    \n    .toolbar-item__title {\n      white-space: nowrap;\n      margin-top: 4px;\n    }\n\n    :hover {\n      cursor: pointer;\n      color: ", ";\n    }\n\n    &:last-child {\n      border-right: 0;\n    }\n    \n    ", ";\n  }\n"])), function (props) {
  return props.direction;
}, function (props) {
  return props.theme.dropdownListBgd;
}, function (props) {
  return props.theme.dropdownListShadow;
}, function (props) {
  return props.direction === 'row' ? '16px 0;' : '0;';
}, function (props) {
  return props.theme.transitionSlow;
}, function (props) {
  return props.show ? '6px' : '20px';
}, function (props) {
  return props.show ? 1 : 0;
}, function (props) {
  return props.show ? 'all' : 'none';
}, function (props) {
  return props.theme.panelHeaderIcon;
}, function (props) {
  return props.theme.textColorHl;
}, function (props) {
  return props.direction === 'column' ? "\n      border-bottom: 1px solid ".concat(props.theme.panelHeaderIcon, ";\n      padding: 8px 22px;\n      &:last-child {\n        border-bottom: 0;\n      }\n      ") : null;
});

var Toolbar = _react["default"].memo(function (_ref) {
  var children = _ref.children,
      className = _ref.className,
      show = _ref.show,
      _ref$direction = _ref.direction,
      direction = _ref$direction === void 0 ? 'row' : _ref$direction;
  return (/*#__PURE__*/_react["default"].createElement(StyledPanelDropdown, {
      className: "".concat(className || '', " save-export-dropdown"),
      show: show,
      direction: direction
    }, children)
  );
});

Toolbar.displayName = 'Toolbar';

var _default = exports["default"] = Toolbar;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi90b29sYmFyLmpzIl0sIm5hbWVzIjpbIlN0eWxlZFBhbmVsRHJvcGRvd24iLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsImRpcmVjdGlvbiIsInRoZW1lIiwiZHJvcGRvd25MaXN0QmdkIiwiZHJvcGRvd25MaXN0U2hhZG93IiwidHJhbnNpdGlvblNsb3ciLCJzaG93IiwicGFuZWxIZWFkZXJJY29uIiwidGV4dENvbG9ySGwiLCJUb29sYmFyIiwiUmVhY3QiLCJtZW1vIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7Ozs7QUFFQSxJQUFNQSxtQkFBbUIsR0FBR0MsNkJBQU9DLEdBQVYsMjJCQUVMLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLFNBQVY7QUFBQSxDQUZBLEVBR0gsVUFBQUQsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0UsS0FBTixDQUFZQyxlQUFoQjtBQUFBLENBSEYsRUFJVCxVQUFBSCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDRSxLQUFOLENBQVlFLGtCQUFoQjtBQUFBLENBSkksRUFNWixVQUFBSixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxTQUFOLEtBQW9CLEtBQXBCLEdBQTRCLFNBQTVCLEdBQXdDLElBQTVDO0FBQUEsQ0FOTyxFQU9ULFVBQUFELEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNFLEtBQU4sQ0FBWUcsY0FBaEI7QUFBQSxDQVBJLEVBUVQsVUFBQUwsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ00sSUFBTixHQUFhLEtBQWIsR0FBcUIsTUFBekI7QUFBQSxDQVJJLEVBU1osVUFBQU4sS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ00sSUFBTixHQUFhLENBQWIsR0FBaUIsQ0FBckI7QUFBQSxDQVRPLEVBV0osVUFBQU4sS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ00sSUFBTixHQUFhLEtBQWIsR0FBcUIsTUFBekI7QUFBQSxDQVhELEVBc0JLLFVBQUFOLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNFLEtBQU4sQ0FBWUssZUFBaEI7QUFBQSxDQXRCVixFQWtDVixVQUFBUCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDRSxLQUFOLENBQVlNLFdBQWhCO0FBQUEsQ0FsQ0ssRUF5Q25CLFVBQUFSLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLFNBQU4sS0FBb0IsUUFBcEIsOENBQ2tCRCxLQUFLLENBQUNFLEtBQU4sQ0FBWUssZUFEOUIscUdBTUwsSUFOQztBQUFBLENBekNjLENBQXpCOztBQW9EQSxJQUFNRSxPQUFPLEdBQUdDLGtCQUFNQyxJQUFOLENBQVc7QUFBQSxNQUFFQyxRQUFGLFFBQUVBLFFBQUY7QUFBQSxNQUFZQyxTQUFaLFFBQVlBLFNBQVo7QUFBQSxNQUF1QlAsSUFBdkIsUUFBdUJBLElBQXZCO0FBQUEsNEJBQTZCTCxTQUE3QjtBQUFBLE1BQTZCQSxTQUE3QiwrQkFBeUMsS0FBekM7QUFBQSx1QkFDekIsZ0NBQUMsbUJBQUQ7QUFBcUIsTUFBQSxTQUFTLFlBQUtZLFNBQVMsSUFBSSxFQUFsQiwwQkFBOUI7QUFBMkUsTUFBQSxJQUFJLEVBQUVQLElBQWpGO0FBQXVGLE1BQUEsU0FBUyxFQUFFTDtBQUFsRyxPQUNHVyxRQURIO0FBRHlCO0FBQUEsQ0FBWCxDQUFoQjs7QUFNQUgsT0FBTyxDQUFDSyxXQUFSLEdBQXNCLFNBQXRCOztvQ0FFZUwsTyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMyBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuY29uc3QgU3R5bGVkUGFuZWxEcm9wZG93biA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAke3Byb3BzID0+IHByb3BzLmRpcmVjdGlvbn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZHJvcGRvd25MaXN0QmdkfTtcbiAgYm94LXNoYWRvdzogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RTaGFkb3d9O1xuICBmb250LXNpemU6IDExcHg7XG4gIHBhZGRpbmc6ICR7cHJvcHMgPT4gcHJvcHMuZGlyZWN0aW9uID09PSAncm93JyA/ICcxNnB4IDA7JyA6ICcwOyd9O1xuICB0cmFuc2l0aW9uOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRyYW5zaXRpb25TbG93fTtcbiAgbWFyZ2luLXRvcDogJHtwcm9wcyA9PiBwcm9wcy5zaG93ID8gJzZweCcgOiAnMjBweCd9O1xuICBvcGFjaXR5OiAke3Byb3BzID0+IHByb3BzLnNob3cgPyAxIDogMH07XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKC01MCUgKyAyMHB4KSk7XG4gIHBvaW50ZXItZXZlbnRzOiAgJHtwcm9wcyA9PiBwcm9wcy5zaG93ID8gJ2FsbCcgOiAnbm9uZSd9O1xuICB6LWluZGV4OiAxMDAwO1xuXG4gIC5zYXZlLWV4cG9ydC1kcm9wZG93bl9faW5uZXIge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuXG4gIC50b29sYmFyLWl0ZW0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbEhlYWRlckljb259O1xuICAgIHBhZGRpbmc6IDAgMjJweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgXG4gICAgLnRvb2xiYXItaXRlbV9fdGl0bGUge1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIG1hcmdpbi10b3A6IDRweDtcbiAgICB9XG5cbiAgICA6aG92ZXIge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9ySGx9O1xuICAgIH1cblxuICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgfVxuICAgIFxuICAgICR7cHJvcHMgPT4gcHJvcHMuZGlyZWN0aW9uID09PSAnY29sdW1uJyA/IGBcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3Byb3BzLnRoZW1lLnBhbmVsSGVhZGVySWNvbn07XG4gICAgICBwYWRkaW5nOiA4cHggMjJweDtcbiAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgIGJvcmRlci1ib3R0b206IDA7XG4gICAgICB9XG4gICAgICBgIDogbnVsbFxuICAgIH07XG4gIH1cbmA7XG5cbmNvbnN0IFRvb2xiYXIgPSBSZWFjdC5tZW1vKCh7Y2hpbGRyZW4sIGNsYXNzTmFtZSwgc2hvdywgZGlyZWN0aW9uID0gJ3Jvdyd9KSA9PiAoXG4gIDxTdHlsZWRQYW5lbERyb3Bkb3duIGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lIHx8ICcnfSBzYXZlLWV4cG9ydC1kcm9wZG93bmB9IHNob3c9e3Nob3d9IGRpcmVjdGlvbj17ZGlyZWN0aW9ufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkUGFuZWxEcm9wZG93bj5cbikpO1xuXG5Ub29sYmFyLmRpc3BsYXlOYW1lID0gJ1Rvb2xiYXInO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYmFyO1xuIl19