kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
77 lines (75 loc) • 12.6 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
var _itemSelector = _interopRequireDefault(require("../common/item-selector/item-selector"));
var _constants = require("@kepler.gl/constants");
var _components = require("./components");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
// SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var layerFilter = function layerFilter(layer) {
return layer.type === _constants.LAYER_TYPES.point;
};
var isAlreadySelected = function isAlreadySelected(selectedLayers, layerId) {
return selectedLayers.findIndex(function (l) {
return l.id === layerId;
}) === -1;
};
function PolygonFilterFactory() {
var PolygonFilter = /*#__PURE__*/_react["default"].memo(function (_ref) {
var filter = _ref.filter,
layers = _ref.layers,
setLayers = _ref.setLayers;
var setNewLayers = (0, _react.useCallback)(function (newLayers) {
return setLayers(newLayers.map(function (l) {
return l.id;
}));
}, [setLayers]);
var selectedLayers = (0, _react.useMemo)(function () {
return layers.filter(function (l) {
var _filter$layerId;
return (_filter$layerId = filter.layerId) === null || _filter$layerId === void 0 ? void 0 : _filter$layerId.includes(l.id);
});
}, [filter, layers]);
var availableLayers = (0, _react.useMemo)(function () {
// remove already added layers and filter out non point layers
return layers.filter(function (layer) {
return layerFilter(layer) && isAlreadySelected(selectedLayers, layer.id);
});
}, [layers, selectedLayers]);
var searchOptions = (0, _react.useCallback)(function (value, options) {
var searchStr = value === null || value === void 0 ? void 0 : value.toLowerCase();
return options.filter(function (l) {
var _l$config;
return ((_l$config = l.config) === null || _l$config === void 0 || (_l$config = _l$config.label) === null || _l$config === void 0 ? void 0 : _l$config.toLowerCase().indexOf(searchStr)) >= 0;
});
}, []);
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_components.StyledFilterPanel, {
htmlFor: "filter-".concat(filter.id)
}, "Layers:"), /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
options: availableLayers,
selectedItems: selectedLayers,
onChange: setNewLayers,
searchable: true,
searchOptions: searchOptions,
multiSelect: true,
getOptionValue: function getOptionValue(l) {
return l.id;
},
displayOption: function displayOption(l) {
return l.config.label;
},
placeholder: 'placeholder.selectLayer'
}));
});
PolygonFilter.displayName = 'PolygonFilter';
return PolygonFilter;
}
var _default = exports["default"] = PolygonFilterFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfaXRlbVNlbGVjdG9yIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9jb25zdGFudHMiLCJfY29tcG9uZW50cyIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsImxheWVyRmlsdGVyIiwibGF5ZXIiLCJ0eXBlIiwiTEFZRVJfVFlQRVMiLCJwb2ludCIsImlzQWxyZWFkeVNlbGVjdGVkIiwic2VsZWN0ZWRMYXllcnMiLCJsYXllcklkIiwiZmluZEluZGV4IiwibCIsImlkIiwiUG9seWdvbkZpbHRlckZhY3RvcnkiLCJQb2x5Z29uRmlsdGVyIiwiUmVhY3QiLCJtZW1vIiwiX3JlZiIsImZpbHRlciIsImxheWVycyIsInNldExheWVycyIsInNldE5ld0xheWVycyIsInVzZUNhbGxiYWNrIiwibmV3TGF5ZXJzIiwibWFwIiwidXNlTWVtbyIsIl9maWx0ZXIkbGF5ZXJJZCIsImluY2x1ZGVzIiwiYXZhaWxhYmxlTGF5ZXJzIiwic2VhcmNoT3B0aW9ucyIsInZhbHVlIiwib3B0aW9ucyIsInNlYXJjaFN0ciIsInRvTG93ZXJDYXNlIiwiX2wkY29uZmlnIiwiY29uZmlnIiwibGFiZWwiLCJpbmRleE9mIiwiY3JlYXRlRWxlbWVudCIsIlN0eWxlZEZpbHRlclBhbmVsIiwiaHRtbEZvciIsImNvbmNhdCIsInNlbGVjdGVkSXRlbXMiLCJvbkNoYW5nZSIsInNlYXJjaGFibGUiLCJtdWx0aVNlbGVjdCIsImdldE9wdGlvblZhbHVlIiwiZGlzcGxheU9wdGlvbiIsInBsYWNlaG9sZGVyIiwiZGlzcGxheU5hbWUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvZmlsdGVycy9wb2x5Z29uLWZpbHRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlTWVtbywgdXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBJdGVtU2VsZWN0b3IgZnJvbSAnLi4vY29tbW9uL2l0ZW0tc2VsZWN0b3IvaXRlbS1zZWxlY3Rvcic7XG5pbXBvcnQge0xheWVyfSBmcm9tICdAa2VwbGVyLmdsL2xheWVycyc7XG5pbXBvcnQge0xBWUVSX1RZUEVTfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge1BvbHlnb25GaWx0ZXJQcm9wc30gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1N0eWxlZEZpbHRlclBhbmVsfSBmcm9tICcuL2NvbXBvbmVudHMnO1xuXG5jb25zdCBsYXllckZpbHRlciA9IChsYXllcjogTGF5ZXIpID0+IGxheWVyLnR5cGUgPT09IExBWUVSX1RZUEVTLnBvaW50O1xuY29uc3QgaXNBbHJlYWR5U2VsZWN0ZWQgPSAoc2VsZWN0ZWRMYXllcnM6IExheWVyW10sIGxheWVySWQ6IHN0cmluZykgPT5cbiAgc2VsZWN0ZWRMYXllcnMuZmluZEluZGV4KGwgPT4gbC5pZCA9PT0gbGF5ZXJJZCkgPT09IC0xO1xuXG5mdW5jdGlvbiBQb2x5Z29uRmlsdGVyRmFjdG9yeSgpIHtcbiAgY29uc3QgUG9seWdvbkZpbHRlcjogUmVhY3QuRkM8UG9seWdvbkZpbHRlclByb3BzPiA9IFJlYWN0Lm1lbW8oKHtmaWx0ZXIsIGxheWVycywgc2V0TGF5ZXJzfSkgPT4ge1xuICAgIGNvbnN0IHNldE5ld0xheWVycyA9IHVzZUNhbGxiYWNrKFxuICAgICAgbmV3TGF5ZXJzID0+IHtcbiAgICAgICAgcmV0dXJuIHNldExheWVycyhuZXdMYXllcnMubWFwKChsOiBMYXllcikgPT4gbC5pZCkpO1xuICAgICAgfSxcbiAgICAgIFtzZXRMYXllcnNdXG4gICAgKTtcblxuICAgIGNvbnN0IHNlbGVjdGVkTGF5ZXJzID0gdXNlTWVtbyhcbiAgICAgICgpID0+IGxheWVycy5maWx0ZXIobCA9PiBmaWx0ZXIubGF5ZXJJZD8uaW5jbHVkZXMobC5pZCkpLFxuICAgICAgW2ZpbHRlciwgbGF5ZXJzXVxuICAgICk7XG5cbiAgICBjb25zdCBhdmFpbGFibGVMYXllcnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIC8vIHJlbW92ZSBhbHJlYWR5IGFkZGVkIGxheWVycyBhbmQgZmlsdGVyIG91dCBub24gcG9pbnQgbGF5ZXJzXG4gICAgICByZXR1cm4gbGF5ZXJzLmZpbHRlcihcbiAgICAgICAgbGF5ZXIgPT4gbGF5ZXJGaWx0ZXIobGF5ZXIpICYmIGlzQWxyZWFkeVNlbGVjdGVkKHNlbGVjdGVkTGF5ZXJzLCBsYXllci5pZClcbiAgICAgICk7XG4gICAgfSwgW2xheWVycywgc2VsZWN0ZWRMYXllcnNdKTtcblxuICAgIGNvbnN0IHNlYXJjaE9wdGlvbnMgPSB1c2VDYWxsYmFjaygodmFsdWUsIG9wdGlvbnMpID0+IHtcbiAgICAgIGNvbnN0IHNlYXJjaFN0ciA9IHZhbHVlPy50b0xvd2VyQ2FzZSgpO1xuICAgICAgcmV0dXJuIG9wdGlvbnMuZmlsdGVyKGwgPT4gbC5jb25maWc/LmxhYmVsPy50b0xvd2VyQ2FzZSgpLmluZGV4T2Yoc2VhcmNoU3RyKSA+PSAwKTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPFN0eWxlZEZpbHRlclBhbmVsIGh0bWxGb3I9e2BmaWx0ZXItJHtmaWx0ZXIuaWR9YH0+TGF5ZXJzOjwvU3R5bGVkRmlsdGVyUGFuZWw+XG4gICAgICAgIDxJdGVtU2VsZWN0b3JcbiAgICAgICAgICBvcHRpb25zPXthdmFpbGFibGVMYXllcnN9XG4gICAgICAgICAgc2VsZWN0ZWRJdGVtcz17c2VsZWN0ZWRMYXllcnN9XG4gICAgICAgICAgb25DaGFuZ2U9e3NldE5ld0xheWVyc31cbiAgICAgICAgICBzZWFyY2hhYmxlPXt0cnVlfVxuICAgICAgICAgIHNlYXJjaE9wdGlvbnM9e3NlYXJjaE9wdGlvbnN9XG4gICAgICAgICAgbXVsdGlTZWxlY3Q9e3RydWV9XG4gICAgICAgICAgZ2V0T3B0aW9uVmFsdWU9eyhsOiBMYXllcikgPT4gbC5pZH1cbiAgICAgICAgICBkaXNwbGF5T3B0aW9uPXsobDogTGF5ZXIpID0+IGwuY29uZmlnLmxhYmVsfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXsncGxhY2Vob2xkZXIuc2VsZWN0TGF5ZXInfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSk7XG5cbiAgUG9seWdvbkZpbHRlci5kaXNwbGF5TmFtZSA9ICdQb2x5Z29uRmlsdGVyJztcblxuICByZXR1cm4gUG9seWdvbkZpbHRlcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUG9seWdvbkZpbHRlckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsYUFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBRUEsSUFBQUcsVUFBQSxHQUFBSCxPQUFBO0FBRUEsSUFBQUksV0FBQSxHQUFBSixPQUFBO0FBQStDLFNBQUFLLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBUCx3QkFBQU8sQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFB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NUIsSUFBTXFCLGFBQWEsR0FBRyxJQUFBUCxrQkFBVyxFQUFDLFVBQUNRLEtBQUssRUFBRUMsT0FBTyxFQUFLO01BQ3BELElBQU1DLFNBQVMsR0FBR0YsS0FBSyxhQUFMQSxLQUFLLHVCQUFMQSxLQUFLLENBQUVHLFdBQVcsQ0FBQyxDQUFDO01BQ3RDLE9BQU9GLE9BQU8sQ0FBQ2IsTUFBTSxDQUFDLFVBQUFQLENBQUM7UUFBQSxJQUFBdUIsU0FBQTtRQUFBLE9BQUksRUFBQUEsU0FBQSxHQUFBdkIsQ0FBQyxDQUFDd0IsTUFBTSxjQUFBRCxTQUFBLGdCQUFBQSxTQUFBLEdBQVJBLFNBQUEsQ0FBVUUsS0FBSyxjQUFBRixTQUFBLHVCQUFmQSxTQUFBLENBQWlCRCxXQUFXLENBQUMsQ0FBQyxDQUFDSSxPQUFPLENBQUNMLFNBQVMsQ0FBQyxLQUFJLENBQUM7TUFBQSxFQUFDO0lBQ3BGLENBQUMsRUFBRSxFQUFFLENBQUM7SUFFTixvQkFDRXpELE1BQUEsWUFBQStELGFBQUEsMkJBQ0UvRCxNQUFBLFlBQUErRCxhQUFBLENBQUN6RCxXQUFBLENBQUEwRCxpQkFBaUI7TUFBQ0MsT0FBTyxZQUFBQyxNQUFBLENBQVl2QixNQUFNLENBQUNOLEVBQUU7SUFBRyxHQUFDLFNBQTBCLENBQUMsZUFDOUVyQyxNQUFBLFlBQUErRCxhQUFBLENBQUM1RCxhQUFBLFdBQVk7TUFDWHFELE9BQU8sRUFBRUgsZUFBZ0I7TUFDekJjLGFBQWEsRUFBRWxDLGNBQWU7TUFDOUJtQyxRQUFRLEVBQUV0QixZQUFhO01BQ3ZCdUIsVUFBVSxFQUFFLElBQUs7TUFDakJmLGFBQWEsRUFBRUEsYUFBYztNQUM3QmdCLFdBQVcsRUFBRSxJQUFLO01BQ2xCQyxjQUFjLEVBQUUsU0FBaEJBLGNBQWNBLENBQUduQyxDQUFRO1FBQUEsT0FBS0EsQ0FBQyxDQUFDQyxFQUFFO01BQUEsQ0FBQztNQUNuQ21DLGFBQWEsRUFBRSxTQUFmQSxhQUFhQSxDQUFHcEMsQ0FBUTtRQUFBLE9BQUtBLENBQUMsQ0FBQ3dCLE1BQU0sQ0FBQ0MsS0FBSztNQUFBLENBQUM7TUFDNUNZLFdBQVcsRUFBRTtJQUEwQixDQUN4QyxDQUNFLENBQUM7RUFFVixDQUFDLENBQUM7RUFFRmxDLGFBQWEsQ0FBQ21DLFdBQVcsR0FBRyxlQUFlO0VBRTNDLE9BQU9uQyxhQUFhO0FBQ3RCO0FBQUMsSUFBQW9DLFFBQUEsR0FBQUMsT0FBQSxjQUVjdEMsb0JBQW9CIiwiaWdub3JlTGlzdCI6W119