kepler.gl.geoiq
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
68 lines (54 loc) • 9.91 kB
JavaScript
;
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 _styledComponents = _interopRequireDefault(require("styled-components"));
var _classnames = _interopRequireDefault(require("classnames"));
var _icons = require("../../common/icons");
var _panelHeaderAction = _interopRequireDefault(require("../panel-header-action"));
var _styledComponents2 = require("../../common/styled-components");
var _templateObject;
var StyledMapDropdown = (0, _styledComponents["default"])(_styledComponents2.StyledPanelHeader)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n height: 48px;\n margin-bottom: 5px;\n opacity: 1;\n position: relative;\n transition: opacity 0.05s ease-in, height 0.25s ease-out;\n\n &.collapsed {\n height: 0;\n margin-bottom: 0;\n opacity: 0;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n }\n\n .map-title-block img {\n margin-right: 12px;\n }\n\n .map-preview {\n border-radius: 3px;\n height: 30px;\n width: 40px;\n }\n"])), function (props) {
return props.theme.panelBackgroundHover;
});
function MapStyleSelectorFactory() {
var MapStyleSelector = function MapStyleSelector(_ref) {
var mapStyle = _ref.mapStyle,
onChange = _ref.onChange,
toggleActive = _ref.toggleActive,
isSelecting = _ref.isSelecting;
return (/*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, "Map style"), Object.keys(mapStyle.mapStyles).map(function (op) {
return (/*#__PURE__*/_react["default"].createElement(StyledMapDropdown, {
className: (0, _classnames["default"])('map-dropdown-option', {
collapsed: !isSelecting && mapStyle.styleType !== op
}),
key: op,
onClick: isSelecting ? function () {
return onChange(op);
} : toggleActive
}, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelHeaderContent, {
className: "map-title-block"
}, /*#__PURE__*/_react["default"].createElement("img", {
className: "map-preview",
src: mapStyle.mapStyles[op].icon
}), /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelHeaderTitle, {
className: "map-preview-name"
}, mapStyle.mapStyles[op].label)), !isSelecting ? /*#__PURE__*/_react["default"].createElement(_panelHeaderAction["default"], {
className: "map-dropdown-option__enable-config",
id: "map-enable-config",
IconComponent: _icons.ArrowDown,
tooltip: 'Select Base Map Style',
onClick: toggleActive
}) : null)
);
}))
);
};
return MapStyleSelector;
}
var _default = exports["default"] = MapStyleSelectorFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbWFwLXN0eWxlLXBhbmVsL21hcC1zdHlsZS1zZWxlY3Rvci5qcyJdLCJuYW1lcyI6WyJTdHlsZWRNYXBEcm9wZG93biIsIlN0eWxlZFBhbmVsSGVhZGVyIiwicHJvcHMiLCJ0aGVtZSIsInBhbmVsQmFja2dyb3VuZEhvdmVyIiwiTWFwU3R5bGVTZWxlY3RvckZhY3RvcnkiLCJNYXBTdHlsZVNlbGVjdG9yIiwibWFwU3R5bGUiLCJvbkNoYW5nZSIsInRvZ2dsZUFjdGl2ZSIsImlzU2VsZWN0aW5nIiwiT2JqZWN0Iiwia2V5cyIsIm1hcFN0eWxlcyIsIm1hcCIsIm9wIiwiY29sbGFwc2VkIiwic3R5bGVUeXBlIiwiaWNvbiIsImxhYmVsIiwiQXJyb3dEb3duIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQTs7OztBQU9BLElBQU1BLGlCQUFpQixHQUFHLGtDQUFPQyxvQ0FBUCxDQUFILDJnQkFlQyxVQUFBQyxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlDLG9CQUFoQjtBQUFBLENBZk4sQ0FBdkI7O0FBNkJBLFNBQVNDLHVCQUFULEdBQW1DO0FBQ2pDLE1BQU1DLGdCQUFnQixHQUFHLFNBQW5CQSxnQkFBbUI7QUFBQSxRQUN2QkMsUUFEdUIsUUFDdkJBLFFBRHVCO0FBQUEsUUFFdkJDLFFBRnVCLFFBRXZCQSxRQUZ1QjtBQUFBLFFBR3ZCQyxZQUh1QixRQUd2QkEsWUFIdUI7QUFBQSxRQUl2QkMsV0FKdUIsUUFJdkJBLFdBSnVCO0FBQUEseUJBTXZCLDBEQUNFLGdDQUFDLDZCQUFELG9CQURGLEVBRUdDLE1BQU0sQ0FBQ0MsSUFBUCxDQUFZTCxRQUFRLENBQUNNLFNBQXJCLEVBQWdDQyxHQUFoQyxDQUFvQyxVQUFBQyxFQUFFO0FBQUEsNkJBQ3JDLGdDQUFDLGlCQUFEO0FBQ0UsWUFBQSxTQUFTLEVBQUUsNEJBQVcscUJBQVgsRUFBa0M7QUFDM0NDLGNBQUFBLFNBQVMsRUFBRSxDQUFDTixXQUFELElBQWdCSCxRQUFRLENBQUNVLFNBQVQsS0FBdUJGO0FBRFAsYUFBbEMsQ0FEYjtBQUlFLFlBQUEsR0FBRyxFQUFFQSxFQUpQO0FBS0UsWUFBQSxPQUFPLEVBQUVMLFdBQVcsR0FBRztBQUFBLHFCQUFNRixRQUFRLENBQUNPLEVBQUQsQ0FBZDtBQUFBLGFBQUgsR0FBd0JOO0FBTDlDLDBCQU9FLGdDQUFDLHFDQUFEO0FBQW9CLFlBQUEsU0FBUyxFQUFDO0FBQTlCLDBCQUNFO0FBQUssWUFBQSxTQUFTLEVBQUMsYUFBZjtBQUE2QixZQUFBLEdBQUcsRUFBRUYsUUFBUSxDQUFDTSxTQUFULENBQW1CRSxFQUFuQixFQUF1Qkc7QUFBekQsWUFERixlQUVFLGdDQUFDLG1DQUFEO0FBQWtCLFlBQUEsU0FBUyxFQUFDO0FBQTVCLGFBQ0dYLFFBQVEsQ0FBQ00sU0FBVCxDQUFtQkUsRUFBbkIsRUFBdUJJLEtBRDFCLENBRkYsQ0FQRixFQWFHLENBQUNULFdBQUQsZ0JBQ0MsZ0NBQUMsNkJBQUQ7QUFDRSxZQUFBLFNBQVMsRUFBQyxvQ0FEWjtBQUVFLFlBQUEsRUFBRSxFQUFDLG1CQUZMO0FBR0UsWUFBQSxhQUFhLEVBQUVVLGdCQUhqQjtBQUlFLFlBQUEsT0FBTyxFQUFFLHVCQUpYO0FBS0UsWUFBQSxPQUFPLEVBQUVYO0FBTFgsWUFERCxHQVFHLElBckJOO0FBRHFDO0FBQUEsT0FBdEMsQ0FGSDtBQU51QjtBQUFBLEdBQXpCOztBQW9DQSxTQUFPSCxnQkFBUDtBQUNEOztvQ0FFY0QsdUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjMgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7QXJyb3dEb3dufSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQgUGFuZWxIZWFkZXJBY3Rpb24gZnJvbSAnY29tcG9uZW50cy9zaWRlLXBhbmVsL3BhbmVsLWhlYWRlci1hY3Rpb24nO1xuXG5pbXBvcnQge1xuICBQYW5lbExhYmVsLFxuICBQYW5lbEhlYWRlclRpdGxlLFxuICBQYW5lbEhlYWRlckNvbnRlbnQsXG4gIFN0eWxlZFBhbmVsSGVhZGVyXG59IGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcblxuY29uc3QgU3R5bGVkTWFwRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkUGFuZWxIZWFkZXIpYFxuICBoZWlnaHQ6IDQ4cHg7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbiAgb3BhY2l0eTogMTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMDVzIGVhc2UtaW4sIGhlaWdodCAwLjI1cyBlYXNlLW91dDtcblxuICAmLmNvbGxhcHNlZCB7XG4gICAgaGVpZ2h0OiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIDpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuICB9XG5cbiAgLm1hcC10aXRsZS1ibG9jayBpbWcge1xuICAgIG1hcmdpbi1yaWdodDogMTJweDtcbiAgfVxuXG4gIC5tYXAtcHJldmlldyB7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGhlaWdodDogMzBweDtcbiAgICB3aWR0aDogNDBweDtcbiAgfVxuYDtcblxuZnVuY3Rpb24gTWFwU3R5bGVTZWxlY3RvckZhY3RvcnkoKSB7XG4gIGNvbnN0IE1hcFN0eWxlU2VsZWN0b3IgPSAoe1xuICAgIG1hcFN0eWxlLFxuICAgIG9uQ2hhbmdlLFxuICAgIHRvZ2dsZUFjdGl2ZSxcbiAgICBpc1NlbGVjdGluZ1xuICB9KSA9PiAoXG4gICAgPGRpdj5cbiAgICAgIDxQYW5lbExhYmVsPk1hcCBzdHlsZTwvUGFuZWxMYWJlbD5cbiAgICAgIHtPYmplY3Qua2V5cyhtYXBTdHlsZS5tYXBTdHlsZXMpLm1hcChvcCA9PiAoXG4gICAgICAgIDxTdHlsZWRNYXBEcm9wZG93blxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygnbWFwLWRyb3Bkb3duLW9wdGlvbicsIHtcbiAgICAgICAgICAgIGNvbGxhcHNlZDogIWlzU2VsZWN0aW5nICYmIG1hcFN0eWxlLnN0eWxlVHlwZSAhPT0gb3BcbiAgICAgICAgICB9KX1cbiAgICAgICAgICBrZXk9e29wfVxuICAgICAgICAgIG9uQ2xpY2s9e2lzU2VsZWN0aW5nID8gKCkgPT4gb25DaGFuZ2Uob3ApIDogdG9nZ2xlQWN0aXZlfVxuICAgICAgICA+XG4gICAgICAgICAgPFBhbmVsSGVhZGVyQ29udGVudCBjbGFzc05hbWU9XCJtYXAtdGl0bGUtYmxvY2tcIj5cbiAgICAgICAgICAgIDxpbWcgY2xhc3NOYW1lPVwibWFwLXByZXZpZXdcIiBzcmM9e21hcFN0eWxlLm1hcFN0eWxlc1tvcF0uaWNvbn0gLz5cbiAgICAgICAgICAgIDxQYW5lbEhlYWRlclRpdGxlIGNsYXNzTmFtZT1cIm1hcC1wcmV2aWV3LW5hbWVcIj5cbiAgICAgICAgICAgICAge21hcFN0eWxlLm1hcFN0eWxlc1tvcF0ubGFiZWx9XG4gICAgICAgICAgICA8L1BhbmVsSGVhZGVyVGl0bGU+XG4gICAgICAgICAgPC9QYW5lbEhlYWRlckNvbnRlbnQ+XG4gICAgICAgICAgeyFpc1NlbGVjdGluZyA/IChcbiAgICAgICAgICAgIDxQYW5lbEhlYWRlckFjdGlvblxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJtYXAtZHJvcGRvd24tb3B0aW9uX19lbmFibGUtY29uZmlnXCJcbiAgICAgICAgICAgICAgaWQ9XCJtYXAtZW5hYmxlLWNvbmZpZ1wiXG4gICAgICAgICAgICAgIEljb25Db21wb25lbnQ9e0Fycm93RG93bn1cbiAgICAgICAgICAgICAgdG9vbHRpcD17J1NlbGVjdCBCYXNlIE1hcCBTdHlsZSd9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZUFjdGl2ZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvU3R5bGVkTWFwRHJvcGRvd24+XG4gICAgICApKX1cbiAgICA8L2Rpdj5cbiAgKTtcblxuICByZXR1cm4gTWFwU3R5bGVTZWxlY3Rvcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWFwU3R5bGVTZWxlY3RvckZhY3Rvcnk7XG4iXX0=