@kepler.gl/components 3.0.0-alpha.0

package/dist/modals/loading-dialog.js

@@ -0,0 +1,68 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _loadingSpinner = _interopRequireDefault(require("../common/loading-spinner"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _templateObject, _templateObject2;
+
+var StyledSpinner = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  text-align: center;\n\n  span {\n    margin: 0 auto;\n  }\n"])));
+
+var StyledLoadingDialog = _styledComponents["default"].div.attrs({
+  className: 'data-loading-dialog'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n\n  .loading-content {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .loading-message {\n    margin-left: 32px;\n    color: ", ";\n    font-weight: 500;\n    font-size: 14px;\n  }\n"])), function (props) {
+  return props.theme.titleColorLT;
+});
+
+var LoadingDialog = function LoadingDialog(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 64 : _ref$size,
+      _ref$message = _ref.message,
+      message = _ref$message === void 0 ? 'modal.loadingDialog.loading' : _ref$message;
+  return /*#__PURE__*/_react["default"].createElement(StyledLoadingDialog, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "loading-content"
+  }, /*#__PURE__*/_react["default"].createElement(StyledSpinner, null, /*#__PURE__*/_react["default"].createElement(_loadingSpinner["default"], {
+    size: size
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "loading-message"
+  }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: message
+  }))));
+};
+
+var _default = LoadingDialog;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbHMvbG9hZGluZy1kaWFsb2cudHN4Il0sIm5hbWVzIjpbIlN0eWxlZFNwaW5uZXIiLCJzdHlsZWQiLCJkaXYiLCJTdHlsZWRMb2FkaW5nRGlhbG9nIiwiYXR0cnMiLCJjbGFzc05hbWUiLCJwcm9wcyIsInRoZW1lIiwidGl0bGVDb2xvckxUIiwiTG9hZGluZ0RpYWxvZyIsInNpemUiLCJtZXNzYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztBQUVBLElBQU1BLGFBQWEsR0FBR0MsNkJBQU9DLEdBQVYscUpBQW5COztBQVFBLElBQU1DLG1CQUFtQixHQUFHRiw2QkFBT0MsR0FBUCxDQUFXRSxLQUFYLENBQWlCO0FBQzNDQyxFQUFBQSxTQUFTLEVBQUU7QUFEZ0MsQ0FBakIsQ0FBSCwrWUFnQlosVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxZQUFoQjtBQUFBLENBaEJPLENBQXpCOztBQTJCQSxJQUFNQyxhQUEyQyxHQUFHLFNBQTlDQSxhQUE4QztBQUFBLHVCQUNsREMsSUFEa0Q7QUFBQSxNQUNsREEsSUFEa0QsMEJBQzNDLEVBRDJDO0FBQUEsMEJBRWxEQyxPQUZrRDtBQUFBLE1BRWxEQSxPQUZrRCw2QkFFeEMsNkJBRndDO0FBQUEsc0JBSWxELGdDQUFDLG1CQUFELHFCQUNFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixrQkFDRSxnQ0FBQyxhQUFELHFCQUNFLGdDQUFDLDBCQUFEO0FBQWdCLElBQUEsSUFBSSxFQUFFRDtBQUF0QixJQURGLENBREYsZUFJRTtBQUFLLElBQUEsU0FBUyxFQUFDO0FBQWYsa0JBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsSUFBQSxFQUFFLEVBQUVDO0FBQXRCLElBREYsQ0FKRixDQURGLENBSmtEO0FBQUEsQ0FBcEQ7O2VBZ0JlRixhIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IExvYWRpbmdTcGlubmVyIGZyb20gJy4uL2NvbW1vbi9sb2FkaW5nLXNwaW5uZXInO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5cbmNvbnN0IFN0eWxlZFNwaW5uZXIgPSBzdHlsZWQuZGl2YFxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5cbiAgc3BhbiB7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZExvYWRpbmdEaWFsb2cgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnZGF0YS1sb2FkaW5nLWRpYWxvZydcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1ncm93OiAxO1xuXG4gIC5sb2FkaW5nLWNvbnRlbnQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxuXG4gIC5sb2FkaW5nLW1lc3NhZ2Uge1xuICAgIG1hcmdpbi1sZWZ0OiAzMnB4O1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpdGxlQ29sb3JMVH07XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBMb2FkaW5nRGlhbG9nUHJvcHMge1xuICBzaXplPzogbnVtYmVyO1xuICBtZXNzYWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMb2FkaW5nRGlhbG9nOiBSZWFjdC5GQzxMb2FkaW5nRGlhbG9nUHJvcHM+ID0gKHtcbiAgc2l6ZSA9IDY0LFxuICBtZXNzYWdlID0gJ21vZGFsLmxvYWRpbmdEaWFsb2cubG9hZGluZydcbn0pID0+IChcbiAgPFN0eWxlZExvYWRpbmdEaWFsb2c+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJsb2FkaW5nLWNvbnRlbnRcIj5cbiAgICAgIDxTdHlsZWRTcGlubmVyPlxuICAgICAgICA8TG9hZGluZ1NwaW5uZXIgc2l6ZT17c2l6ZX0gLz5cbiAgICAgIDwvU3R5bGVkU3Bpbm5lcj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwibG9hZGluZy1tZXNzYWdlXCI+XG4gICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXttZXNzYWdlfSAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvU3R5bGVkTG9hZGluZ0RpYWxvZz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdEaWFsb2c7XG4iXX0=

package/dist/modals/modal-dialog.d.ts

@@ -0,0 +1,2 @@
+declare const ModalDialogFactory: () => import("styled-components").StyledComponent<typeof import("../common/modal").ModalDialog, any, {}, never>;
+export default ModalDialogFactory;

package/dist/modals/modal-dialog.js

@@ -0,0 +1,36 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _modal = _interopRequireDefault(require("../common/modal"));var ModalDialogFactory = function ModalDialogFactory() {
+  return _modal["default"];
+};
+
+var _default = ModalDialogFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbHMvbW9kYWwtZGlhbG9nLnRzeCJdLCJuYW1lcyI6WyJNb2RhbERpYWxvZ0ZhY3RvcnkiLCJNb2RhbCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBb0JBOztBQXBCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUlBLElBQU1BLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBcUI7QUFBQSxTQUFNQyxpQkFBTjtBQUFBLENBQTNCOztlQUVlRCxrQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBNb2RhbCBmcm9tICcuLi9jb21tb24vbW9kYWwnO1xuXG5jb25zdCBNb2RhbERpYWxvZ0ZhY3RvcnkgPSAoKSA9PiBNb2RhbDtcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxEaWFsb2dGYWN0b3J5O1xuIl19

package/dist/modals/modal-tabs.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { LoadingMethod } from './load-data-modal';
+interface ModalTabItemProps {
+    currentMethod?: string;
+    method: LoadingMethod;
+    toggleMethod: (method: LoadingMethod) => void;
+}
+export declare const ModalTabItem: React.FC<ModalTabItemProps>;
+declare function ModalTabsFactory(): {
+    ({ currentMethod, toggleMethod, loadingMethods }: {
+        currentMethod: any;
+        toggleMethod: any;
+        loadingMethods: any;
+    }): JSX.Element;
+    propTypes: {
+        toggleMethod: PropTypes.Validator<(...args: any[]) => any>;
+        currentMethod: PropTypes.Requireable<string>;
+        loadingMethods: PropTypes.Requireable<(object | null | undefined)[]>;
+    };
+    defaultProps: {
+        toggleMethod: () => void;
+        currentMethod: null;
+        loadingMethods: never[];
+    };
+};
+export default ModalTabsFactory;

package/dist/modals/modal-tabs.js

@@ -0,0 +1,119 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ModalTabItem = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@kepler.gl/styles");
+
+var _reactIntl = require("react-intl");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var ModalTab = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: flex-end;\n  display: flex;\n  border-bottom: 1px solid #d8d8d8;\n  margin-bottom: 32px;\n  justify-content: space-between;\n\n  .load-data-modal__tab__inner {\n    display: flex;\n    width: 100%;\n  }\n\n  .load-data-modal__tab__item.active {\n    color: ", ";\n    border-bottom: 3px solid ", ";\n    font-weight: 500;\n  }\n\n  ", ";\n"])), function (props) {
+  return props.theme.textColorLT;
+}, function (props) {
+  return props.theme.textColorLT;
+}, _styles.media.portable(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    font-size: 12px;\n  "]))));
+
+var StyledLoadDataModalTabItem = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  border-bottom: 3px solid transparent;\n  cursor: pointer;\n  margin-left: 32px;\n  padding: 16px 0;\n  font-size: 14px;\n  font-weight: 400;\n  color: ", ";\n\n  ", ";\n\n  :first-child {\n    margin-left: 0;\n    padding-left: 0;\n  }\n\n  :hover {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.subtextColorLT;
+}, _styles.media.portable(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: 16px;\n    font-size: 12px;\n  "]))), function (props) {
+  return props.theme.textColorLT;
+});
+
+var noop = function noop() {};
+
+var ModalTabItem = function ModalTabItem(_ref) {
+  var currentMethod = _ref.currentMethod,
+      method = _ref.method,
+      toggleMethod = _ref.toggleMethod;
+  var onClick = (0, _react.useCallback)(function () {
+    return toggleMethod(method);
+  }, [method, toggleMethod]);
+  var intl = (0, _reactIntl.useIntl)();
+  return method.tabElementType ? /*#__PURE__*/_react["default"].createElement(method.tabElementType, {
+    onClick: onClick,
+    intl: intl
+  }) : /*#__PURE__*/_react["default"].createElement(StyledLoadDataModalTabItem, {
+    className: (0, _classnames["default"])('load-data-modal__tab__item', {
+      active: currentMethod && method.id === currentMethod
+    }),
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement("div", null, method.label ? /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    id: method.label
+  }) : method.id));
+};
+
+exports.ModalTabItem = ModalTabItem;
+
+function ModalTabsFactory() {
+  var ModalTabs = function ModalTabs(_ref2) {
+    var currentMethod = _ref2.currentMethod,
+        toggleMethod = _ref2.toggleMethod,
+        loadingMethods = _ref2.loadingMethods;
+    return /*#__PURE__*/_react["default"].createElement(ModalTab, {
+      className: "load-data-modal__tab"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "load-data-modal__tab__inner"
+    }, loadingMethods.map(function (method) {
+      return /*#__PURE__*/_react["default"].createElement(ModalTabItem, {
+        key: method.id,
+        method: method,
+        currentMethod: currentMethod,
+        toggleMethod: toggleMethod
+      });
+    })));
+  };
+
+  ModalTabs.propTypes = {
+    toggleMethod: _propTypes["default"].func.isRequired,
+    currentMethod: _propTypes["default"].string,
+    loadingMethods: _propTypes["default"].arrayOf(_propTypes["default"].object)
+  };
+  ModalTabs.defaultProps = {
+    toggleMethod: noop,
+    currentMethod: null,
+    loadingMethods: []
+  };
+  return ModalTabs;
+}
+
+var _default = ModalTabsFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbHMvbW9kYWwtdGFicy50c3giXSwibmFtZXMiOlsiTW9kYWxUYWIiLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsInRoZW1lIiwidGV4dENvbG9yTFQiLCJtZWRpYSIsInBvcnRhYmxlIiwiU3R5bGVkTG9hZERhdGFNb2RhbFRhYkl0ZW0iLCJzdWJ0ZXh0Q29sb3JMVCIsIm5vb3AiLCJNb2RhbFRhYkl0ZW0iLCJjdXJyZW50TWV0aG9kIiwibWV0aG9kIiwidG9nZ2xlTWV0aG9kIiwib25DbGljayIsImludGwiLCJ0YWJFbGVtZW50VHlwZSIsImFjdGl2ZSIsImlkIiwibGFiZWwiLCJNb2RhbFRhYnNGYWN0b3J5IiwiTW9kYWxUYWJzIiwibG9hZGluZ01ldGhvZHMiLCJtYXAiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJmdW5jIiwiaXNSZXF1aXJlZCIsInN0cmluZyIsImFycmF5T2YiLCJvYmplY3QiLCJkZWZhdWx0UHJvcHMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFHQSxJQUFNQSxRQUFRLEdBQUdDLDZCQUFPQyxHQUFWLDJiQWFELFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsV0FBaEI7QUFBQSxDQWJKLEVBY2lCLFVBQUFGLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsV0FBaEI7QUFBQSxDQWR0QixFQWtCVkMsY0FBTUMsUUFsQkksbUhBQWQ7O0FBdUJBLElBQU1DLDBCQUEwQixHQUFHUCw2QkFBT0MsR0FBViwrV0FPckIsVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZSyxjQUFoQjtBQUFBLENBUGdCLEVBUzVCSCxjQUFNQyxRQVRzQiw0SUFvQm5CLFVBQUFKLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsV0FBaEI7QUFBQSxDQXBCYyxDQUFoQzs7QUF3QkEsSUFBTUssSUFBSSxHQUFHLFNBQVBBLElBQU8sR0FBTSxDQUFFLENBQXJCOztBQVFPLElBQU1DLFlBQXlDLEdBQUcsU0FBNUNBLFlBQTRDLE9BSW5EO0FBQUEsTUFISkMsYUFHSSxRQUhKQSxhQUdJO0FBQUEsTUFGSkMsTUFFSSxRQUZKQSxNQUVJO0FBQUEsTUFESkMsWUFDSSxRQURKQSxZQUNJO0FBQ0osTUFBTUMsT0FBTyxHQUFHLHdCQUFZO0FBQUEsV0FBTUQsWUFBWSxDQUFDRCxNQUFELENBQWxCO0FBQUEsR0FBWixFQUF3QyxDQUFDQSxNQUFELEVBQVNDLFlBQVQsQ0FBeEMsQ0FBaEI7QUFDQSxNQUFNRSxJQUFJLEdBQUcseUJBQWI7QUFFQSxTQUFPSCxNQUFNLENBQUNJLGNBQVAsZ0JBQ0wsZ0NBQUMsTUFBRCxDQUFRLGNBQVI7QUFBdUIsSUFBQSxPQUFPLEVBQUVGLE9BQWhDO0FBQXlDLElBQUEsSUFBSSxFQUFFQztBQUEvQyxJQURLLGdCQUdMLGdDQUFDLDBCQUFEO0FBQ0UsSUFBQSxTQUFTLEVBQUUsNEJBQVcsNEJBQVgsRUFBeUM7QUFDbERFLE1BQUFBLE1BQU0sRUFBRU4sYUFBYSxJQUFJQyxNQUFNLENBQUNNLEVBQVAsS0FBY1A7QUFEVyxLQUF6QyxDQURiO0FBSUUsSUFBQSxPQUFPLEVBQUVHO0FBSlgsa0JBTUUsNkNBQU1GLE1BQU0sQ0FBQ08sS0FBUCxnQkFBZSxnQ0FBQywyQkFBRDtBQUFrQixJQUFBLEVBQUUsRUFBRVAsTUFBTSxDQUFDTztBQUE3QixJQUFmLEdBQXdEUCxNQUFNLENBQUNNLEVBQXJFLENBTkYsQ0FIRjtBQVlELENBcEJNOzs7O0FBc0JQLFNBQVNFLGdCQUFULEdBQTRCO0FBQzFCLE1BQU1DLFNBQVMsR0FBRyxTQUFaQSxTQUFZO0FBQUEsUUFBRVYsYUFBRixTQUFFQSxhQUFGO0FBQUEsUUFBaUJFLFlBQWpCLFNBQWlCQSxZQUFqQjtBQUFBLFFBQStCUyxjQUEvQixTQUErQkEsY0FBL0I7QUFBQSx3QkFDaEIsZ0NBQUMsUUFBRDtBQUFVLE1BQUEsU0FBUyxFQUFDO0FBQXBCLG9CQUNFO0FBQUssTUFBQSxTQUFTLEVBQUM7QUFBZixPQUNHQSxjQUFjLENBQUNDLEdBQWYsQ0FBbUIsVUFBQVgsTUFBTTtBQUFBLDBCQUN4QixnQ0FBQyxZQUFEO0FBQ0UsUUFBQSxHQUFHLEVBQUVBLE1BQU0sQ0FBQ00sRUFEZDtBQUVFLFFBQUEsTUFBTSxFQUFFTixNQUZWO0FBR0UsUUFBQSxhQUFhLEVBQUVELGFBSGpCO0FBSUUsUUFBQSxZQUFZLEVBQUVFO0FBSmhCLFFBRHdCO0FBQUEsS0FBekIsQ0FESCxDQURGLENBRGdCO0FBQUEsR0FBbEI7O0FBZUFRLEVBQUFBLFNBQVMsQ0FBQ0csU0FBVixHQUFzQjtBQUNwQlgsSUFBQUEsWUFBWSxFQUFFWSxzQkFBVUMsSUFBVixDQUFlQyxVQURUO0FBRXBCaEIsSUFBQUEsYUFBYSxFQUFFYyxzQkFBVUcsTUFGTDtBQUdwQk4sSUFBQUEsY0FBYyxFQUFFRyxzQkFBVUksT0FBVixDQUFrQkosc0JBQVVLLE1BQTVCO0FBSEksR0FBdEI7QUFNQVQsRUFBQUEsU0FBUyxDQUFDVSxZQUFWLEdBQXlCO0FBQ3ZCbEIsSUFBQUEsWUFBWSxFQUFFSixJQURTO0FBRXZCRSxJQUFBQSxhQUFhLEVBQUUsSUFGUTtBQUd2QlcsSUFBQUEsY0FBYyxFQUFFO0FBSE8sR0FBekI7QUFNQSxTQUFPRCxTQUFQO0FBQ0Q7O2VBRWNELGdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHttZWRpYX0gZnJvbSAnQGtlcGxlci5nbC9zdHlsZXMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7TG9hZGluZ01ldGhvZH0gZnJvbSAnLi9sb2FkLWRhdGEtbW9kYWwnO1xuXG5jb25zdCBNb2RhbFRhYiA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gIG1hcmdpbi1ib3R0b206IDMycHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAubG9hZC1kYXRhLW1vZGFsX190YWJfX2lubmVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgLmxvYWQtZGF0YS1tb2RhbF9fdGFiX19pdGVtLmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yTFR9O1xuICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckxUfTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICB9XG5cbiAgJHttZWRpYS5wb3J0YWJsZWBcbiAgICBmb250LXNpemU6IDEycHg7XG4gIGB9O1xuYDtcblxuY29uc3QgU3R5bGVkTG9hZERhdGFNb2RhbFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAzcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6IDMycHg7XG4gIHBhZGRpbmc6IDE2cHggMDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNDAwO1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zdWJ0ZXh0Q29sb3JMVH07XG5cbiAgJHttZWRpYS5wb3J0YWJsZWBcbiAgICBtYXJnaW4tbGVmdDogMTZweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gIGB9O1xuXG4gIDpmaXJzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JMVH07XG4gIH1cbmA7XG5cbmNvbnN0IG5vb3AgPSAoKSA9PiB7fTtcblxuaW50ZXJmYWNlIE1vZGFsVGFiSXRlbVByb3BzIHtcbiAgY3VycmVudE1ldGhvZD86IHN0cmluZztcbiAgbWV0aG9kOiBMb2FkaW5nTWV0aG9kO1xuICB0b2dnbGVNZXRob2Q6IChtZXRob2Q6IExvYWRpbmdNZXRob2QpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFRhYkl0ZW06IFJlYWN0LkZDPE1vZGFsVGFiSXRlbVByb3BzPiA9ICh7XG4gIGN1cnJlbnRNZXRob2QsXG4gIG1ldGhvZCxcbiAgdG9nZ2xlTWV0aG9kXG59KSA9PiB7XG4gIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB0b2dnbGVNZXRob2QobWV0aG9kKSwgW21ldGhvZCwgdG9nZ2xlTWV0aG9kXSk7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgcmV0dXJuIG1ldGhvZC50YWJFbGVtZW50VHlwZSA/IChcbiAgICA8bWV0aG9kLnRhYkVsZW1lbnRUeXBlIG9uQ2xpY2s9e29uQ2xpY2t9IGludGw9e2ludGx9IC8+XG4gICkgOiAoXG4gICAgPFN0eWxlZExvYWREYXRhTW9kYWxUYWJJdGVtXG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ2xvYWQtZGF0YS1tb2RhbF9fdGFiX19pdGVtJywge1xuICAgICAgICBhY3RpdmU6IGN1cnJlbnRNZXRob2QgJiYgbWV0aG9kLmlkID09PSBjdXJyZW50TWV0aG9kXG4gICAgICB9KX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAgPGRpdj57bWV0aG9kLmxhYmVsID8gPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e21ldGhvZC5sYWJlbH0gLz4gOiBtZXRob2QuaWR9PC9kaXY+XG4gICAgPC9TdHlsZWRMb2FkRGF0YU1vZGFsVGFiSXRlbT5cbiAgKTtcbn07XG5cbmZ1bmN0aW9uIE1vZGFsVGFic0ZhY3RvcnkoKSB7XG4gIGNvbnN0IE1vZGFsVGFicyA9ICh7Y3VycmVudE1ldGhvZCwgdG9nZ2xlTWV0aG9kLCBsb2FkaW5nTWV0aG9kc30pID0+IChcbiAgICA8TW9kYWxUYWIgY2xhc3NOYW1lPVwibG9hZC1kYXRhLW1vZGFsX190YWJcIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwibG9hZC1kYXRhLW1vZGFsX190YWJfX2lubmVyXCI+XG4gICAgICAgIHtsb2FkaW5nTWV0aG9kcy5tYXAobWV0aG9kID0+IChcbiAgICAgICAgICA8TW9kYWxUYWJJdGVtXG4gICAgICAgICAgICBrZXk9e21ldGhvZC5pZH1cbiAgICAgICAgICAgIG1ldGhvZD17bWV0aG9kfVxuICAgICAgICAgICAgY3VycmVudE1ldGhvZD17Y3VycmVudE1ldGhvZH1cbiAgICAgICAgICAgIHRvZ2dsZU1ldGhvZD17dG9nZ2xlTWV0aG9kfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgPC9Nb2RhbFRhYj5cbiAgKTtcblxuICBNb2RhbFRhYnMucHJvcFR5cGVzID0ge1xuICAgIHRvZ2dsZU1ldGhvZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBjdXJyZW50TWV0aG9kOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGxvYWRpbmdNZXRob2RzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMub2JqZWN0KVxuICB9O1xuXG4gIE1vZGFsVGFicy5kZWZhdWx0UHJvcHMgPSB7XG4gICAgdG9nZ2xlTWV0aG9kOiBub29wLFxuICAgIGN1cnJlbnRNZXRob2Q6IG51bGwsXG4gICAgbG9hZGluZ01ldGhvZHM6IFtdXG4gIH07XG5cbiAgcmV0dXJuIE1vZGFsVGFicztcbn1cblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxUYWJzRmFjdG9yeTtcbiJdfQ==

package/dist/modals/overwrite-map-modal.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ImageModalContainerProps } from './image-modal-container';
+import { Provider } from '@kepler.gl/cloud-providers';
+import { cleanupExportImage as cleanupExportImageAction } from '@kepler.gl/actions';
+declare type OverwriteMapModalProps = {
+    mapSaved: string | null;
+    title: string;
+    cloudProviders: Provider[];
+    isProviderLoading: boolean;
+    currentProvider: string | null;
+    onUpdateImageSetting: ImageModalContainerProps['onUpdateImageSetting'];
+    cleanupExportImage: typeof cleanupExportImageAction;
+};
+declare const OverwriteMapModalFactory: () => React.FC<OverwriteMapModalProps>;
+export declare const OverwriteMapModal: React.FC<OverwriteMapModalProps>;
+export default OverwriteMapModalFactory;

package/dist/modals/overwrite-map-modal.js

@@ -0,0 +1,100 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.OverwriteMapModal = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styledComponents2 = require("../common/styled-components");
+
+var _statusPanel = require("./status-panel");
+
+var _localization = require("@kepler.gl/localization");
+
+var _imageModalContainer = _interopRequireDefault(require("./image-modal-container"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+/** @typedef {import('./overwrite-map-modal').OverwriteMapModalProps} OverwriteMapModalProps */
+var StyledMsg = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 24px;\n  font-size: 14px;\n"])));
+
+var StyledTitle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  font-weight: 600;\n  color: black;\n"])));
+
+var StyledIcon = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 24px;\n"])));
+
+var StyledOverwriteMapModal = (0, _styledComponents["default"])(_styledComponents2.CenterVerticalFlexbox)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 24px 12px;\n  min-height: 220px;\n"])));
+
+var OverwriteMapModalFactory = function OverwriteMapModalFactory() {
+  /**
+   * @type {React.FunctionComponent<OverwriteMapModalProps>}
+   */
+  var OverwriteMapModal = function OverwriteMapModal(_ref) {
+    var mapSaved = _ref.mapSaved,
+        title = _ref.title,
+        currentProvider = _ref.currentProvider,
+        cloudProviders = _ref.cloudProviders,
+        isProviderLoading = _ref.isProviderLoading,
+        onUpdateImageSetting = _ref.onUpdateImageSetting,
+        cleanupExportImage = _ref.cleanupExportImage;
+    var provider = cloudProviders.find(function (cp) {
+      return cp.name === currentProvider;
+    });
+    return /*#__PURE__*/_react["default"].createElement(_imageModalContainer["default"], {
+      currentProvider: currentProvider,
+      cloudProviders: cloudProviders,
+      onUpdateImageSetting: onUpdateImageSetting,
+      cleanupExportImage: cleanupExportImage
+    }, /*#__PURE__*/_react["default"].createElement(StyledOverwriteMapModal, {
+      className: "overwrite-map-modal"
+    }, isProviderLoading ? /*#__PURE__*/_react["default"].createElement(StyledMsg, null, /*#__PURE__*/_react["default"].createElement(StyledTitle, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'modal.overwriteMap.title'
+    })), /*#__PURE__*/_react["default"].createElement(_statusPanel.UploadAnimation, {
+      icon: provider && provider.icon
+    })) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledIcon, null, provider && provider.icon ? /*#__PURE__*/_react["default"].createElement(provider.icon, {
+      height: "64px"
+    }) : null), /*#__PURE__*/_react["default"].createElement(StyledMsg, {
+      className: "overwrite-map-msg"
+    }, /*#__PURE__*/_react["default"].createElement(StyledTitle, null, title, " "), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'modal.overwriteMap.alreadyExists',
+      values: {
+        mapSaved: mapSaved
+      }
+    })))));
+  };
+
+  return OverwriteMapModal;
+};
+
+var OverwriteMapModal = OverwriteMapModalFactory();
+exports.OverwriteMapModal = OverwriteMapModal;
+var _default = OverwriteMapModalFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbHMvb3ZlcndyaXRlLW1hcC1tb2RhbC50c3giXSwibmFtZXMiOlsiU3R5bGVkTXNnIiwic3R5bGVkIiwiZGl2IiwiU3R5bGVkVGl0bGUiLCJzcGFuIiwiU3R5bGVkSWNvbiIsIlN0eWxlZE92ZXJ3cml0ZU1hcE1vZGFsIiwiQ2VudGVyVmVydGljYWxGbGV4Ym94IiwiT3ZlcndyaXRlTWFwTW9kYWxGYWN0b3J5IiwiT3ZlcndyaXRlTWFwTW9kYWwiLCJtYXBTYXZlZCIsInRpdGxlIiwiY3VycmVudFByb3ZpZGVyIiwiY2xvdWRQcm92aWRlcnMiLCJpc1Byb3ZpZGVyTG9hZGluZyIsIm9uVXBkYXRlSW1hZ2VTZXR0aW5nIiwiY2xlYW51cEV4cG9ydEltYWdlIiwicHJvdmlkZXIiLCJmaW5kIiwiY3AiLCJuYW1lIiwiaWNvbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFJQTtBQUVBLElBQU1BLFNBQVMsR0FBR0MsNkJBQU9DLEdBQVYsaUlBQWY7O0FBS0EsSUFBTUMsV0FBVyxHQUFHRiw2QkFBT0csSUFBVixnSUFBakI7O0FBS0EsSUFBTUMsVUFBVSxHQUFHSiw2QkFBT0MsR0FBViwrR0FBaEI7O0FBSUEsSUFBTUksdUJBQXVCLEdBQUcsa0NBQU9DLHdDQUFQLENBQUgsdUlBQTdCOztBQWlCQSxJQUFNQyx3QkFBd0IsR0FBRyxTQUEzQkEsd0JBQTJCLEdBQU07QUFDckM7QUFDRjtBQUNBO0FBQ0UsTUFBTUMsaUJBQW1ELEdBQUcsU0FBdERBLGlCQUFzRCxPQVF0RDtBQUFBLFFBUEpDLFFBT0ksUUFQSkEsUUFPSTtBQUFBLFFBTkpDLEtBTUksUUFOSkEsS0FNSTtBQUFBLFFBTEpDLGVBS0ksUUFMSkEsZUFLSTtBQUFBLFFBSkpDLGNBSUksUUFKSkEsY0FJSTtBQUFBLFFBSEpDLGlCQUdJLFFBSEpBLGlCQUdJO0FBQUEsUUFGSkMsb0JBRUksUUFGSkEsb0JBRUk7QUFBQSxRQURKQyxrQkFDSSxRQURKQSxrQkFDSTtBQUNKLFFBQU1DLFFBQVEsR0FBR0osY0FBYyxDQUFDSyxJQUFmLENBQW9CLFVBQUFDLEVBQUU7QUFBQSxhQUFJQSxFQUFFLENBQUNDLElBQUgsS0FBWVIsZUFBaEI7QUFBQSxLQUF0QixDQUFqQjtBQUNBLHdCQUNFLGdDQUFDLCtCQUFEO0FBQ0UsTUFBQSxlQUFlLEVBQUVBLGVBRG5CO0FBRUUsTUFBQSxjQUFjLEVBQUVDLGNBRmxCO0FBR0UsTUFBQSxvQkFBb0IsRUFBRUUsb0JBSHhCO0FBSUUsTUFBQSxrQkFBa0IsRUFBRUM7QUFKdEIsb0JBTUUsZ0NBQUMsdUJBQUQ7QUFBeUIsTUFBQSxTQUFTLEVBQUM7QUFBbkMsT0FDR0YsaUJBQWlCLGdCQUNoQixnQ0FBQyxTQUFELHFCQUNFLGdDQUFDLFdBQUQscUJBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUU7QUFBdEIsTUFERixDQURGLGVBSUUsZ0NBQUMsNEJBQUQ7QUFBaUIsTUFBQSxJQUFJLEVBQUVHLFFBQVEsSUFBSUEsUUFBUSxDQUFDSTtBQUE1QyxNQUpGLENBRGdCLGdCQVFoQiwrRUFDRSxnQ0FBQyxVQUFELFFBQ0dKLFFBQVEsSUFBSUEsUUFBUSxDQUFDSSxJQUFyQixnQkFBNEIsZ0NBQUMsUUFBRCxDQUFVLElBQVY7QUFBZSxNQUFBLE1BQU0sRUFBQztBQUF0QixNQUE1QixHQUE4RCxJQURqRSxDQURGLGVBSUUsZ0NBQUMsU0FBRDtBQUFXLE1BQUEsU0FBUyxFQUFDO0FBQXJCLG9CQUNFLGdDQUFDLFdBQUQsUUFBY1YsS0FBZCxNQURGLGVBRUUsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUUsa0NBQXRCO0FBQTBELE1BQUEsTUFBTSxFQUFFO0FBQUNELFFBQUFBLFFBQVEsRUFBUkE7QUFBRDtBQUFsRSxNQUZGLENBSkYsQ0FUSixDQU5GLENBREY7QUE2QkQsR0F2Q0Q7O0FBd0NBLFNBQU9ELGlCQUFQO0FBQ0QsQ0E3Q0Q7O0FBK0NPLElBQU1BLGlCQUFpQixHQUFHRCx3QkFBd0IsRUFBbEQ7O2VBQ1FBLHdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtDZW50ZXJWZXJ0aWNhbEZsZXhib3h9IGZyb20gJy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge1VwbG9hZEFuaW1hdGlvbn0gZnJvbSAnLi9zdGF0dXMtcGFuZWwnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQgSW1hZ2VNb2RhbENvbnRhaW5lciwge0ltYWdlTW9kYWxDb250YWluZXJQcm9wc30gZnJvbSAnLi9pbWFnZS1tb2RhbC1jb250YWluZXInO1xuaW1wb3J0IHtQcm92aWRlcn0gZnJvbSAnQGtlcGxlci5nbC9jbG91ZC1wcm92aWRlcnMnO1xuaW1wb3J0IHtjbGVhbnVwRXhwb3J0SW1hZ2UgYXMgY2xlYW51cEV4cG9ydEltYWdlQWN0aW9ufSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuXG4vKiogQHR5cGVkZWYge2ltcG9ydCgnLi9vdmVyd3JpdGUtbWFwLW1vZGFsJykuT3ZlcndyaXRlTWFwTW9kYWxQcm9wc30gT3ZlcndyaXRlTWFwTW9kYWxQcm9wcyAqL1xuXG5jb25zdCBTdHlsZWRNc2cgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAyNHB4O1xuICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXdlaWdodDogNjAwO1xuICBjb2xvcjogYmxhY2s7XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmNvbnN0IFN0eWxlZE92ZXJ3cml0ZU1hcE1vZGFsID0gc3R5bGVkKENlbnRlclZlcnRpY2FsRmxleGJveClgXG4gIHBhZGRpbmc6IDI0cHggMTJweDtcbiAgbWluLWhlaWdodDogMjIwcHg7XG5gO1xuXG50eXBlIE92ZXJ3cml0ZU1hcE1vZGFsUHJvcHMgPSB7XG4gIG1hcFNhdmVkOiBzdHJpbmcgfCBudWxsO1xuICB0aXRsZTogc3RyaW5nO1xuICBjbG91ZFByb3ZpZGVyczogUHJvdmlkZXJbXTtcbiAgaXNQcm92aWRlckxvYWRpbmc6IGJvb2xlYW47XG4gIGN1cnJlbnRQcm92aWRlcjogc3RyaW5nIHwgbnVsbDtcblxuICAvLyBjYWxsYmFja3NcbiAgb25VcGRhdGVJbWFnZVNldHRpbmc6IEltYWdlTW9kYWxDb250YWluZXJQcm9wc1snb25VcGRhdGVJbWFnZVNldHRpbmcnXTtcbiAgY2xlYW51cEV4cG9ydEltYWdlOiB0eXBlb2YgY2xlYW51cEV4cG9ydEltYWdlQWN0aW9uO1xufTtcblxuY29uc3QgT3ZlcndyaXRlTWFwTW9kYWxGYWN0b3J5ID0gKCkgPT4ge1xuICAvKipcbiAgICogQHR5cGUge1JlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PE92ZXJ3cml0ZU1hcE1vZGFsUHJvcHM+fVxuICAgKi9cbiAgY29uc3QgT3ZlcndyaXRlTWFwTW9kYWw6IFJlYWN0LkZDPE92ZXJ3cml0ZU1hcE1vZGFsUHJvcHM+ID0gKHtcbiAgICBtYXBTYXZlZCxcbiAgICB0aXRsZSxcbiAgICBjdXJyZW50UHJvdmlkZXIsXG4gICAgY2xvdWRQcm92aWRlcnMsXG4gICAgaXNQcm92aWRlckxvYWRpbmcsXG4gICAgb25VcGRhdGVJbWFnZVNldHRpbmcsXG4gICAgY2xlYW51cEV4cG9ydEltYWdlXG4gIH0pID0+IHtcbiAgICBjb25zdCBwcm92aWRlciA9IGNsb3VkUHJvdmlkZXJzLmZpbmQoY3AgPT4gY3AubmFtZSA9PT0gY3VycmVudFByb3ZpZGVyKTtcbiAgICByZXR1cm4gKFxuICAgICAgPEltYWdlTW9kYWxDb250YWluZXJcbiAgICAgICAgY3VycmVudFByb3ZpZGVyPXtjdXJyZW50UHJvdmlkZXJ9XG4gICAgICAgIGNsb3VkUHJvdmlkZXJzPXtjbG91ZFByb3ZpZGVyc31cbiAgICAgICAgb25VcGRhdGVJbWFnZVNldHRpbmc9e29uVXBkYXRlSW1hZ2VTZXR0aW5nfVxuICAgICAgICBjbGVhbnVwRXhwb3J0SW1hZ2U9e2NsZWFudXBFeHBvcnRJbWFnZX1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZE92ZXJ3cml0ZU1hcE1vZGFsIGNsYXNzTmFtZT1cIm92ZXJ3cml0ZS1tYXAtbW9kYWxcIj5cbiAgICAgICAgICB7aXNQcm92aWRlckxvYWRpbmcgPyAoXG4gICAgICAgICAgICA8U3R5bGVkTXNnPlxuICAgICAgICAgICAgICA8U3R5bGVkVGl0bGU+XG4gICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydtb2RhbC5vdmVyd3JpdGVNYXAudGl0bGUnfSAvPlxuICAgICAgICAgICAgICA8L1N0eWxlZFRpdGxlPlxuICAgICAgICAgICAgICA8VXBsb2FkQW5pbWF0aW9uIGljb249e3Byb3ZpZGVyICYmIHByb3ZpZGVyLmljb259IC8+XG4gICAgICAgICAgICA8L1N0eWxlZE1zZz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPFN0eWxlZEljb24+XG4gICAgICAgICAgICAgICAge3Byb3ZpZGVyICYmIHByb3ZpZGVyLmljb24gPyA8cHJvdmlkZXIuaWNvbiBoZWlnaHQ9XCI2NHB4XCIgLz4gOiBudWxsfVxuICAgICAgICAgICAgICA8L1N0eWxlZEljb24+XG4gICAgICAgICAgICAgIDxTdHlsZWRNc2cgY2xhc3NOYW1lPVwib3ZlcndyaXRlLW1hcC1tc2dcIj5cbiAgICAgICAgICAgICAgICA8U3R5bGVkVGl0bGU+e3RpdGxlfSA8L1N0eWxlZFRpdGxlPlxuICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnbW9kYWwub3ZlcndyaXRlTWFwLmFscmVhZHlFeGlzdHMnfSB2YWx1ZXM9e3ttYXBTYXZlZH19IC8+XG4gICAgICAgICAgICAgIDwvU3R5bGVkTXNnPlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRPdmVyd3JpdGVNYXBNb2RhbD5cbiAgICAgIDwvSW1hZ2VNb2RhbENvbnRhaW5lcj5cbiAgICApO1xuICB9O1xuICByZXR1cm4gT3ZlcndyaXRlTWFwTW9kYWw7XG59O1xuXG5leHBvcnQgY29uc3QgT3ZlcndyaXRlTWFwTW9kYWwgPSBPdmVyd3JpdGVNYXBNb2RhbEZhY3RvcnkoKTtcbmV4cG9ydCBkZWZhdWx0IE92ZXJ3cml0ZU1hcE1vZGFsRmFjdG9yeTtcbiJdfQ==

package/dist/modals/provider-modal-container.d.ts

@@ -0,0 +1,22 @@
+import { Component } from 'react';
+import { Provider } from '@kepler.gl/cloud-providers';
+import { SetCloudProviderPayload } from '@kepler.gl/actions';
+export declare type ProviderModalContainerProps = {
+    cloudProviders?: Provider[];
+    currentProvider?: string | null;
+    onSetCloudProvider: (provider: SetCloudProviderPayload) => void;
+};
+/**
+ * A wrapper component in modals contain cloud providers.
+ * It set default provider by checking which provider has logged in
+ * @component
+ */
+export default class ProviderModalContainer extends Component<ProviderModalContainerProps> {
+    static defaultProps: {
+        cloudProviders: never[];
+        currentProvider: null;
+    };
+    componentDidMount(): void;
+    _setDefaultProvider(): void;
+    render(): JSX.Element;
+}

package/dist/modals/provider-modal-container.js

@@ -0,0 +1,101 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/**
+ * A wrapper component in modals contain cloud providers.
+ * It set default provider by checking which provider has logged in
+ * @component
+ */
+var ProviderModalContainer = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ProviderModalContainer, _Component);
+
+  var _super = _createSuper(ProviderModalContainer);
+
+  function ProviderModalContainer() {
+    (0, _classCallCheck2["default"])(this, ProviderModalContainer);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ProviderModalContainer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this._setDefaultProvider();
+    }
+  }, {
+    key: "_setDefaultProvider",
+    value: function _setDefaultProvider() {
+      var _this$props$cloudProv;
+
+      if (!this.props.currentProvider && (_this$props$cloudProv = this.props.cloudProviders) !== null && _this$props$cloudProv !== void 0 && _this$props$cloudProv.length) {
+        var _this$props$cloudProv2;
+
+        var connected = (_this$props$cloudProv2 = this.props.cloudProviders) === null || _this$props$cloudProv2 === void 0 ? void 0 : _this$props$cloudProv2.find(function (p) {
+          return typeof p.getAccessToken === 'function' && p.getAccessToken();
+        });
+
+        if (connected && typeof this.props.onSetCloudProvider === 'function') {
+          this.props.onSetCloudProvider(connected.name);
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.props.children);
+    }
+  }]);
+  return ProviderModalContainer;
+}(_react.Component);
+
+exports["default"] = ProviderModalContainer;
+(0, _defineProperty2["default"])(ProviderModalContainer, "defaultProps", {
+  cloudProviders: [],
+  currentProvider: null
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbHMvcHJvdmlkZXItbW9kYWwtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6WyJQcm92aWRlck1vZGFsQ29udGFpbmVyIiwiX3NldERlZmF1bHRQcm92aWRlciIsInByb3BzIiwiY3VycmVudFByb3ZpZGVyIiwiY2xvdWRQcm92aWRlcnMiLCJsZW5ndGgiLCJjb25uZWN0ZWQiLCJmaW5kIiwicCIsImdldEFjY2Vzc1Rva2VuIiwib25TZXRDbG91ZFByb3ZpZGVyIiwibmFtZSIsImNoaWxkcmVuIiwiQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW9CQTs7Ozs7O0FBVUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtJQUNxQkEsc0I7Ozs7Ozs7Ozs7OztXQU1uQiw2QkFBb0I7QUFDbEIsV0FBS0MsbUJBQUw7QUFDRDs7O1dBRUQsK0JBQXNCO0FBQUE7O0FBQ3BCLFVBQUksQ0FBQyxLQUFLQyxLQUFMLENBQVdDLGVBQVosNkJBQStCLEtBQUtELEtBQUwsQ0FBV0UsY0FBMUMsa0RBQStCLHNCQUEyQkMsTUFBOUQsRUFBc0U7QUFBQTs7QUFDcEUsWUFBTUMsU0FBUyw2QkFBRyxLQUFLSixLQUFMLENBQVdFLGNBQWQsMkRBQUcsdUJBQTJCRyxJQUEzQixDQUNoQixVQUFBQyxDQUFDO0FBQUEsaUJBQUksT0FBT0EsQ0FBQyxDQUFDQyxjQUFULEtBQTRCLFVBQTVCLElBQTBDRCxDQUFDLENBQUNDLGNBQUYsRUFBOUM7QUFBQSxTQURlLENBQWxCOztBQUlBLFlBQUlILFNBQVMsSUFBSSxPQUFPLEtBQUtKLEtBQUwsQ0FBV1Esa0JBQWxCLEtBQXlDLFVBQTFELEVBQXNFO0FBQ3BFLGVBQUtSLEtBQUwsQ0FBV1Esa0JBQVgsQ0FBOEJKLFNBQVMsQ0FBQ0ssSUFBeEM7QUFDRDtBQUNGO0FBQ0Y7OztXQUVELGtCQUFTO0FBQ1AsMEJBQU8sa0VBQUcsS0FBS1QsS0FBTCxDQUFXVSxRQUFkLENBQVA7QUFDRDs7O0VBeEJpREMsZ0I7OztpQ0FBL0JiLHNCLGtCQUNHO0FBQ3BCSSxFQUFBQSxjQUFjLEVBQUUsRUFESTtBQUVwQkQsRUFBQUEsZUFBZSxFQUFFO0FBRkcsQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtQcm92aWRlcn0gZnJvbSAnQGtlcGxlci5nbC9jbG91ZC1wcm92aWRlcnMnO1xuaW1wb3J0IHtTZXRDbG91ZFByb3ZpZGVyUGF5bG9hZH0gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcblxuZXhwb3J0IHR5cGUgUHJvdmlkZXJNb2RhbENvbnRhaW5lclByb3BzID0ge1xuICBjbG91ZFByb3ZpZGVycz86IFByb3ZpZGVyW107XG4gIGN1cnJlbnRQcm92aWRlcj86IHN0cmluZyB8IG51bGw7XG4gIG9uU2V0Q2xvdWRQcm92aWRlcjogKHByb3ZpZGVyOiBTZXRDbG91ZFByb3ZpZGVyUGF5bG9hZCkgPT4gdm9pZDtcbn07XG5cbi8qKlxuICogQSB3cmFwcGVyIGNvbXBvbmVudCBpbiBtb2RhbHMgY29udGFpbiBjbG91ZCBwcm92aWRlcnMuXG4gKiBJdCBzZXQgZGVmYXVsdCBwcm92aWRlciBieSBjaGVja2luZyB3aGljaCBwcm92aWRlciBoYXMgbG9nZ2VkIGluXG4gKiBAY29tcG9uZW50XG4gKi9cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFByb3ZpZGVyTW9kYWxDb250YWluZXIgZXh0ZW5kcyBDb21wb25lbnQ8UHJvdmlkZXJNb2RhbENvbnRhaW5lclByb3BzPiB7XG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgY2xvdWRQcm92aWRlcnM6IFtdLFxuICAgIGN1cnJlbnRQcm92aWRlcjogbnVsbFxuICB9O1xuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIHRoaXMuX3NldERlZmF1bHRQcm92aWRlcigpO1xuICB9XG5cbiAgX3NldERlZmF1bHRQcm92aWRlcigpIHtcbiAgICBpZiAoIXRoaXMucHJvcHMuY3VycmVudFByb3ZpZGVyICYmIHRoaXMucHJvcHMuY2xvdWRQcm92aWRlcnM/Lmxlbmd0aCkge1xuICAgICAgY29uc3QgY29ubmVjdGVkID0gdGhpcy5wcm9wcy5jbG91ZFByb3ZpZGVycz8uZmluZChcbiAgICAgICAgcCA9PiB0eXBlb2YgcC5nZXRBY2Nlc3NUb2tlbiA9PT0gJ2Z1bmN0aW9uJyAmJiBwLmdldEFjY2Vzc1Rva2VuKClcbiAgICAgICk7XG5cbiAgICAgIGlmIChjb25uZWN0ZWQgJiYgdHlwZW9mIHRoaXMucHJvcHMub25TZXRDbG91ZFByb3ZpZGVyID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHRoaXMucHJvcHMub25TZXRDbG91ZFByb3ZpZGVyKGNvbm5lY3RlZC5uYW1lKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIDw+e3RoaXMucHJvcHMuY2hpbGRyZW59PC8+O1xuICB9XG59XG4iXX0=

package/dist/modals/save-map-modal.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { ImageModalContainerProps } from './image-modal-container';
+import { ProviderModalContainerProps } from './provider-modal-container';
+import { ExportImage } from '@kepler.gl/constants';
+import { MapInfo } from '@kepler.gl/types';
+import { Provider } from '@kepler.gl/cloud-providers';
+import { setMapInfo, cleanupExportImage as cleanupExportImageAction } from '@kepler.gl/actions';
+declare type CharacterLimits = {
+    title?: number;
+    description?: number;
+};
+declare type SaveMapModalProps = {
+    mapInfo: MapInfo;
+    exportImage: ExportImage;
+    cloudProviders: Provider[];
+    isProviderLoading: boolean;
+    currentProvider?: string | null;
+    providerError?: any;
+    characterLimits?: CharacterLimits;
+    onSetCloudProvider: ProviderModalContainerProps['onSetCloudProvider'];
+    onUpdateImageSetting: ImageModalContainerProps['onUpdateImageSetting'];
+    cleanupExportImage: typeof cleanupExportImageAction;
+    onSetMapInfo: typeof setMapInfo;
+};
+declare type MapInfoPanelProps = Pick<SaveMapModalProps, 'mapInfo' | 'characterLimits'> & {
+    onChangeInput: (type: string, event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => void;
+};
+export declare const MapInfoPanel: React.FC<MapInfoPanelProps>;
+declare function SaveMapModalFactory(): React.FC<SaveMapModalProps>;
+export default SaveMapModalFactory;