UNPKG

kepler.gl.geoiq

Version:

kepler.gl is a webgl based application to visualize large scale location data in the browser

81 lines (63 loc) 9.43 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral")); var _react = _interopRequireDefault(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _styledComponents = _interopRequireDefault(require("styled-components")); var _infoHelper = _interopRequireDefault(require("../../common/info-helper")); var _switch = _interopRequireDefault(require("../../common/switch")); var _styledComponents2 = require("../../common/styled-components"); var _utils = require("../../../utils/utils"); function _templateObject() { var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n justify-content: space-between;\n \n .vis-config-switch__title {\n display: flex;\n }\n"]); _templateObject = function _templateObject() { return data; }; return data; } var propTypes = { layer: _propTypes["default"].object.isRequired, property: _propTypes["default"].string.isRequired, onChange: _propTypes["default"].func.isRequired, label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].bool, _propTypes["default"].func]), description: _propTypes["default"].string, disabled: _propTypes["default"].bool }; var StyledVisConfigSwitch = _styledComponents["default"].div(_templateObject()); var VisConfigSwitch = function VisConfigSwitch(_ref) { var _ref$layer = _ref.layer, id = _ref$layer.id, config = _ref$layer.config, property = _ref.property, _onChange2 = _ref.onChange, label = _ref.label, description = _ref.description, disabled = _ref.disabled; return _react["default"].createElement(_styledComponents2.SidePanelSection, { disabled: Boolean(disabled) }, _react["default"].createElement(StyledVisConfigSwitch, { className: "vis-config-switch" }, _react["default"].createElement("div", { className: "vis-config-switch__title" }, label ? _react["default"].createElement(_styledComponents2.PanelLabel, null, label || (0, _utils.capitalizeFirstLetter)(property)) : null, description ? _react["default"].createElement("div", null, _react["default"].createElement(_infoHelper["default"], { description: description, id: "".concat(id, "-").concat(property) })) : null), _react["default"].createElement("div", { className: "vis-config-switch__switch" }, _react["default"].createElement(_switch["default"], { checked: config.visConfig[property], id: "".concat(id, "-").concat(property), onChange: function onChange() { return _onChange2((0, _defineProperty2["default"])({}, property, !config.visConfig[property])); } })))); }; VisConfigSwitch.propTypes = propTypes; var _default = VisConfigSwitch; exports["default"] = _default; //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvd2lkZ2V0LXBhbmVsL3Zpcy1jb25maWctc3dpdGNoLmpzIl0sIm5hbWVzIjpbInByb3BUeXBlcyIsImxheWVyIiwiUHJvcFR5cGVzIiwib2JqZWN0IiwiaXNSZXF1aXJlZCIsInByb3BlcnR5Iiwic3RyaW5nIiwib25DaGFuZ2UiLCJmdW5jIiwibGFiZWwiLCJvbmVPZlR5cGUiLCJib29sIiwiZGVzY3JpcHRpb24iLCJkaXNhYmxlZCIsIlN0eWxlZFZpc0NvbmZpZ1N3aXRjaCIsInN0eWxlZCIsImRpdiIsIlZpc0NvbmZpZ1N3aXRjaCIsImlkIiwiY29uZmlnIiwiQm9vbGVhbiIsInZpc0NvbmZpZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7Ozs7O0FBRUEsSUFBTUEsU0FBUyxHQUFHO0FBQ2hCQyxFQUFBQSxLQUFLLEVBQUVDLHNCQUFVQyxNQUFWLENBQWlCQyxVQURSO0FBRWhCQyxFQUFBQSxRQUFRLEVBQUVILHNCQUFVSSxNQUFWLENBQWlCRixVQUZYO0FBR2hCRyxFQUFBQSxRQUFRLEVBQUVMLHNCQUFVTSxJQUFWLENBQWVKLFVBSFQ7QUFJaEJLLEVBQUFBLEtBQUssRUFBRVAsc0JBQVVRLFNBQVYsQ0FBb0IsQ0FDekJSLHNCQUFVSSxNQURlLEVBRXpCSixzQkFBVVMsSUFGZSxFQUd6QlQsc0JBQVVNLElBSGUsQ0FBcEIsQ0FKUztBQVNoQkksRUFBQUEsV0FBVyxFQUFFVixzQkFBVUksTUFUUDtBQVVoQk8sRUFBQUEsUUFBUSxFQUFFWCxzQkFBVVM7QUFWSixDQUFsQjs7QUFhQSxJQUFNRyxxQkFBcUIsR0FBR0MsNkJBQU9DLEdBQVYsbUJBQTNCOztBQVNBLElBQU1DLGVBQWUsR0FBRyxTQUFsQkEsZUFBa0I7QUFBQSx3QkFDdEJoQixLQURzQjtBQUFBLE1BQ2RpQixFQURjLGNBQ2RBLEVBRGM7QUFBQSxNQUNWQyxNQURVLGNBQ1ZBLE1BRFU7QUFBQSxNQUV0QmQsUUFGc0IsUUFFdEJBLFFBRnNCO0FBQUEsTUFHdEJFLFVBSHNCLFFBR3RCQSxRQUhzQjtBQUFBLE1BSXRCRSxLQUpzQixRQUl0QkEsS0FKc0I7QUFBQSxNQUt0QkcsV0FMc0IsUUFLdEJBLFdBTHNCO0FBQUEsTUFNdEJDLFFBTnNCLFFBTXRCQSxRQU5zQjtBQUFBLFNBUXRCLGdDQUFDLG1DQUFEO0FBQWtCLElBQUEsUUFBUSxFQUFFTyxPQUFPLENBQUNQLFFBQUQ7QUFBbkMsS0FDRSxnQ0FBQyxxQkFBRDtBQUF1QixJQUFBLFNBQVMsRUFBQztBQUFqQyxLQUNFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixLQUNHSixLQUFLLEdBQUcsZ0NBQUMsNkJBQUQsUUFBYUEsS0FBSyxJQUFJLGtDQUFzQkosUUFBdEIsQ0FBdEIsQ0FBSCxHQUF5RSxJQURqRixFQUVHTyxXQUFXLEdBQ1YsNkNBQ0UsZ0NBQUMsc0JBQUQ7QUFBWSxJQUFBLFdBQVcsRUFBRUEsV0FBekI7QUFBc0MsSUFBQSxFQUFFLFlBQUtNLEVBQUwsY0FBV2IsUUFBWDtBQUF4QyxJQURGLENBRFUsR0FJUixJQU5OLENBREYsRUFTRTtBQUFLLElBQUEsU0FBUyxFQUFDO0FBQWYsS0FDRSxnQ0FBQyxrQkFBRDtBQUNFLElBQUEsT0FBTyxFQUFFYyxNQUFNLENBQUNFLFNBQVAsQ0FBaUJoQixRQUFqQixDQURYO0FBRUUsSUFBQSxFQUFFLFlBQUthLEVBQUwsY0FBV2IsUUFBWCxDQUZKO0FBR0UsSUFBQSxRQUFRLEVBQUU7QUFBQSxhQUFNRSxVQUFRLHNDQUFHRixRQUFILEVBQWMsQ0FBQ2MsTUFBTSxDQUFDRSxTQUFQLENBQWlCaEIsUUFBakIsQ0FBZixFQUFkO0FBQUE7QUFIWixJQURGLENBVEYsQ0FERixDQVJzQjtBQUFBLENBQXhCOztBQTZCQVksZUFBZSxDQUFDakIsU0FBaEIsR0FBNEJBLFNBQTVCO2VBRWVpQixlIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDE5IFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBJbmZvSGVscGVyIGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL2luZm8taGVscGVyJztcbmltcG9ydCBTd2l0Y2ggZnJvbSAnY29tcG9uZW50cy9jb21tb24vc3dpdGNoJztcbmltcG9ydCB7U2lkZVBhbmVsU2VjdGlvbiwgUGFuZWxMYWJlbH0gZnJvbSAnY29tcG9uZW50cy9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtjYXBpdGFsaXplRmlyc3RMZXR0ZXJ9IGZyb20gJ3V0aWxzL3V0aWxzJztcblxuY29uc3QgcHJvcFR5cGVzID0ge1xuICBsYXllcjogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBwcm9wZXJ0eTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbGFiZWw6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgIFByb3BUeXBlcy5zdHJpbmcsXG4gICAgUHJvcFR5cGVzLmJvb2wsXG4gICAgUHJvcFR5cGVzLmZ1bmNcbiAgXSksXG4gIGRlc2NyaXB0aW9uOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2xcbn07XG5cbmNvbnN0IFN0eWxlZFZpc0NvbmZpZ1N3aXRjaCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgXG4gIC52aXMtY29uZmlnLXN3aXRjaF9fdGl0bGUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbmA7XG5cbmNvbnN0IFZpc0NvbmZpZ1N3aXRjaCA9ICh7XG4gIGxheWVyOiB7aWQsIGNvbmZpZ30sXG4gIHByb3BlcnR5LFxuICBvbkNoYW5nZSxcbiAgbGFiZWwsXG4gIGRlc2NyaXB0aW9uLFxuICBkaXNhYmxlZFxufSkgPT4gKFxuICA8U2lkZVBhbmVsU2VjdGlvbiBkaXNhYmxlZD17Qm9vbGVhbihkaXNhYmxlZCl9PlxuICAgIDxTdHlsZWRWaXNDb25maWdTd2l0Y2ggY2xhc3NOYW1lPVwidmlzLWNvbmZpZy1zd2l0Y2hcIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwidmlzLWNvbmZpZy1zd2l0Y2hfX3RpdGxlXCI+XG4gICAgICAgIHtsYWJlbCA/IDxQYW5lbExhYmVsPntsYWJlbCB8fCBjYXBpdGFsaXplRmlyc3RMZXR0ZXIocHJvcGVydHkpfTwvUGFuZWxMYWJlbD4gOiBudWxsfVxuICAgICAgICB7ZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxJbmZvSGVscGVyIGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0gaWQ9e2Ake2lkfS0ke3Byb3BlcnR5fWB9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInZpcy1jb25maWctc3dpdGNoX19zd2l0Y2hcIj5cbiAgICAgICAgPFN3aXRjaFxuICAgICAgICAgIGNoZWNrZWQ9e2NvbmZpZy52aXNDb25maWdbcHJvcGVydHldfVxuICAgICAgICAgIGlkPXtgJHtpZH0tJHtwcm9wZXJ0eX1gfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiBvbkNoYW5nZSh7W3Byb3BlcnR5XTogIWNvbmZpZy52aXNDb25maWdbcHJvcGVydHldfSl9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L1N0eWxlZFZpc0NvbmZpZ1N3aXRjaD5cbiAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuKTtcblxuVmlzQ29uZmlnU3dpdGNoLnByb3BUeXBlcyA9IHByb3BUeXBlcztcblxuZXhwb3J0IGRlZmF1bHQgVmlzQ29uZmlnU3dpdGNoO1xuIl19