kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
61 lines (60 loc) • 8.45 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 _reactIntl = require("react-intl");
var _localization = require("@kepler.gl/localization");
var _styledComponents = require("./styled-components");
var _icons = require("./icons");
var _styledComponents2 = _interopRequireDefault(require("styled-components"));
var _utils = require("@kepler.gl/utils");
var _templateObject; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var StyledInfoHelper = _styledComponents2["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n align-items: center;\n margin-left: 10px;\n color: ", ";\n display: inline-flex;\n .info-helper__content {\n width: ", ";\n max-width: ", ";\n }\n &:hover {\n cursor: pointer;\n color: ", ";\n }\n"])), function (props) {
return props.theme.labelColor;
}, function (props) {
return props.width ? "".concat(props.width, "px") : 'auto';
}, function (props) {
return props.width ? 'auto' : '100px';
}, function (props) {
return props.theme.textColorHl;
});
function InfoHelperFactory() {
var InfoHelper = function InfoHelper(_ref) {
var description = _ref.description,
property = _ref.property,
containerClass = _ref.containerClass,
width = _ref.width,
id = _ref.id;
// TODO: move intl out
var intl = (0, _reactIntl.useIntl)();
return /*#__PURE__*/_react["default"].createElement(StyledInfoHelper, {
className: "info-helper ".concat(containerClass || ''),
width: width,
"data-tip": true,
"data-for": id
}, /*#__PURE__*/_react["default"].createElement(_icons.Docs, {
height: "16px"
}), /*#__PURE__*/_react["default"].createElement(_styledComponents.Tooltip, {
id: id,
effect: "solid"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "info-helper__content"
}, description && /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
id: description,
defaultValue: description,
values: {
property: intl.formatMessage({
id: property ? "property.".concat((0, _utils.camelize)(property)) : 'misc.empty'
})
}
}))));
};
return InfoHelper;
}
var _default = exports["default"] = InfoHelperFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdEludGwiLCJfbG9jYWxpemF0aW9uIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfaWNvbnMiLCJfc3R5bGVkQ29tcG9uZW50czIiLCJfdXRpbHMiLCJfdGVtcGxhdGVPYmplY3QiLCJTdHlsZWRJbmZvSGVscGVyIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsInRoZW1lIiwibGFiZWxDb2xvciIsIndpZHRoIiwiY29uY2F0IiwidGV4dENvbG9ySGwiLCJJbmZvSGVscGVyRmFjdG9yeSIsIkluZm9IZWxwZXIiLCJfcmVmIiwiZGVzY3JpcHRpb24iLCJwcm9wZXJ0eSIsImNvbnRhaW5lckNsYXNzIiwiaWQiLCJpbnRsIiwidXNlSW50bCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJEb2NzIiwiaGVpZ2h0IiwiVG9vbHRpcCIsImVmZmVjdCIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJkZWZhdWx0VmFsdWUiLCJ2YWx1ZXMiLCJmb3JtYXRNZXNzYWdlIiwiY2FtZWxpemUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tbW9uL2luZm8taGVscGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHt1c2VJbnRsfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICcuL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7RG9jc30gZnJvbSAnLi9pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Y2FtZWxpemV9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW5mb0hlbHBlclByb3BzIHtcbiAgd2lkdGg/OiBudW1iZXI7XG59XG5cbmNvbnN0IFN0eWxlZEluZm9IZWxwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEluZm9IZWxwZXJQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYWJlbENvbG9yfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIC5pbmZvLWhlbHBlcl9fY29udGVudCB7XG4gICAgd2lkdGg6ICR7cHJvcHMgPT4gKHByb3BzLndpZHRoID8gYCR7cHJvcHMud2lkdGh9cHhgIDogJ2F1dG8nKX07XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzID0+IChwcm9wcy53aWR0aCA/ICdhdXRvJyA6ICcxMDBweCcpfTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9ySGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgSW5mb0hlbHBlclByb3BzIHtcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgY29udGFpbmVyQ2xhc3M/OiBzdHJpbmc7XG4gIHdpZHRoPzogbnVtYmVyO1xuICBwcm9wZXJ0eT86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIEluZm9IZWxwZXJGYWN0b3J5KCkge1xuICBjb25zdCBJbmZvSGVscGVyID0gKHtkZXNjcmlwdGlvbiwgcHJvcGVydHksIGNvbnRhaW5lckNsYXNzLCB3aWR0aCwgaWR9OiBJbmZvSGVscGVyUHJvcHMpID0+IHtcbiAgICAvLyBUT0RPOiBtb3ZlIGludGwgb3V0XG4gICAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW5mb0hlbHBlclxuICAgICAgICBjbGFzc05hbWU9e2BpbmZvLWhlbHBlciAke2NvbnRhaW5lckNsYXNzIHx8ICcnfWB9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgZGF0YS10aXBcbiAgICAgICAgZGF0YS1mb3I9e2lkfVxuICAgICAgPlxuICAgICAgICA8RG9jcyBoZWlnaHQ9XCIxNnB4XCIgLz5cbiAgICAgICAgPFRvb2x0aXAgaWQ9e2lkfSBlZmZlY3Q9XCJzb2xpZFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaW5mby1oZWxwZXJfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlXG4gICAgICAgICAgICAgICAgaWQ9e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgdmFsdWVzPXt7XG4gICAgICAgICAgICAgICAgICBwcm9wZXJ0eTogaW50bC5mb3JtYXRNZXNzYWdlKHtcbiAgICAgICAgICAgICAgICAgICAgaWQ6IHByb3BlcnR5ID8gYHByb3BlcnR5LiR7Y2FtZWxpemUocHJvcGVydHkpfWAgOiAnbWlzYy5lbXB0eSdcbiAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgIDwvU3R5bGVkSW5mb0hlbHBlcj5cbiAgICApO1xuICB9O1xuICByZXR1cm4gSW5mb0hlbHBlcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgSW5mb0hlbHBlckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFB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