UNPKG

kepler.gl.geoiq

Version:

kepler.gl is a webgl based application to visualize large scale location data in the browser

73 lines (60 loc) 11.7 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.STATE_STYLES_STROKE = exports.STATE_STYLES_FILL = exports.RENDER_TYPE_STYLES = exports.DEFAULT_STATE_STYLE_STROKE = exports.DEFAULT_STATE_STYLE_OPACITY = exports.DEFAULT_STATE_STYLE_FILL = exports.DEFAULT_RADIUS = void 0; exports.getEditHandleShape = getEditHandleShape; exports.getStyle = getStyle; var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); var _reactMapGlDraw = require("react-map-gl-draw"); var _constants = require("./constants"); var _lodash = _interopRequireDefault(require("lodash.get")); 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_EDIT_HANDLE_SHAPE = 'circle'; var rectStyle = { x: -6, y: -6, height: 12, width: 12 }; 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.SELECTED, _constants.COLORS.PRIMARY), (0, _defineProperty2["default"])(_STATE_STYLES_STROKE, _reactMapGlDraw.RenderStates.HOVERED, _constants.COLORS.SECONDARY), _STATE_STYLES_STROKE); var DEFAULT_STATE_STYLE_FILL = exports.DEFAULT_STATE_STYLE_FILL = '#ffffff'; var STATE_STYLES_FILL = exports.STATE_STYLES_FILL = (_STATE_STYLES_FILL = {}, (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.SELECTED, _constants.COLORS.SECONDARY), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.HOVERED, _constants.COLORS.SECONDARY), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.INACTIVE, _constants.COLORS.PRIMARY), (0, _defineProperty2["default"])(_STATE_STYLES_FILL, _reactMapGlDraw.RenderStates.UNCOMMITTED, _constants.COLORS.PRIMARY), _STATE_STYLES_FILL); var STATE_STYLES_STROKE_WIDTH = 1; var RENDER_TYPE_STYLES = exports.RENDER_TYPE_STYLES = (_RENDER_TYPE_STYLES = {}, (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.POINT, function (state) { return { fill: STATE_STYLES_FILL[state], stroke: state === _reactMapGlDraw.RenderStates.SELECTED ? _constants.COLORS.PRIMARY : DEFAULT_STATE_STYLE_STROKE }; }), (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.LINE_STRING, function () { return rectStyle; }), (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.RECTANGLE, function () { return rectStyle; }), (0, _defineProperty2["default"])(_RENDER_TYPE_STYLES, _reactMapGlDraw.RenderTypes.POLYGON, function () { return rectStyle; }), _RENDER_TYPE_STYLES); var DEFAULT_STATE_STYLE_OPACITY = exports.DEFAULT_STATE_STYLE_OPACITY = 0; var DEFAULT_RADIUS = exports.DEFAULT_RADIUS = 5; function noOp() {} function getStyle(_ref) { var feature = _ref.feature, state = _ref.state; var isVisible = (0, _lodash["default"])(feature, ['properties', 'isVisible'], true); var style = { stroke: STATE_STYLES_STROKE[state] || DEFAULT_STATE_STYLE_STROKE, strokeWidth: isVisible ? STATE_STYLES_STROKE_WIDTH : 0, fill: DEFAULT_STATE_STYLE_FILL, fillOpacity: DEFAULT_STATE_STYLE_OPACITY, r: DEFAULT_RADIUS }; var renderType = feature.properties ? feature.properties.renderType : feature.renderType; return _objectSpread(_objectSpread({}, style), (RENDER_TYPE_STYLES[renderType] || noOp)(state)); } function getEditHandleShape() { return DEFAULT_EDIT_HANDLE_SHAPE; } //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2VkaXRvci9oYW5kbGUtc3R5bGUuanMiXSwibmFtZXMiOlsiREVGQVVMVF9FRElUX0hBTkRMRV9TSEFQRSIsInJlY3RTdHlsZSIsIngiLCJ5IiwiaGVpZ2h0Iiwid2lkdGgiLCJERUZBVUxUX1NUQVRFX1NUWUxFX1NUUk9LRSIsIkNPTE9SUyIsIlBSSU1BUlkiLCJTVEFURV9TVFlMRVNfU1RST0tFIiwiUmVuZGVyU3RhdGVzIiwiU0VMRUNURUQiLCJIT1ZFUkVEIiwiU0VDT05EQVJZIiwiREVGQVVMVF9TVEFURV9TVFlMRV9GSUxMIiwiU1RBVEVfU1RZTEVTX0ZJTEwiLCJJTkFDVElWRSIsIlVOQ09NTUlUVEVEIiwiU1RBVEVfU1RZTEVTX1NUUk9LRV9XSURUSCIsIlJFTkRFUl9UWVBFX1NUWUxFUyIsIlJlbmRlclR5cGVzIiwiUE9JTlQiLCJzdGF0ZSIsImZpbGwiLCJzdHJva2UiLCJMSU5FX1NUUklORyIsIlJFQ1RBTkdMRSIsIlBPTFlHT04iLCJERUZBVUxUX1NUQVRFX1NUWUxFX09QQUNJVFkiLCJERUZBVUxUX1JBRElVUyIsIm5vT3AiLCJnZXRTdHlsZSIsImZlYXR1cmUiLCJpc1Zpc2libGUiLCJzdHlsZSIsInN0cm9rZVdpZHRoIiwiZmlsbE9wYWNpdHkiLCJyIiwicmVuZGVyVHlwZSIsInByb3BlcnRpZXMiLCJnZXRFZGl0SGFuZGxlU2hhcGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7Ozs7Ozs7O0FBRUEsSUFBTUEseUJBQXlCLEdBQUcsUUFBbEM7QUFFQSxJQUFNQyxTQUFTLEdBQUc7QUFDaEJDLEVBQUFBLENBQUMsRUFBRSxDQUFDLENBRFk7QUFFaEJDLEVBQUFBLENBQUMsRUFBRSxDQUFDLENBRlk7QUFHaEJDLEVBQUFBLE1BQU0sRUFBRSxFQUhRO0FBSWhCQyxFQUFBQSxLQUFLLEVBQUU7QUFKUyxDQUFsQjtBQU9PLElBQU1DLDBCQUEwQix3Q0FBR0Msa0JBQU9DLE9BQTFDO0FBRUEsSUFBTUMsbUJBQW1CLG9IQUM3QkMsNkJBQWFDLFFBRGdCLEVBQ0xKLGtCQUFPQyxPQURGLDBEQUU3QkUsNkJBQWFFLE9BRmdCLEVBRU5MLGtCQUFPTSxTQUZELHdCQUF6QjtBQUtBLElBQU1DLHdCQUF3QixzQ0FBRyxTQUFqQztBQUVBLElBQU1DLGlCQUFpQiw4R0FDM0JMLDZCQUFhQyxRQURjLEVBQ0hKLGtCQUFPTSxTQURKLHdEQUUzQkgsNkJBQWFFLE9BRmMsRUFFSkwsa0JBQU9NLFNBRkgsd0RBRzNCSCw2QkFBYU0sUUFIYyxFQUdIVCxrQkFBT0MsT0FISix3REFJM0JFLDZCQUFhTyxXQUpjLEVBSUFWLGtCQUFPQyxPQUpQLHNCQUF2QjtBQU9QLElBQU1VLHlCQUF5QixHQUFHLENBQWxDO0FBRU8sSUFBTUMsa0JBQWtCLGlIQUM1QkMsNEJBQVlDLEtBRGdCLEVBQ1IsVUFBQUMsS0FBSztBQUFBLFNBQUs7QUFDN0JDLElBQUFBLElBQUksRUFBRVIsaUJBQWlCLENBQUNPLEtBQUQsQ0FETTtBQUU3QkUsSUFBQUEsTUFBTSxFQUNKRixLQUFLLEtBQUtaLDZCQUFhQyxRQUF2QixHQUNJSixrQkFBT0MsT0FEWCxHQUVJRjtBQUx1QixHQUFMO0FBQUEsQ0FERyx5REFRNUJjLDRCQUFZSyxXQVJnQixFQVFGO0FBQUEsU0FBTXhCLFNBQU47QUFBQSxDQVJFLHlEQVM1Qm1CLDRCQUFZTSxTQVRnQixFQVNKO0FBQUEsU0FBTXpCLFNBQU47QUFBQSxDQVRJLHlEQVU1Qm1CLDRCQUFZTyxPQVZnQixFQVVOO0FBQUEsU0FBTTFCLFNBQU47QUFBQSxDQVZNLHVCQUF4QjtBQWFBLElBQU0yQiwyQkFBMkIseUNBQUcsQ0FBcEM7QUFFQSxJQUFNQyxjQUFjLDRCQUFHLENBQXZCOztBQUVQLFNBQVNDLElBQVQsR0FBZ0IsQ0FBRTs7QUFFWCxTQUFTQyxRQUFULE9BQW9DO0FBQUEsTUFBakJDLE9BQWlCLFFBQWpCQSxPQUFpQjtBQUFBLE1BQVJWLEtBQVEsUUFBUkEsS0FBUTtBQUN6QyxNQUFNVyxTQUFTLEdBQUcsd0JBQUlELE9BQUosRUFBYSxDQUFDLFlBQUQsRUFBZSxXQUFmLENBQWIsRUFBMEMsSUFBMUMsQ0FBbEI7QUFFQSxNQUFNRSxLQUFLLEdBQUc7QUFDWlYsSUFBQUEsTUFBTSxFQUFFZixtQkFBbUIsQ0FBQ2EsS0FBRCxDQUFuQixJQUE4QmhCLDBCQUQxQjtBQUVaNkIsSUFBQUEsV0FBVyxFQUFFRixTQUFTLEdBQUdmLHlCQUFILEdBQStCLENBRnpDO0FBR1pLLElBQUFBLElBQUksRUFBRVQsd0JBSE07QUFJWnNCLElBQUFBLFdBQVcsRUFBRVIsMkJBSkQ7QUFLWlMsSUFBQUEsQ0FBQyxFQUFFUjtBQUxTLEdBQWQ7QUFRQSxNQUFNUyxVQUFVLEdBQUdOLE9BQU8sQ0FBQ08sVUFBUixHQUNmUCxPQUFPLENBQUNPLFVBQVIsQ0FBbUJELFVBREosR0FFZk4sT0FBTyxDQUFDTSxVQUZaO0FBSUEseUNBQ0tKLEtBREwsR0FFSyxDQUFDZixrQkFBa0IsQ0FBQ21CLFVBQUQsQ0FBbEIsSUFBa0NSLElBQW5DLEVBQXlDUixLQUF6QyxDQUZMO0FBSUQ7O0FBRU0sU0FBU2tCLGtCQUFULEdBQThCO0FBQ25DLFNBQU94Qyx5QkFBUDtBQUNEIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIzIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHtSZW5kZXJTdGF0ZXMsIFJlbmRlclR5cGVzfSBmcm9tICdyZWFjdC1tYXAtZ2wtZHJhdyc7XG5pbXBvcnQge0NPTE9SU30gZnJvbSAnLi9jb25zdGFudHMnO1xuaW1wb3J0IGdldCBmcm9tICdsb2Rhc2guZ2V0JztcblxuY29uc3QgREVGQVVMVF9FRElUX0hBTkRMRV9TSEFQRSA9ICdjaXJjbGUnO1xuXG5jb25zdCByZWN0U3R5bGUgPSB7XG4gIHg6IC02LFxuICB5OiAtNixcbiAgaGVpZ2h0OiAxMixcbiAgd2lkdGg6IDEyXG59O1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9TVEFURV9TVFlMRV9TVFJPS0UgPSBDT0xPUlMuUFJJTUFSWTtcblxuZXhwb3J0IGNvbnN0IFNUQVRFX1NUWUxFU19TVFJPS0UgPSB7XG4gIFtSZW5kZXJTdGF0ZXMuU0VMRUNURURdOiBDT0xPUlMuUFJJTUFSWSxcbiAgW1JlbmRlclN0YXRlcy5IT1ZFUkVEXTogQ09MT1JTLlNFQ09OREFSWVxufTtcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfU1RBVEVfU1RZTEVfRklMTCA9ICcjZmZmZmZmJztcblxuZXhwb3J0IGNvbnN0IFNUQVRFX1NUWUxFU19GSUxMID0ge1xuICBbUmVuZGVyU3RhdGVzLlNFTEVDVEVEXTogQ09MT1JTLlNFQ09OREFSWSxcbiAgW1JlbmRlclN0YXRlcy5IT1ZFUkVEXTogQ09MT1JTLlNFQ09OREFSWSxcbiAgW1JlbmRlclN0YXRlcy5JTkFDVElWRV06IENPTE9SUy5QUklNQVJZLFxuICBbUmVuZGVyU3RhdGVzLlVOQ09NTUlUVEVEXTogQ09MT1JTLlBSSU1BUllcbn07XG5cbmNvbnN0IFNUQVRFX1NUWUxFU19TVFJPS0VfV0lEVEggPSAxO1xuXG5leHBvcnQgY29uc3QgUkVOREVSX1RZUEVfU1RZTEVTID0ge1xuICBbUmVuZGVyVHlwZXMuUE9JTlRdOiBzdGF0ZSA9PiAoe1xuICAgIGZpbGw6IFNUQVRFX1NUWUxFU19GSUxMW3N0YXRlXSxcbiAgICBzdHJva2U6XG4gICAgICBzdGF0ZSA9PT0gUmVuZGVyU3RhdGVzLlNFTEVDVEVEXG4gICAgICAgID8gQ09MT1JTLlBSSU1BUllcbiAgICAgICAgOiBERUZBVUxUX1NUQVRFX1NUWUxFX1NUUk9LRVxuICB9KSxcbiAgW1JlbmRlclR5cGVzLkxJTkVfU1RSSU5HXTogKCkgPT4gcmVjdFN0eWxlLFxuICBbUmVuZGVyVHlwZXMuUkVDVEFOR0xFXTogKCkgPT4gcmVjdFN0eWxlLFxuICBbUmVuZGVyVHlwZXMuUE9MWUdPTl06ICgpID0+IHJlY3RTdHlsZVxufTtcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfU1RBVEVfU1RZTEVfT1BBQ0lUWSA9IDA7XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX1JBRElVUyA9IDU7XG5cbmZ1bmN0aW9uIG5vT3AoKSB7fVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0U3R5bGUoe2ZlYXR1cmUsIHN0YXRlfSkge1xuICBjb25zdCBpc1Zpc2libGUgPSBnZXQoZmVhdHVyZSwgWydwcm9wZXJ0aWVzJywgJ2lzVmlzaWJsZSddLCB0cnVlKTtcblxuICBjb25zdCBzdHlsZSA9IHtcbiAgICBzdHJva2U6IFNUQVRFX1NUWUxFU19TVFJPS0Vbc3RhdGVdIHx8IERFRkFVTFRfU1RBVEVfU1RZTEVfU1RST0tFLFxuICAgIHN0cm9rZVdpZHRoOiBpc1Zpc2libGUgPyBTVEFURV9TVFlMRVNfU1RST0tFX1dJRFRIIDogMCxcbiAgICBmaWxsOiBERUZBVUxUX1NUQVRFX1NUWUxFX0ZJTEwsXG4gICAgZmlsbE9wYWNpdHk6IERFRkFVTFRfU1RBVEVfU1RZTEVfT1BBQ0lUWSxcbiAgICByOiBERUZBVUxUX1JBRElVU1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclR5cGUgPSBmZWF0dXJlLnByb3BlcnRpZXNcbiAgICA/IGZlYXR1cmUucHJvcGVydGllcy5yZW5kZXJUeXBlXG4gICAgOiBmZWF0dXJlLnJlbmRlclR5cGU7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5zdHlsZSxcbiAgICAuLi4oUkVOREVSX1RZUEVfU1RZTEVTW3JlbmRlclR5cGVdIHx8IG5vT3ApKHN0YXRlKVxuICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0RWRpdEhhbmRsZVNoYXBlKCkge1xuICByZXR1cm4gREVGQVVMVF9FRElUX0hBTkRMRV9TSEFQRTtcbn1cbiJdfQ==