kepler.gl.geoiq

Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
101 lines (80 loc) • 9.11 kB
JavaScript
"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"));

function _templateObject3() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 1;\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 1;\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  padding: 4px;\n  border-radius: 4px;\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  border-radius: 2px;\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  justify-content: space-between;\n  overflow: hidden;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

var propTypes = {
  colors: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
  height: _propTypes["default"].number,
  className: _propTypes["default"].string,
  isSelected: _propTypes["default"].bool,
  isReversed: _propTypes["default"].bool
};
var defaultProps = {
  height: 10,
  colors: [],
  className: '',
  isSelected: false,
  isReversed: false
};

var PaletteWrapper = _styledComponents["default"].div(_templateObject());

var PaletteContainer = _styledComponents["default"].div(_templateObject2(), function (props) {
  return props.isSelected ? '#FFFFFF' : 'transparent';
});

var ColorBlock = _styledComponents["default"].div(_templateObject3());

var ColorPalette = function ColorPalette(_ref) {
  var colors = _ref.colors,
      height = _ref.height,
      className = _ref.className,
      isSelected = _ref.isSelected,
      isReversed = _ref.isReversed;
  return _react["default"].createElement(PaletteContainer, {
    className: "color-range-palette ".concat(className),
    isSelected: isSelected
  }, _react["default"].createElement(PaletteWrapper, {
    className: "color-range-palette__inner",
    style: {
      height: height,
      transform: "scale(".concat(isReversed ? -1 : 1, ", 1)")
    }
  }, colors.map(function (color) {
    return _react["default"].createElement(ColorBlock, {
      className: "color-range-palette__block",
      key: color,
      style: {
        backgroundColor: color
      }
    });
  })));
};

ColorPalette.propTypes = propTypes;
ColorPalette.defaultProps = defaultProps;
var _default = ColorPalette;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvd2lkZ2V0LXBhbmVsL2NvbG9yLXBhbGV0dGUuanMiXSwibmFtZXMiOlsicHJvcFR5cGVzIiwiY29sb3JzIiwiUHJvcFR5cGVzIiwiYXJyYXlPZiIsInN0cmluZyIsImlzUmVxdWlyZWQiLCJoZWlnaHQiLCJudW1iZXIiLCJjbGFzc05hbWUiLCJpc1NlbGVjdGVkIiwiYm9vbCIsImlzUmV2ZXJzZWQiLCJkZWZhdWx0UHJvcHMiLCJQYWxldHRlV3JhcHBlciIsInN0eWxlZCIsImRpdiIsIlBhbGV0dGVDb250YWluZXIiLCJwcm9wcyIsIkNvbG9yQmxvY2siLCJDb2xvclBhbGV0dGUiLCJ0cmFuc2Zvcm0iLCJtYXAiLCJjb2xvciIsImJhY2tncm91bmRDb2xvciJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUEsSUFBTUEsU0FBUyxHQUFHO0FBQ2hCQyxFQUFBQSxNQUFNLEVBQUVDLHNCQUFVQyxPQUFWLENBQWtCRCxzQkFBVUUsTUFBNUIsRUFBb0NDLFVBRDVCO0FBRWhCQyxFQUFBQSxNQUFNLEVBQUVKLHNCQUFVSyxNQUZGO0FBR2hCQyxFQUFBQSxTQUFTLEVBQUVOLHNCQUFVRSxNQUhMO0FBSWhCSyxFQUFBQSxVQUFVLEVBQUVQLHNCQUFVUSxJQUpOO0FBS2hCQyxFQUFBQSxVQUFVLEVBQUVULHNCQUFVUTtBQUxOLENBQWxCO0FBUUEsSUFBTUUsWUFBWSxHQUFHO0FBQ25CTixFQUFBQSxNQUFNLEVBQUUsRUFEVztBQUVuQkwsRUFBQUEsTUFBTSxFQUFFLEVBRlc7QUFHbkJPLEVBQUFBLFNBQVMsRUFBRSxFQUhRO0FBSW5CQyxFQUFBQSxVQUFVLEVBQUUsS0FKTztBQUtuQkUsRUFBQUEsVUFBVSxFQUFFO0FBTE8sQ0FBckI7O0FBUUEsSUFBTUUsY0FBYyxHQUFHQyw2QkFBT0MsR0FBVixtQkFBcEI7O0FBU0EsSUFBTUMsZ0JBQWdCLEdBQUdGLDZCQUFPQyxHQUFWLHFCQUtKLFVBQUFFLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNSLFVBQU4sR0FBbUIsU0FBbkIsR0FBK0IsYUFBbkM7QUFBQSxDQUxELENBQXRCOztBQVVBLElBQU1TLFVBQVUsR0FBR0osNkJBQU9DLEdBQVYsb0JBQWhCOztBQUlBLElBQU1JLFlBQVksR0FBRyxTQUFmQSxZQUFlO0FBQUEsTUFBRWxCLE1BQUYsUUFBRUEsTUFBRjtBQUFBLE1BQVVLLE1BQVYsUUFBVUEsTUFBVjtBQUFBLE1BQWtCRSxTQUFsQixRQUFrQkEsU0FBbEI7QUFBQSxNQUE2QkMsVUFBN0IsUUFBNkJBLFVBQTdCO0FBQUEsTUFBeUNFLFVBQXpDLFFBQXlDQSxVQUF6QztBQUFBLFNBQ25CLGdDQUFDLGdCQUFEO0FBQ0UsSUFBQSxTQUFTLGdDQUF5QkgsU0FBekIsQ0FEWDtBQUVFLElBQUEsVUFBVSxFQUFFQztBQUZkLEtBSUUsZ0NBQUMsY0FBRDtBQUFnQixJQUFBLFNBQVMsRUFBQyw0QkFBMUI7QUFDZ0IsSUFBQSxLQUFLLEVBQUU7QUFBQ0gsTUFBQUEsTUFBTSxFQUFOQSxNQUFEO0FBQVNjLE1BQUFBLFNBQVMsa0JBQVdULFVBQVUsR0FBRyxDQUFDLENBQUosR0FBUSxDQUE3QjtBQUFsQjtBQUR2QixLQUVHVixNQUFNLENBQUNvQixHQUFQLENBQVcsVUFBQUMsS0FBSztBQUFBLFdBQ2YsZ0NBQUMsVUFBRDtBQUNFLE1BQUEsU0FBUyxFQUFDLDRCQURaO0FBRUUsTUFBQSxHQUFHLEVBQUVBLEtBRlA7QUFHRSxNQUFBLEtBQUssRUFBRTtBQUFDQyxRQUFBQSxlQUFlLEVBQUVEO0FBQWxCO0FBSFQsTUFEZTtBQUFBLEdBQWhCLENBRkgsQ0FKRixDQURtQjtBQUFBLENBQXJCOztBQWtCQUgsWUFBWSxDQUFDbkIsU0FBYixHQUF5QkEsU0FBekI7QUFDQW1CLFlBQVksQ0FBQ1AsWUFBYixHQUE0QkEsWUFBNUI7ZUFFZU8sWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAxOSBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmNvbnN0IHByb3BUeXBlcyA9IHtcbiAgY29sb3JzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc3RyaW5nKS5pc1JlcXVpcmVkLFxuICBoZWlnaHQ6IFByb3BUeXBlcy5udW1iZXIsXG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzUmV2ZXJzZWQ6IFByb3BUeXBlcy5ib29sXG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHMgPSB7XG4gIGhlaWdodDogMTAsXG4gIGNvbG9yczogW10sXG4gIGNsYXNzTmFtZTogJycsXG4gIGlzU2VsZWN0ZWQ6IGZhbHNlLFxuICBpc1JldmVyc2VkOiBmYWxzZVxufTtcblxuY29uc3QgUGFsZXR0ZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuY29uc3QgUGFsZXR0ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJyNGRkZGRkYnIDogJ3RyYW5zcGFyZW50J307XG4gIHBhZGRpbmc6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuYDtcblxuY29uc3QgQ29sb3JCbG9jayA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IENvbG9yUGFsZXR0ZSA9ICh7Y29sb3JzLCBoZWlnaHQsIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCwgaXNSZXZlcnNlZH0pID0+IChcbiAgPFBhbGV0dGVDb250YWluZXJcbiAgICBjbGFzc05hbWU9e2Bjb2xvci1yYW5nZS1wYWxldHRlICR7Y2xhc3NOYW1lfWB9XG4gICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgPlxuICAgIDxQYWxldHRlV3JhcHBlciBjbGFzc05hbWU9XCJjb2xvci1yYW5nZS1wYWxldHRlX19pbm5lclwiXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7aGVpZ2h0LCB0cmFuc2Zvcm06IGBzY2FsZSgke2lzUmV2ZXJzZWQgPyAtMSA6IDF9LCAxKWB9fT5cbiAgICAgIHtjb2xvcnMubWFwKGNvbG9yID0+IChcbiAgICAgICAgPENvbG9yQmxvY2tcbiAgICAgICAgICBjbGFzc05hbWU9XCJjb2xvci1yYW5nZS1wYWxldHRlX19ibG9ja1wiXG4gICAgICAgICAga2V5PXtjb2xvcn1cbiAgICAgICAgICBzdHlsZT17e2JhY2tncm91bmRDb2xvcjogY29sb3J9fVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9QYWxldHRlV3JhcHBlcj5cbiAgPC9QYWxldHRlQ29udGFpbmVyPlxuKTtcblxuQ29sb3JQYWxldHRlLnByb3BUeXBlcyA9IHByb3BUeXBlcztcbkNvbG9yUGFsZXR0ZS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IENvbG9yUGFsZXR0ZTtcbiJdfQ==