kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
50 lines (37 loc) • 6.1 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 _defaultSettings = require("../../constants/default-settings");
var _templateObject;
function FieldTokenFactory(fieldTypeDisplay, fieldColors) {
var FieldTag = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n background-color: rgba(", ", 0.2);\n border-radius: 2px;\n border: 1px solid rgb(", ");\n color: rgb(", ");\n display: inline-block;\n font-size: 10px;\n font-weight: 400;\n padding: 0 5px;\n text-align: center;\n width: 40px;\n line-height: 20px;\n "])), function (props) {
return props.color;
}, function (props) {
return props.color;
}, function (props) {
return props.color;
});
var FieldToken = function FieldToken(_ref) {
var type = _ref.type;
return /*#__PURE__*/_react["default"].createElement(FieldTag, {
color: fieldTypeDisplay[type] && fieldTypeDisplay[type].color || fieldColors["default"]
}, fieldTypeDisplay[type].label);
};
return FieldToken;
}
function getFieldTypes() {
return _defaultSettings.FILED_TYPE_DISPLAY;
}
function getFieldColors() {
return _defaultSettings.FIELD_COLORS;
}
FieldTokenFactory.deps = [getFieldTypes, getFieldColors];
var _default = FieldTokenFactory;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9maWVsZC10b2tlbi5qcyJdLCJuYW1lcyI6WyJGaWVsZFRva2VuRmFjdG9yeSIsImZpZWxkVHlwZURpc3BsYXkiLCJmaWVsZENvbG9ycyIsIkZpZWxkVGFnIiwic3R5bGVkIiwiZGl2IiwicHJvcHMiLCJjb2xvciIsIkZpZWxkVG9rZW4iLCJ0eXBlIiwibGFiZWwiLCJnZXRGaWVsZFR5cGVzIiwiRklMRURfVFlQRV9ESVNQTEFZIiwiZ2V0RmllbGRDb2xvcnMiLCJGSUVMRF9DT0xPUlMiLCJkZXBzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7OztBQUNBLFNBQVNBLGlCQUFULENBQTJCQyxnQkFBM0IsRUFBNkNDLFdBQTdDLEVBQTBEO0FBQ3hELE1BQU1DLFFBQVEsR0FBR0MsNkJBQU9DLEdBQVYsc1hBQ2EsVUFBQUMsS0FBSztBQUFBLFdBQUlBLEtBQUssQ0FBQ0MsS0FBVjtBQUFBLEdBRGxCLEVBR1ksVUFBQUQsS0FBSztBQUFBLFdBQUlBLEtBQUssQ0FBQ0MsS0FBVjtBQUFBLEdBSGpCLEVBSUMsVUFBQUQsS0FBSztBQUFBLFdBQUlBLEtBQUssQ0FBQ0MsS0FBVjtBQUFBLEdBSk4sQ0FBZDs7QUFjQSxNQUFNQyxVQUFVLEdBQUcsU0FBYkEsVUFBYTtBQUFBLFFBQUVDLElBQUYsUUFBRUEsSUFBRjtBQUFBLHdCQUNqQixnQ0FBQyxRQUFEO0FBQ0UsTUFBQSxLQUFLLEVBQUdSLGdCQUFnQixDQUFDUSxJQUFELENBQWhCLElBQTBCUixnQkFBZ0IsQ0FBQ1EsSUFBRCxDQUFoQixDQUF1QkYsS0FBbEQsSUFBNERMLFdBQVc7QUFEaEYsT0FHR0QsZ0JBQWdCLENBQUNRLElBQUQsQ0FBaEIsQ0FBdUJDLEtBSDFCLENBRGlCO0FBQUEsR0FBbkI7O0FBT0EsU0FBT0YsVUFBUDtBQUNEOztBQUVELFNBQVNHLGFBQVQsR0FBeUI7QUFDdkIsU0FBT0MsbUNBQVA7QUFDRDs7QUFFRCxTQUFTQyxjQUFULEdBQTBCO0FBQ3hCLFNBQU9DLDZCQUFQO0FBQ0Q7O0FBQ0RkLGlCQUFpQixDQUFDZSxJQUFsQixHQUF5QixDQUFDSixhQUFELEVBQWdCRSxjQUFoQixDQUF6QjtlQUNlYixpQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMSBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7RklMRURfVFlQRV9ESVNQTEFZLCBGSUVMRF9DT0xPUlN9IGZyb20gJ2NvbnN0YW50cy9kZWZhdWx0LXNldHRpbmdzJztcbmZ1bmN0aW9uIEZpZWxkVG9rZW5GYWN0b3J5KGZpZWxkVHlwZURpc3BsYXksIGZpZWxkQ29sb3JzKSB7XG4gIGNvbnN0IEZpZWxkVGFnID0gc3R5bGVkLmRpdmBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKCR7cHJvcHMgPT4gcHJvcHMuY29sb3J9LCAwLjIpO1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2IoJHtwcm9wcyA9PiBwcm9wcy5jb2xvcn0pO1xuICAgIGNvbG9yOiByZ2IoJHtwcm9wcyA9PiBwcm9wcy5jb2xvcn0pO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBwYWRkaW5nOiAwIDVweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gIGA7XG5cbiAgY29uc3QgRmllbGRUb2tlbiA9ICh7dHlwZX0pID0+IChcbiAgICA8RmllbGRUYWdcbiAgICAgIGNvbG9yPXsoZmllbGRUeXBlRGlzcGxheVt0eXBlXSAmJiBmaWVsZFR5cGVEaXNwbGF5W3R5cGVdLmNvbG9yKSB8fCBmaWVsZENvbG9ycy5kZWZhdWx0fVxuICAgID5cbiAgICAgIHtmaWVsZFR5cGVEaXNwbGF5W3R5cGVdLmxhYmVsfVxuICAgIDwvRmllbGRUYWc+XG4gICk7XG4gIHJldHVybiBGaWVsZFRva2VuO1xufVxuXG5mdW5jdGlvbiBnZXRGaWVsZFR5cGVzKCkge1xuICByZXR1cm4gRklMRURfVFlQRV9ESVNQTEFZO1xufVxuXG5mdW5jdGlvbiBnZXRGaWVsZENvbG9ycygpIHtcbiAgcmV0dXJuIEZJRUxEX0NPTE9SUztcbn1cbkZpZWxkVG9rZW5GYWN0b3J5LmRlcHMgPSBbZ2V0RmllbGRUeXBlcywgZ2V0RmllbGRDb2xvcnNdO1xuZXhwb3J0IGRlZmF1bHQgRmllbGRUb2tlbkZhY3Rvcnk7XG4iXX0=