kepler.gl.geoiq
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
107 lines (85 loc) • 13.4 kB
JavaScript
"use strict";
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 _propTypes = _interopRequireDefault(require("prop-types"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _switch = _interopRequireDefault(require("../common/switch"));
var _reactJsonPretty = _interopRequireDefault(require("react-json-pretty"));
var _styledComponents2 = require("../common/styled-components");
function _templateObject2() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n"]);
_templateObject2 = function _templateObject2() {
return data;
};
return data;
}
function _templateObject() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: row;\n margin: 35px 0;\n width: 100%;\n justify-content: space-between;\n\n .description {\n width: 185px;\n\n .title {\n font-weight: 500;\n color: ", ";\n font-size: 12px;\n }\n .subtitle {\n color: ", ";\n font-size: 11px;\n }\n\n .note {\n color: ", ";\n font-size: 11px;\n }\n }\n\n .selection {\n padding-left: 50px;\n flex-grow: 1;\n\n .viewer {\n border: 1px solid ", ";\n background-color: white;\n border-radius: 2px;\n display: inline-block;\n font: inherit;\n line-height: 1.5em;\n padding: 0.5em 3.5em 0.5em 1em;\n margin: 0;\n box-sizing: border-box;\n appearance: none;\n height: 300px;\n width: 100%;\n overflow-y: scroll;\n }\n }\n"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
var propTypes = {
config: _propTypes["default"].object.required
};
var StyledExportConfigSection = _styledComponents["default"].div(_templateObject(), function (props) {
return props.theme.textColorLT;
}, function (props) {
return props.theme.textColor;
}, function (props) {
return props.theme.errorColor;
}, function (props) {
return props.theme.selectBorderColorLT;
});
var StyledModalContentInner = _styledComponents["default"].div(_templateObject2());
var ExportConfigModal = function ExportConfigModal(_ref) {
var data = _ref.data,
config = _ref.config,
onChangeExportData = _ref.onChangeExportData;
return _react["default"].createElement("div", {
className: "export-config-modal"
}, _react["default"].createElement(_styledComponents2.StyledModalContent, null, _react["default"].createElement(StyledModalContentInner, {
className: "export-config-modal__inner"
}, _react["default"].createElement(StyledExportConfigSection, null, _react["default"].createElement("div", {
className: "description"
}, _react["default"].createElement("div", {
className: "title"
}, "Current Config"), _react["default"].createElement("div", {
className: "subtitle"
}, "You can copy or export the current Kepler.gl configuration."), _react["default"].createElement("div", {
className: "note"
}, "* kepler.gl map config is coupled with loaded datasets. dataId key is used to bind layers and filters to a specific dataset. If you try to upload a configuration with a specific dataId you also need to make sure you existing dataset id match the dataId/s in the config.")), _react["default"].createElement("div", {
className: "selection"
}, _react["default"].createElement("div", {
className: "viewer"
}, _react["default"].createElement(_reactJsonPretty["default"], {
id: "json-pretty",
json: config
})))), _react["default"].createElement(StyledExportConfigSection, null, _react["default"].createElement("div", {
className: "description"
}, _react["default"].createElement("div", {
className: "title"
}, "Export Current Map"), _react["default"].createElement("div", {
className: "subtitle"
}, "Export current map, including data and config. You can later load the same map by loading this file to kepler.gl.")), _react["default"].createElement("div", {
className: "selection"
}, _react["default"].createElement(_switch["default"], {
type: "checkbox",
id: "export-map-config",
checked: data,
onChange: onChangeExportData
}))))));
};
ExportConfigModal.propTypes = propTypes;
var ExportConfigModalFactory = function ExportConfigModalFactory() {
return ExportConfigModal;
};
var _default = ExportConfigModalFactory;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFscy9leHBvcnQtY29uZmlnLW1vZGFsLmpzIl0sIm5hbWVzIjpbInByb3BUeXBlcyIsImNvbmZpZyIsIlByb3BUeXBlcyIsIm9iamVjdCIsInJlcXVpcmVkIiwiU3R5bGVkRXhwb3J0Q29uZmlnU2VjdGlvbiIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJ0ZXh0Q29sb3JMVCIsInRleHRDb2xvciIsImVycm9yQ29sb3IiLCJzZWxlY3RCb3JkZXJDb2xvckxUIiwiU3R5bGVkTW9kYWxDb250ZW50SW5uZXIiLCJFeHBvcnRDb25maWdNb2RhbCIsImRhdGEiLCJvbkNoYW5nZUV4cG9ydERhdGEiLCJFeHBvcnRDb25maWdNb2RhbEZhY3RvcnkiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUEsSUFBTUEsU0FBUyxHQUFHO0FBQ2hCQyxFQUFBQSxNQUFNLEVBQUVDLHNCQUFVQyxNQUFWLENBQWlCQztBQURULENBQWxCOztBQUlBLElBQU1DLHlCQUF5QixHQUFHQyw2QkFBT0MsR0FBVixvQkFZaEIsVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxXQUFoQjtBQUFBLENBWlcsRUFnQmhCLFVBQUFGLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUUsU0FBaEI7QUFBQSxDQWhCVyxFQXFCaEIsVUFBQUgsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRyxVQUFoQjtBQUFBLENBckJXLEVBK0JMLFVBQUFKLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUksbUJBQWhCO0FBQUEsQ0EvQkEsQ0FBL0I7O0FBZ0RBLElBQU1DLHVCQUF1QixHQUFHUiw2QkFBT0MsR0FBVixvQkFBN0I7O0FBSUEsSUFBTVEsaUJBQWlCLEdBQUcsU0FBcEJBLGlCQUFvQjtBQUFBLE1BQ3hCQyxJQUR3QixRQUN4QkEsSUFEd0I7QUFBQSxNQUV4QmYsTUFGd0IsUUFFeEJBLE1BRndCO0FBQUEsTUFJeEJnQixrQkFKd0IsUUFJeEJBLGtCQUp3QjtBQUFBLFNBTXhCO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixLQUNFLGdDQUFDLHFDQUFELFFBQ0UsZ0NBQUMsdUJBQUQ7QUFBeUIsSUFBQSxTQUFTLEVBQUM7QUFBbkMsS0FDRSxnQ0FBQyx5QkFBRCxRQUNFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixLQUNFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixzQkFERixFQUlFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixtRUFKRixFQU9FO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixxUkFQRixDQURGLEVBZUU7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQ0U7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQ0ksZ0NBQUMsMkJBQUQ7QUFBWSxJQUFBLEVBQUUsRUFBQyxhQUFmO0FBQTZCLElBQUEsSUFBSSxFQUFFaEI7QUFBbkMsSUFESixDQURGLENBZkYsQ0FERixFQXNCRSxnQ0FBQyx5QkFBRCxRQUNFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixLQUNFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZiwwQkFERixFQUlFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZix5SEFKRixDQURGLEVBU0U7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQ0UsZ0NBQUMsa0JBQUQ7QUFBUSxJQUFBLElBQUksRUFBQyxVQUFiO0FBQ1EsSUFBQSxFQUFFLEVBQUMsbUJBRFg7QUFFUSxJQUFBLE9BQU8sRUFBRWUsSUFGakI7QUFHUSxJQUFBLFFBQVEsRUFBRUM7QUFIbEIsSUFERixDQVRGLENBdEJGLENBREYsQ0FERixDQU53QjtBQUFBLENBQTFCOztBQW1EQUYsaUJBQWlCLENBQUNmLFNBQWxCLEdBQThCQSxTQUE5Qjs7QUFFQSxJQUFNa0Isd0JBQXdCLEdBQUcsU0FBM0JBLHdCQUEyQjtBQUFBLFNBQU1ILGlCQUFOO0FBQUEsQ0FBakM7O2VBQ2VHLHdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDE5IFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBTd2l0Y2ggZnJvbSAnY29tcG9uZW50cy9jb21tb24vc3dpdGNoJztcbmltcG9ydCBKU09OUHJldHR5IGZyb20gJ3JlYWN0LWpzb24tcHJldHR5JztcblxuaW1wb3J0IHtTdHlsZWRNb2RhbENvbnRlbnR9IGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcblxuY29uc3QgcHJvcFR5cGVzID0ge1xuICBjb25maWc6IFByb3BUeXBlcy5vYmplY3QucmVxdWlyZWRcbn07XG5cbmNvbnN0IFN0eWxlZEV4cG9ydENvbmZpZ1NlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBtYXJnaW46IDM1cHggMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAuZGVzY3JpcHRpb24ge1xuICAgIHdpZHRoOiAxODVweDtcblxuICAgIC50aXRsZSB7XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yTFR9O1xuICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgIH1cbiAgICAuc3VidGl0bGUge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICB9XG5cbiAgICAubm90ZSB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5lcnJvckNvbG9yfTtcbiAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICB9XG4gIH1cblxuICAuc2VsZWN0aW9uIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDUwcHg7XG4gICAgZmxleC1ncm93OiAxO1xuXG4gICAgLnZpZXdlciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNlbGVjdEJvcmRlckNvbG9yTFR9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBmb250OiBpbmhlcml0O1xuICAgICAgbGluZS1oZWlnaHQ6IDEuNWVtO1xuICAgICAgcGFkZGluZzogMC41ZW0gMy41ZW0gMC41ZW0gMWVtO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBoZWlnaHQ6IDMwMHB4O1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbENvbnRlbnRJbm5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgRXhwb3J0Q29uZmlnTW9kYWwgPSAoe1xuICBkYXRhLFxuICBjb25maWcsXG4gIC8vIGFjdGlvbnNcbiAgb25DaGFuZ2VFeHBvcnREYXRhXG59KSA9PiAoXG4gIDxkaXYgY2xhc3NOYW1lPVwiZXhwb3J0LWNvbmZpZy1tb2RhbFwiPlxuICAgIDxTdHlsZWRNb2RhbENvbnRlbnQ+XG4gICAgICA8U3R5bGVkTW9kYWxDb250ZW50SW5uZXIgY2xhc3NOYW1lPVwiZXhwb3J0LWNvbmZpZy1tb2RhbF9faW5uZXJcIj5cbiAgICAgICAgPFN0eWxlZEV4cG9ydENvbmZpZ1NlY3Rpb24+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0aXRsZVwiPlxuICAgICAgICAgICAgICBDdXJyZW50IENvbmZpZ1xuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInN1YnRpdGxlXCI+XG4gICAgICAgICAgICAgIFlvdSBjYW4gY29weSBvciBleHBvcnQgdGhlIGN1cnJlbnQgS2VwbGVyLmdsIGNvbmZpZ3VyYXRpb24uXG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibm90ZVwiPlxuICAgICAgICAgICAgICAqIGtlcGxlci5nbCBtYXAgY29uZmlnIGlzIGNvdXBsZWQgd2l0aCBsb2FkZWQgZGF0YXNldHMuXG4gICAgICAgICAgICAgIGRhdGFJZCBrZXkgaXMgdXNlZCB0byBiaW5kIGxheWVycyBhbmQgZmlsdGVycyB0byBhIHNwZWNpZmljIGRhdGFzZXQuXG4gICAgICAgICAgICAgIElmIHlvdSB0cnkgdG8gdXBsb2FkIGEgY29uZmlndXJhdGlvbiB3aXRoIGEgc3BlY2lmaWMgZGF0YUlkIHlvdSBhbHNvIG5lZWQgdG8gbWFrZSBzdXJlXG4gICAgICAgICAgICAgIHlvdSBleGlzdGluZyBkYXRhc2V0IGlkIG1hdGNoIHRoZSBkYXRhSWQvcyBpbiB0aGUgY29uZmlnLlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJzZWxlY3Rpb25cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwidmlld2VyXCI+XG4gICAgICAgICAgICAgICAgPEpTT05QcmV0dHkgaWQ9XCJqc29uLXByZXR0eVwiIGpzb249e2NvbmZpZ30vPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvU3R5bGVkRXhwb3J0Q29uZmlnU2VjdGlvbj5cbiAgICAgICAgPFN0eWxlZEV4cG9ydENvbmZpZ1NlY3Rpb24+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0aXRsZVwiPlxuICAgICAgICAgICAgICBFeHBvcnQgQ3VycmVudCBNYXBcbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJzdWJ0aXRsZVwiPlxuICAgICAgICAgICAgICBFeHBvcnQgY3VycmVudCBtYXAsIGluY2x1ZGluZyBkYXRhIGFuZCBjb25maWcuIFlvdSBjYW4gbGF0ZXIgbG9hZCB0aGUgc2FtZSBtYXAgYnkgbG9hZGluZyB0aGlzIGZpbGUgdG8ga2VwbGVyLmdsLlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJzZWxlY3Rpb25cIj5cbiAgICAgICAgICAgIDxTd2l0Y2ggdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJleHBvcnQtbWFwLWNvbmZpZ1wiXG4gICAgICAgICAgICAgICAgICAgIGNoZWNrZWQ9e2RhdGF9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUV4cG9ydERhdGF9Lz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRFeHBvcnRDb25maWdTZWN0aW9uPlxuICAgICAgPC9TdHlsZWRNb2RhbENvbnRlbnRJbm5lcj5cbiAgICA8L1N0eWxlZE1vZGFsQ29udGVudD5cbiAgPC9kaXY+XG4pO1xuXG5FeHBvcnRDb25maWdNb2RhbC5wcm9wVHlwZXMgPSBwcm9wVHlwZXM7XG5cbmNvbnN0IEV4cG9ydENvbmZpZ01vZGFsRmFjdG9yeSA9ICgpID0+IEV4cG9ydENvbmZpZ01vZGFsO1xuZXhwb3J0IGRlZmF1bHQgRXhwb3J0Q29uZmlnTW9kYWxGYWN0b3J5O1xuIl19