kepler.gl.geoiq/dist/components/editor/feature-styles.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.STATE_STYLES_STROKE_WIDTH = exports.STATE_STYLES_STROKE = exports.STATE_STYLES_FILL = exports.RENDER_TYPE_STYLES = exports.DEFAULT_STROKE_DASH_ARRAY = exports.DEFAULT_STATE_STYLE_STROKE = exports.DEFAULT_STATE_STYLE_OPACITY = exports.DEFAULT_STATE_STYLE_FILL = exports.DEFAULT_RADIUS = void 0;
exports.getStyle = getStyle;
exports.noOp = noOp;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _reactMapGlDraw = require("react-map-gl-draw");

var _lodash = _interopRequireDefault(require("lodash.get"));

var _constants = require("./constants");

var _STATE_STYLES_STROKE, _STATE_STYLES_FILL, _RENDER_TYPE_STYLES;

function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var DEFAULT_RADIUS = exports.DEFAULT_RADIUS = 5;
var DEFAULT_STATE_STYLE_STROKE = exports.DEFAULT_STATE_STYLE_STROKE = _constants.COLORS.PRIMARY;
var STATE_STYLES_STROKE = exports.STATE_STYLES_STROKE = (_STATE_STYLES_STROKE = {}, (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.INACTIVE, '#26B5F2'), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.UNCOMMITTED, '#a9a9a9'), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.CLOSING, '#a9a9a9'), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.SELECTED, '#26B5F2'), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.HOVERED, '#26B5F2'), _STATE_STYLES_STROKE);
var DEFAULT_STATE_STYLE_FILL = exports.DEFAULT_STATE_STYLE_FILL = '#000';
var STATE_STYLES_FILL = exports.STATE_STYLES_FILL = (_STATE_STYLES_FILL = {}, (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.INACTIVE, '#333333'), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.HOVERED, '#7ac943'), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.SELECTED, '#ffff00'), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.UNCOMMITTED, '#a9a9a9'), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.CLOSING, '#a9a9a9'), _STATE_STYLES_FILL);
var DEFAULT_STATE_STYLE_OPACITY = exports.DEFAULT_STATE_STYLE_OPACITY = 0.1;
var STATE_STYLES_STROKE_WIDTH = exports.STATE_STYLES_STROKE_WIDTH = 2;
var DEFAULT_STROKE_DASH_ARRAY = exports.DEFAULT_STROKE_DASH_ARRAY = '4,2';
var RENDER_TYPE_STYLES = exports.RENDER_TYPE_STYLES = (_RENDER_TYPE_STYLES = {}, (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.POINT, function () {
  return {
    r: DEFAULT_RADIUS
  };
}), (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.LINE_STRING, function () {
  return {
    fill: 'none'
  };
}), _RENDER_TYPE_STYLES);

function noOp() {}

function getStyle(_ref) {
  var feature = _ref.feature,
      state = _ref.state;
  var isVisible = (0, _lodash["default"])(feature, ['properties', 'isVisible'], true);

  var style = _objectSpread({
    stroke: STATE_STYLES_STROKE[state] || DEFAULT_STATE_STYLE_STROKE,
    strokeWidth: isVisible ? STATE_STYLES_STROKE_WIDTH : 0,
    fill: STATE_STYLES_FILL[state] || DEFAULT_STATE_STYLE_FILL,
    fillOpacity: DEFAULT_STATE_STYLE_OPACITY
  }, state !== _reactMapGlDraw.RenderStates.SELECTED ? {
    strokeDasharray: DEFAULT_STROKE_DASH_ARRAY
  } : null);

  var renderType = feature.properties ? feature.properties.renderType : feature.renderType;
  return _objectSpread(_objectSpread({}, style), (RENDER_TYPE_STYLES[renderType] || noOp)(state));
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2VkaXRvci9mZWF0dXJlLXN0eWxlcy5qcyJdLCJuYW1lcyI6WyJERUZBVUxUX1JBRElVUyIsIkRFRkFVTFRfU1RBVEVfU1RZTEVfU1RST0tFIiwiQ09MT1JTIiwiUFJJTUFSWSIsIlNUQVRFX1NUWUxFU19TVFJPS0UiLCJSZW5kZXJTdGF0ZXMiLCJJTkFDVElWRSIsIlVOQ09NTUlUVEVEIiwiQ0xPU0lORyIsIlNFTEVDVEVEIiwiSE9WRVJFRCIsIkRFRkFVTFRfU1RBVEVfU1RZTEVfRklMTCIsIlNUQVRFX1NUWUxFU19GSUxMIiwiREVGQVVMVF9TVEFURV9TVFlMRV9PUEFDSVRZIiwiU1RBVEVfU1RZTEVTX1NUUk9LRV9XSURUSCIsIkRFRkFVTFRfU1RST0tFX0RBU0hfQVJSQVkiLCJSRU5ERVJfVFlQRV9TVFlMRVMiLCJSZW5kZXJUeXBlcyIsIlBPSU5UIiwiciIsIkxJTkVfU1RSSU5HIiwiZmlsbCIsIm5vT3AiLCJnZXRTdHlsZSIsImZlYXR1cmUiLCJzdGF0ZSIsImlzVmlzaWJsZSIsInN0eWxlIiwic3Ryb2tlIiwic3Ryb2tlV2lkdGgiLCJmaWxsT3BhY2l0eSIsInN0cm9rZURhc2hhcnJheSIsInJlbmRlclR5cGUiLCJwcm9wZXJ0aWVzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOzs7Ozs7OztBQUVPLElBQU1BLGNBQWMsNEJBQUcsQ0FBdkI7QUFDQSxJQUFNQywwQkFBMEIsd0NBQUdDLGtCQUFPQyxPQUExQztBQUVBLElBQU1DLG1CQUFtQixvSEFDN0JDLDZCQUFhQyxRQURnQixFQUNMLFNBREssMERBRTdCRCw2QkFBYUUsV0FGZ0IsRUFFRixTQUZFLDBEQUc3QkYsNkJBQWFHLE9BSGdCLEVBR04sU0FITSwwREFJN0JILDZCQUFhSSxRQUpnQixFQUlMLFNBSkssMERBSzdCSiw2QkFBYUssT0FMZ0IsRUFLTixTQUxNLHdCQUF6QjtBQVFBLElBQU1DLHdCQUF3QixzQ0FBRyxNQUFqQztBQUVBLElBQU1DLGlCQUFpQiw4R0FDM0JQLDZCQUFhQyxRQURjLEVBQ0gsU0FERyx3REFFM0JELDZCQUFhSyxPQUZjLEVBRUosU0FGSSx3REFHM0JMLDZCQUFhSSxRQUhjLEVBR0gsU0FIRyx3REFJM0JKLDZCQUFhRSxXQUpjLEVBSUEsU0FKQSx3REFLM0JGLDZCQUFhRyxPQUxjLEVBS0osU0FMSSxzQkFBdkI7QUFRQSxJQUFNSywyQkFBMkIseUNBQUcsR0FBcEM7QUFFQSxJQUFNQyx5QkFBeUIsdUNBQUcsQ0FBbEM7QUFFQSxJQUFNQyx5QkFBeUIsdUNBQUcsS0FBbEM7QUFFQSxJQUFNQyxrQkFBa0IsaUhBQzVCQyw0QkFBWUMsS0FEZ0IsRUFDUjtBQUFBLFNBQU87QUFBQ0MsSUFBQUEsQ0FBQyxFQUFFbkI7QUFBSixHQUFQO0FBQUEsQ0FEUSx5REFFNUJpQiw0QkFBWUcsV0FGZ0IsRUFFRjtBQUFBLFNBQU87QUFBQ0MsSUFBQUEsSUFBSSxFQUFFO0FBQVAsR0FBUDtBQUFBLENBRkUsdUJBQXhCOztBQUtBLFNBQVNDLElBQVQsR0FBZ0IsQ0FBRTs7QUFFbEIsU0FBU0MsUUFBVCxPQUFvQztBQUFBLE1BQWpCQyxPQUFpQixRQUFqQkEsT0FBaUI7QUFBQSxNQUFSQyxLQUFRLFFBQVJBLEtBQVE7QUFDekMsTUFBTUMsU0FBUyxHQUFHLHdCQUFJRixPQUFKLEVBQWEsQ0FBQyxZQUFELEVBQWUsV0FBZixDQUFiLEVBQTBDLElBQTFDLENBQWxCOztBQUNBLE1BQU1HLEtBQUs7QUFDVEMsSUFBQUEsTUFBTSxFQUFFeEIsbUJBQW1CLENBQUNxQixLQUFELENBQW5CLElBQThCeEIsMEJBRDdCO0FBRVQ0QixJQUFBQSxXQUFXLEVBQUVILFNBQVMsR0FBR1oseUJBQUgsR0FBK0IsQ0FGNUM7QUFHVE8sSUFBQUEsSUFBSSxFQUFFVCxpQkFBaUIsQ0FBQ2EsS0FBRCxDQUFqQixJQUE0QmQsd0JBSHpCO0FBSVRtQixJQUFBQSxXQUFXLEVBQUVqQjtBQUpKLEtBS0xZLEtBQUssS0FBS3BCLDZCQUFhSSxRQUF2QixHQUNBO0FBQUNzQixJQUFBQSxlQUFlLEVBQUVoQjtBQUFsQixHQURBLEdBRUEsSUFQSyxDQUFYOztBQVVBLE1BQU1pQixVQUFVLEdBQUdSLE9BQU8sQ0FBQ1MsVUFBUixHQUNmVCxPQUFPLENBQUNTLFVBQVIsQ0FBbUJELFVBREosR0FFZlIsT0FBTyxDQUFDUSxVQUZaO0FBSUEseUNBQ0tMLEtBREwsR0FFSyxDQUFDWCxrQkFBa0IsQ0FBQ2dCLFVBQUQsQ0FBbEIsSUFBa0NWLElBQW5DLEVBQXlDRyxLQUF6QyxDQUZMO0FBSUQiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjMgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQge1JlbmRlclN0YXRlcywgUmVuZGVyVHlwZXN9IGZyb20gJ3JlYWN0LW1hcC1nbC1kcmF3JztcbmltcG9ydCBnZXQgZnJvbSAnbG9kYXNoLmdldCc7XG5pbXBvcnQge0NPTE9SU30gZnJvbSAnLi9jb25zdGFudHMnO1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9SQURJVVMgPSA1O1xuZXhwb3J0IGNvbnN0IERFRkFVTFRfU1RBVEVfU1RZTEVfU1RST0tFID0gQ09MT1JTLlBSSU1BUlk7XG5cbmV4cG9ydCBjb25zdCBTVEFURV9TVFlMRVNfU1RST0tFID0ge1xuICBbUmVuZGVyU3RhdGVzLklOQUNUSVZFXTogJyMyNkI1RjInLFxuICBbUmVuZGVyU3RhdGVzLlVOQ09NTUlUVEVEXTogJyNhOWE5YTknLFxuICBbUmVuZGVyU3RhdGVzLkNMT1NJTkddOiAnI2E5YTlhOScsXG4gIFtSZW5kZXJTdGF0ZXMuU0VMRUNURURdOiAnIzI2QjVGMicsXG4gIFtSZW5kZXJTdGF0ZXMuSE9WRVJFRF06ICcjMjZCNUYyJ1xufTtcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfU1RBVEVfU1RZTEVfRklMTCA9ICcjMDAwJztcblxuZXhwb3J0IGNvbnN0IFNUQVRFX1NUWUxFU19GSUxMID0ge1xuICBbUmVuZGVyU3RhdGVzLklOQUNUSVZFXTogJyMzMzMzMzMnLFxuICBbUmVuZGVyU3RhdGVzLkhPVkVSRURdOiAnIzdhYzk0MycsXG4gIFtSZW5kZXJTdGF0ZXMuU0VMRUNURURdOiAnI2ZmZmYwMCcsXG4gIFtSZW5kZXJTdGF0ZXMuVU5DT01NSVRURURdOiAnI2E5YTlhOScsXG4gIFtSZW5kZXJTdGF0ZXMuQ0xPU0lOR106ICcjYTlhOWE5J1xufTtcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfU1RBVEVfU1RZTEVfT1BBQ0lUWSA9IDAuMTtcblxuZXhwb3J0IGNvbnN0IFNUQVRFX1NUWUxFU19TVFJPS0VfV0lEVEggPSAyO1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9TVFJPS0VfREFTSF9BUlJBWSA9ICc0LDInO1xuXG5leHBvcnQgY29uc3QgUkVOREVSX1RZUEVfU1RZTEVTID0ge1xuICBbUmVuZGVyVHlwZXMuUE9JTlRdOiAoKSA9PiAoe3I6IERFRkFVTFRfUkFESVVTfSksXG4gIFtSZW5kZXJUeXBlcy5MSU5FX1NUUklOR106ICgpID0+ICh7ZmlsbDogJ25vbmUnfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBub09wKCkge31cblxuZXhwb3J0IGZ1bmN0aW9uIGdldFN0eWxlKHtmZWF0dXJlLCBzdGF0ZX0pIHtcbiAgY29uc3QgaXNWaXNpYmxlID0gZ2V0KGZlYXR1cmUsIFsncHJvcGVydGllcycsICdpc1Zpc2libGUnXSwgdHJ1ZSk7XG4gIGNvbnN0IHN0eWxlID0ge1xuICAgIHN0cm9rZTogU1RBVEVfU1RZTEVTX1NUUk9LRVtzdGF0ZV0gfHwgREVGQVVMVF9TVEFURV9TVFlMRV9TVFJPS0UsXG4gICAgc3Ryb2tlV2lkdGg6IGlzVmlzaWJsZSA/IFNUQVRFX1NUWUxFU19TVFJPS0VfV0lEVEggOiAwLFxuICAgIGZpbGw6IFNUQVRFX1NUWUxFU19GSUxMW3N0YXRlXSB8fCBERUZBVUxUX1NUQVRFX1NUWUxFX0ZJTEwsXG4gICAgZmlsbE9wYWNpdHk6IERFRkFVTFRfU1RBVEVfU1RZTEVfT1BBQ0lUWSxcbiAgICAuLi4oc3RhdGUgIT09IFJlbmRlclN0YXRlcy5TRUxFQ1RFRFxuICAgICAgPyB7c3Ryb2tlRGFzaGFycmF5OiBERUZBVUxUX1NUUk9LRV9EQVNIX0FSUkFZfVxuICAgICAgOiBudWxsKVxuICB9O1xuXG4gIGNvbnN0IHJlbmRlclR5cGUgPSBmZWF0dXJlLnByb3BlcnRpZXNcbiAgICA/IGZlYXR1cmUucHJvcGVydGllcy5yZW5kZXJUeXBlXG4gICAgOiBmZWF0dXJlLnJlbmRlclR5cGU7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5zdHlsZSxcbiAgICAuLi4oUkVOREVSX1RZUEVfU1RZTEVTW3JlbmRlclR5cGVdIHx8IG5vT3ApKHN0YXRlKVxuICB9O1xufVxuIl19