kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
66 lines (65 loc) • 12.8 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.EffectTypeDropdownListFactory = EffectTypeDropdownListFactory;
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireWildcard(require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/node_modules/react"));
var _styledComponents = _interopRequireDefault(require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/node_modules/styled-components"));
var _classnames = _interopRequireDefault(require("classnames"));
var _dropdownList = require("../common/item-selector/dropdown-list");
var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
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; }
var DropdownListWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n ", ";\n background-color: ", ";\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n padding: 24px 0 12px 0;\n max-height: 430px;\n justify-content: center;\n"])), function (props) {
return props.theme.dropdownList;
}, function (props) {
return props.theme.dropdownListBgd;
});
var StyledDropdownListItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n margin: 0px 4px 8px 4px;\n\n &.disabled {\n pointer-events: none;\n opacity: 0.3;\n }\n\n &:hover {\n cursor: pointer;\n .effect-type-selector__item__label {\n color: ", ";\n }\n }\n"])), function (props) {
return props.theme.effectPanelTextMain;
});
function EffectTypeDropdownListFactory() {
var EffectTypeDropdownList = function EffectTypeDropdownList(_ref) {
var onOptionSelected = _ref.onOptionSelected,
options = _ref.options,
selectedItems = _ref.selectedItems,
selectionIndex = _ref.selectionIndex,
customListItemComponent = _ref.customListItemComponent;
var onSelectOption = (0, _react.useCallback)(function (e, value) {
e.preventDefault();
onOptionSelected(value);
}, [onOptionSelected]);
var ListItemComponent = customListItemComponent;
return /*#__PURE__*/_react["default"].createElement(DropdownListWrapper, {
className: _dropdownList.classList.list
}, options.map(function (value, i) {
return /*#__PURE__*/_react["default"].createElement(StyledDropdownListItem, {
className: (0, _classnames["default"])('effect-type-selector__item', {
selected: selectedItems.find(function (it) {
return it.type === value.type;
}),
hover: selectionIndex === i,
disabled: value.disabled
}),
key: "".concat(value.type, "_").concat(i),
onMouseDown: function onMouseDown(e) {
return onSelectOption(e, value);
},
onClick: function onClick(e) {
return onSelectOption(e, value);
}
}, /*#__PURE__*/_react["default"].createElement(ListItemComponent, {
value: value,
isTile: true
}));
}));
};
return EffectTypeDropdownList;
}
var _default = exports["default"] = EffectTypeDropdownListFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY2xhc3NuYW1lcyIsIl9kcm9wZG93bkxpc3QiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiRHJvcGRvd25MaXN0V3JhcHBlciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJ0aGVtZSIsImRyb3Bkb3duTGlzdCIsImRyb3Bkb3duTGlzdEJnZCIsIlN0eWxlZERyb3Bkb3duTGlzdEl0ZW0iLCJlZmZlY3RQYW5lbFRleHRNYWluIiwiRWZmZWN0VHlwZURyb3Bkb3duTGlzdEZhY3RvcnkiLCJFZmZlY3RUeXBlRHJvcGRvd25MaXN0IiwiX3JlZiIsIm9uT3B0aW9uU2VsZWN0ZWQiLCJvcHRpb25zIiwic2VsZWN0ZWRJdGVtcyIsInNlbGVjdGlvbkluZGV4IiwiY3VzdG9tTGlzdEl0ZW1Db21wb25lbnQiLCJvblNlbGVjdE9wdGlvbiIsInVzZUNhbGxiYWNrIiwidmFsdWUiLCJwcmV2ZW50RGVmYXVsdCIsIkxpc3RJdGVtQ29tcG9uZW50IiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImNsYXNzTGlzdCIsImxpc3QiLCJtYXAiLCJjbGFzc05hbWVzIiwic2VsZWN0ZWQiLCJmaW5kIiwiaXQiLCJ0eXBlIiwiaG92ZXIiLCJkaXNhYmxlZCIsImtleSIsImNvbmNhdCIsIm9uTW91c2VEb3duIiwib25DbGljayIsImlzVGlsZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NyYy9lZmZlY3RzL2VmZmVjdC10eXBlLWRyb3Bkb3duLWxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuXG5pbXBvcnQge2NsYXNzTGlzdH0gZnJvbSAnLi4vY29tbW9uL2l0ZW0tc2VsZWN0b3IvZHJvcGRvd24tbGlzdCc7XG5cbmV4cG9ydCB0eXBlIEVmZmVjdFR5cGVEcm9wZG93bkxpc3RJdGVtID0ge1xuICB0eXBlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBFZmZlY3RUeXBlRHJvcGRvd25MaXN0UHJvcHMgPSB7XG4gIG9uT3B0aW9uU2VsZWN0ZWQ6IChzdHJpbmcpID0+IHZvaWQ7XG4gIG9wdGlvbnM6IEVmZmVjdFR5cGVEcm9wZG93bkxpc3RJdGVtW107XG4gIHNlbGVjdGVkSXRlbXM6IEVmZmVjdFR5cGVEcm9wZG93bkxpc3RJdGVtW107XG4gIHNlbGVjdGlvbkluZGV4OiBudW1iZXI7XG4gIGN1c3RvbUxpc3RJdGVtQ29tcG9uZW50OiBSZWFjdC5GQzx7dmFsdWU6IEVmZmVjdFR5cGVEcm9wZG93bkxpc3RJdGVtOyBpc1RpbGU/OiBib29sZWFufT47XG59O1xuXG5jb25zdCBEcm9wZG93bkxpc3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3R9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmRyb3Bkb3duTGlzdEJnZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIHBhZGRpbmc6IDI0cHggMCAxMnB4IDA7XG4gIG1heC1oZWlnaHQ6IDQzMHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDBweCA0cHggOHB4IDRweDtcblxuICAmLmRpc2FibGVkIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwLjM7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgLmVmZmVjdC10eXBlLXNlbGVjdG9yX19pdGVtX19sYWJlbCB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5lZmZlY3RQYW5lbFRleHRNYWlufTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBmdW5jdGlvbiBFZmZlY3RUeXBlRHJvcGRvd25MaXN0RmFjdG9yeSgpIHtcbiAgY29uc3QgRWZmZWN0VHlwZURyb3Bkb3duTGlzdDogUmVhY3QuRkM8RWZmZWN0VHlwZURyb3Bkb3duTGlzdFByb3BzPiA9ICh7XG4gICAgb25PcHRpb25TZWxlY3RlZCxcbiAgICBvcHRpb25zLFxuICAgIHNlbGVjdGVkSXRlbXMsXG4gICAgc2VsZWN0aW9uSW5kZXgsXG4gICAgY3VzdG9tTGlzdEl0ZW1Db21wb25lbnRcbiAgfTogRWZmZWN0VHlwZURyb3Bkb3duTGlzdFByb3BzKSA9PiB7XG4gICAgY29uc3Qgb25TZWxlY3RPcHRpb24gPSB1c2VDYWxsYmFjayhcbiAgICAgIChlLCB2YWx1ZSkgPT4ge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIG9uT3B0aW9uU2VsZWN0ZWQodmFsdWUpO1xuICAgICAgfSxcbiAgICAgIFtvbk9wdGlvblNlbGVjdGVkXVxuICAgICk7XG5cbiAgICBjb25zdCBMaXN0SXRlbUNvbXBvbmVudCA9IGN1c3RvbUxpc3RJdGVtQ29tcG9uZW50O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxEcm9wZG93bkxpc3RXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NMaXN0Lmxpc3R9PlxuICAgICAgICB7b3B0aW9ucy5tYXAoKHZhbHVlLCBpKSA9PiAoXG4gICAgICAgICAgPFN0eWxlZERyb3Bkb3duTGlzdEl0ZW1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcygnZWZmZWN0LXR5cGUtc2VsZWN0b3JfX2l0ZW0nLCB7XG4gICAgICAgICAgICAgIHNlbGVjdGVkOiBzZWxlY3RlZEl0ZW1zLmZpbmQoaXQgPT4gaXQudHlwZSA9PT0gdmFsdWUudHlwZSksXG4gICAgICAgICAgICAgIGhvdmVyOiBzZWxlY3Rpb25JbmRleCA9PT0gaSxcbiAgICAgICAgICAgICAgZGlzYWJsZWQ6IHZhbHVlLmRpc2FibGVkXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIGtleT17YCR7dmFsdWUudHlwZX1fJHtpfWB9XG4gICAgICAgICAgICBvbk1vdXNlRG93bj17ZSA9PiBvblNlbGVjdE9wdGlvbihlLCB2YWx1ZSl9XG4gICAgICAgICAgICBvbkNsaWNrPXtlID0+IG9uU2VsZWN0T3B0aW9uKGUsIHZhbHVlKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TGlzdEl0ZW1Db21wb25lbnQgdmFsdWU9e3ZhbHVlfSBpc1RpbGUgLz5cbiAgICAgICAgICA8L1N0eWxlZERyb3Bkb3duTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9Ecm9wZG93bkxpc3RXcmFwcGVyPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIEVmZmVjdFR5cGVEcm9wZG93bkxpc3Q7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEVmZmVjdFR5cGVEcm9wZG93bkxpc3RGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLFdBQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUVBLElBQUFJLGFBQUEsR0FBQUosT0FBQTtBQUFnRSxJQUFBSyxlQUFBLEVBQUFDLGdCQUFBLEVBUGhFO0FBQ0E7QUFBQSxTQUFBQyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQVQsd0JBQUFTLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUksR0FBQSxDQUFBUCxDQUFBLE9BQUFRLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUFDLE1BQUEsQ0FBQUMsY0FBQSxJQUFBRCxNQUFBLENBQUFFLHdCQUFBLFdBQUFDLENBQUEsSUFBQWQsQ0FBQSxvQkFBQWMsQ0FBQSxPQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQWhCLENBQUEsRUFBQWMsQ0FBQSxTQUFBRyxDQUFBLEdBQUFQLENBQUEsR0FBQUMsTUFBQSxDQUFBRSx3QkFBQSxDQUFBYixDQUFBLEVBQUFjLENBQUEsVUFBQUcsQ0FBQSxLQUFBQSxDQUFBLENBQUFWLEdBQUEsSUFBQVUsQ0FBQSxDQUFBQyxHQUFBLElBQUFQLE1BQUEsQ0FBQUMsY0FBQSxDQUFBSixDQUFBLEVBQUFNLENBQUEsRUFBQUcsQ0FBQSxJQUFBVCxDQUFBLENBQUFNLENBQUEsSUFBQWQsQ0FBQSxDQUFBYyxDQUFBLFlBQUFOLENBQUEsY0FBQVIsQ0FBQSxFQUFBRyxDQUFBLElBQUFBLENBQUEsQ0FBQWUsR0FBQSxDQUFBbEIsQ0FBQSxFQUFBUSxDQUFBLEdBQUFBLENBQUE7QUFzQkEsSUFBTVcsbUJBQW1CLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQXhCLGVBQUEsS0FBQUEsZUFBQSxPQUFBeUIsdUJBQUEsdU1BQ2xDLFVBQUFDLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0MsWUFBWTtBQUFBLEdBQ2YsVUFBQUYsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRSxlQUFlO0FBQUEsRUFPekQ7QUFFRCxJQUFNQyxzQkFBc0IsR0FBR1AsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBdkIsZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQXdCLHVCQUFBLHVPQVcxQixVQUFBQyxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNJLG1CQUFtQjtBQUFBLEVBR3REO0FBRU0sU0FBU0MsNkJBQTZCQSxDQUFBLEVBQUc7RUFDOUMsSUFBTUMsc0JBQTZELEdBQUcsU0FBaEVBLHNCQUE2REEsQ0FBQUMsSUFBQSxFQU1oQztJQUFBLElBTGpDQyxnQkFBZ0IsR0FBQUQsSUFBQSxDQUFoQkMsZ0JBQWdCO01BQ2hCQyxPQUFPLEdBQUFGLElBQUEsQ0FBUEUsT0FBTztNQUNQQyxhQUFhLEdBQUFILElBQUEsQ0FBYkcsYUFBYTtNQUNiQyxjQUFjLEdBQUFKLElBQUEsQ0FBZEksY0FBYztNQUNkQyx1QkFBdUIsR0FBQUwsSUFBQSxDQUF2QkssdUJBQXVCO0lBRXZCLElBQU1DLGNBQWMsR0FBRyxJQUFBQyxrQkFBVyxFQUNoQyxVQUFDdEMsQ0FBQyxFQUFFdUMsS0FBSyxFQUFLO01BQ1p2QyxDQUFDLENBQUN3QyxjQUFjLENBQUMsQ0FBQztNQUNsQlIsZ0JBQWdCLENBQUNPLEtBQUssQ0FBQztJQUN6QixDQUFDLEVBQ0QsQ0FBQ1AsZ0JBQWdCLENBQ25CLENBQUM7SUFFRCxJQUFNUyxpQkFBaUIsR0FBR0wsdUJBQXVCO0lBRWpELG9CQUNFOUMsTUFBQSxZQUFBb0QsYUFBQSxDQUFDdkIsbUJBQW1CO01BQUN3QixTQUFTLEVBQUVDLHVCQUFTLENBQUNDO0lBQUssR0FDNUNaLE9BQU8sQ0FBQ2EsR0FBRyxDQUFDLFVBQUNQLEtBQUssRUFBRXRCLENBQUM7TUFBQSxvQkFDcEIzQixNQUFBLFlBQUFvRCxhQUFBLENBQUNmLHNCQUFzQjtRQUNyQmdCLFNBQVMsRUFBRSxJQUFBSSxzQkFBVSxFQUFDLDRCQUE0QixFQUFFO1VBQ2xEQyxRQUFRLEVBQUVkLGFBQWEsQ0FBQ2UsSUFBSSxDQUFDLFVBQUFDLEVBQUU7WUFBQSxPQUFJQSxFQUFFLENBQUNDLElBQUksS0FBS1osS0FBSyxDQUFDWSxJQUFJO1VBQUEsRUFBQztVQUMxREMsS0FBSyxFQUFFakIsY0FBYyxLQUFLbEIsQ0FBQztVQUMzQm9DLFFBQVEsRUFBRWQsS0FBSyxDQUFDYztRQUNsQixDQUFDLENBQUU7UUFDSEMsR0FBRyxLQUFBQyxNQUFBLENBQUtoQixLQUFLLENBQUNZLElBQUksT0FBQUksTUFBQSxDQUFJdEMsQ0FBQyxDQUFHO1FBQzFCdUMsV0FBVyxFQUFFLFNBQWJBLFdBQVdBLENBQUV4RCxDQUFDO1VBQUEsT0FBSXFDLGNBQWMsQ0FBQ3JDLENBQUMsRUFBRXVDLEtBQUssQ0FBQztRQUFBLENBQUM7UUFDM0NrQixPQUFPLEVBQUUsU0FBVEEsT0FBT0EsQ0FBRXpELENBQUM7VUFBQSxPQUFJcUMsY0FBYyxDQUFDckMsQ0FBQyxFQUFFdUMsS0FBSyxDQUFDO1FBQUE7TUFBQyxnQkFFdkNqRCxNQUFBLFlBQUFvRCxhQUFBLENBQUNELGlCQUFpQjtRQUFDRixLQUFLLEVBQUVBLEtBQU07UUFBQ21CLE1BQU07TUFBQSxDQUFFLENBQ25CLENBQUM7SUFBQSxDQUMxQixDQUNrQixDQUFDO0VBRTFCLENBQUM7RUFFRCxPQUFPNUIsc0JBQXNCO0FBQy9CO0FBQUMsSUFBQTZCLFFBQUEsR0FBQUMsT0FBQSxjQUVjL0IsNkJBQTZCIiwiaWdub3JlTGlzdCI6W119