kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
60 lines (59 loc) • 8.67 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getColorMapListItemComponent = exports.ColorMapListItem = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(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 _src = require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/src/layers/src");
var _templateObject; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var StyledColorMapListItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .color-name {\n width: calc(40% - 8px);\n margin-right: 8px;\n color: ", ";\n }\n .color-image {\n width: 60%;\n height: 10px;\n border-radius: 2px;\n background: ", ";\n overflow: hidden;\n display: flex;\n }\n"])), function (props) {
return props.theme.subtextColor;
}, function (props) {
return props.theme.panelContentBackground;
});
var ColorMapImg = function ColorMapImg(_ref) {
var id = _ref.id,
categoricalOptions = _ref.categoricalOptions;
var url = '';
if (id === '_categorical') {
var dataUrl = (0, _src.getCategoricalColormapDataUrl)(categoricalOptions);
if (!dataUrl) {
return null;
}
url = dataUrl;
} else {
url = _src.RasterLayerResources.rasterColorMap(id);
}
return /*#__PURE__*/_react["default"].createElement("img", {
src: url,
style: {
width: '100%',
height: '100%'
}
});
};
var ColorMapListItem = exports.ColorMapListItem = function ColorMapListItem(_ref2) {
var value = _ref2.value,
categoricalOptions = _ref2.categoricalOptions;
return /*#__PURE__*/_react["default"].createElement(StyledColorMapListItem, null, /*#__PURE__*/_react["default"].createElement("div", {
className: "color-name"
}, value === null || value === void 0 ? void 0 : value.label), /*#__PURE__*/_react["default"].createElement("div", {
className: "color-image"
}, /*#__PURE__*/_react["default"].createElement(ColorMapImg, {
id: value === null || value === void 0 ? void 0 : value.id,
categoricalOptions: categoricalOptions
})));
};
var getColorMapListItemComponent = exports.getColorMapListItemComponent = function getColorMapListItemComponent(categoricalOptions) {
return function (props) {
return /*#__PURE__*/_react["default"].createElement(ColorMapListItem, (0, _extends2["default"])({}, props, {
categoricalOptions: categoricalOptions
}));
};
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX3NyYyIsIl90ZW1wbGF0ZU9iamVjdCIsIlN0eWxlZENvbG9yTWFwTGlzdEl0ZW0iLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJzdWJ0ZXh0Q29sb3IiLCJwYW5lbENvbnRlbnRCYWNrZ3JvdW5kIiwiQ29sb3JNYXBJbWciLCJfcmVmIiwiaWQiLCJjYXRlZ29yaWNhbE9wdGlvbnMiLCJ1cmwiLCJkYXRhVXJsIiwiZ2V0Q2F0ZWdvcmljYWxDb2xvcm1hcERhdGFVcmwiLCJSYXN0ZXJMYXllclJlc291cmNlcyIsInJhc3RlckNvbG9yTWFwIiwiY3JlYXRlRWxlbWVudCIsInNyYyIsInN0eWxlIiwid2lkdGgiLCJoZWlnaHQiLCJDb2xvck1hcExpc3RJdGVtIiwiZXhwb3J0cyIsIl9yZWYyIiwidmFsdWUiLCJjbGFzc05hbWUiLCJsYWJlbCIsImdldENvbG9yTWFwTGlzdEl0ZW1Db21wb25lbnQiLCJfZXh0ZW5kczIiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9yYXN0ZXItdGlsZS1jb2xvcm1hcC1saXN0LWl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtnZXRDYXRlZ29yaWNhbENvbG9ybWFwRGF0YVVybCwgUmFzdGVyTGF5ZXJSZXNvdXJjZXN9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB0eXBlIHtDYXRlZ29yaWNhbENvbG9ybWFwT3B0aW9uc30gZnJvbSAnQGtlcGxlci5nbC9sYXllcnMnO1xuXG5jb25zdCBTdHlsZWRDb2xvck1hcExpc3RJdGVtID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gIC5jb2xvci1uYW1lIHtcbiAgICB3aWR0aDogY2FsYyg0MCUgLSA4cHgpO1xuICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnN1YnRleHRDb2xvcn07XG4gIH1cbiAgLmNvbG9yLWltYWdlIHtcbiAgICB3aWR0aDogNjAlO1xuICAgIGhlaWdodDogMTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbENvbnRlbnRCYWNrZ3JvdW5kfTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbmA7XG5cbmNvbnN0IENvbG9yTWFwSW1nOiBSZWFjdC5GQzx7aWQ6IHN0cmluZzsgY2F0ZWdvcmljYWxPcHRpb25zOiBDYXRlZ29yaWNhbENvbG9ybWFwT3B0aW9uc30+ID0gKHtcbiAgaWQsXG4gIGNhdGVnb3JpY2FsT3B0aW9uc1xufSkgPT4ge1xuICBsZXQgdXJsID0gJyc7XG4gIGlmIChpZCA9PT0gJ19jYXRlZ29yaWNhbCcpIHtcbiAgICBjb25zdCBkYXRhVXJsID0gZ2V0Q2F0ZWdvcmljYWxDb2xvcm1hcERhdGFVcmwoY2F0ZWdvcmljYWxPcHRpb25zKTtcbiAgICBpZiAoIWRhdGFVcmwpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICB1cmwgPSBkYXRhVXJsO1xuICB9IGVsc2Uge1xuICAgIHVybCA9IFJhc3RlckxheWVyUmVzb3VyY2VzLnJhc3RlckNvbG9yTWFwKGlkKTtcbiAgfVxuICByZXR1cm4gPGltZyBzcmM9e3VybH0gc3R5bGU9e3t3aWR0aDogJzEwMCUnLCBoZWlnaHQ6ICcxMDAlJ319IC8+O1xufTtcblxuZXhwb3J0IGNvbnN0IENvbG9yTWFwTGlzdEl0ZW06IFJlYWN0LkZDPHtcbiAgdmFsdWU6IHtpZDogc3RyaW5nOyBsYWJlbDogc3RyaW5nfTtcbiAgY2F0ZWdvcmljYWxPcHRpb25zOiBDYXRlZ29yaWNhbENvbG9ybWFwT3B0aW9ucztcbn0+ID0gKHt2YWx1ZSwgY2F0ZWdvcmljYWxPcHRpb25zfSkgPT4gKFxuICA8U3R5bGVkQ29sb3JNYXBMaXN0SXRlbT5cbiAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbG9yLW5hbWVcIj57dmFsdWU/LmxhYmVsfTwvZGl2PlxuICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3ItaW1hZ2VcIj5cbiAgICAgIDxDb2xvck1hcEltZyBpZD17dmFsdWU/LmlkfSBjYXRlZ29yaWNhbE9wdGlvbnM9e2NhdGVnb3JpY2FsT3B0aW9uc30gLz5cbiAgICA8L2Rpdj5cbiAgPC9TdHlsZWRDb2xvck1hcExpc3RJdGVtPlxuKTtcblxuZXhwb3J0IGNvbnN0IGdldENvbG9yTWFwTGlzdEl0ZW1Db21wb25lbnQgPSAoXG4gIGNhdGVnb3JpY2FsT3B0aW9uczogQ2F0ZWdvcmljYWxDb2xvcm1hcE9wdGlvbnNcbik6IFJlYWN0LkZDPHtcbiAgdmFsdWU6IHtpZDogc3RyaW5nOyBsYWJlbDogc3RyaW5nfTtcbn0+ID0+IHtcbiAgcmV0dXJuIChwcm9wczoge3ZhbHVlOiB7aWQ6IHN0cmluZzsgbGFiZWw6IHN0cmluZ319KSA9PiAoXG4gICAgPENvbG9yTWFwTGlzdEl0ZW0gey4uLnByb3BzfSBjYXRlZ29yaWNhbE9wdGlvbnM9e2NhdGVnb3JpY2FsT3B0aW9uc30gLz5cbiAgKTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFD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