@kepler.gl/components 3.3.0-alpha.0 → 3.3.0-alpha.10

package/dist/esm/modals/cloud-components/cloud-item.spec.js

@@ -0,0 +1,163 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+// @ts-nocheck
+import React from 'react';
+import { fireEvent, waitFor } from '@testing-library/react';
+import { renderWithTheme } from '../../../../../test/helpers/component-jest-utils';
+import { CloudItem } from './cloud-item';
+import moment from 'moment';
+var nop = function nop() {
+  return;
+};
+describe('CloudItem', function () {
+  var mockVis = {
+    title: 'Test Title',
+    description: 'Test Description',
+    updatedAt: Date.now(),
+    thumbnail: 'test-thumbnail.jpg',
+    privateMap: true
+  };
+  var observerCallback;
+  beforeEach(function () {
+    observerCallback = null;
+    var MockIntersectionObserver = /*#__PURE__*/function () {
+      function MockIntersectionObserver(cb) {
+        _classCallCheck(this, MockIntersectionObserver);
+        observerCallback = cb;
+      }
+      return _createClass(MockIntersectionObserver, [{
+        key: "observe",
+        value: function observe() {
+          // Immediately report visible for lazy-load tests
+          if (observerCallback) {
+            observerCallback([{
+              isIntersecting: true
+            }]);
+          }
+        }
+      }, {
+        key: "disconnect",
+        value: function disconnect() {
+          return undefined;
+        }
+      }, {
+        key: "unobserve",
+        value: function unobserve() {
+          return undefined;
+        }
+      }]);
+    }();
+    global.IntersectionObserver = MockIntersectionObserver;
+  });
+  it('renders without crashing', function () {
+    var _renderWithTheme = renderWithTheme(/*#__PURE__*/React.createElement(CloudItem, {
+        vis: mockVis,
+        onClick: nop
+      })),
+      getByText = _renderWithTheme.getByText;
+    expect(getByText('Test Title')).toBeInTheDocument();
+  });
+  it('renders PrivacyBadge for private maps', function () {
+    var _renderWithTheme2 = renderWithTheme(/*#__PURE__*/React.createElement(CloudItem, {
+        vis: _objectSpread(_objectSpread({}, mockVis), {}, {
+          privateMap: true
+        }),
+        onClick: nop
+      })),
+      getByText = _renderWithTheme2.getByText;
+    expect(getByText('Private')).toBeInTheDocument();
+  });
+  it('does not render PrivacyBadge for public maps', function () {
+    var _renderWithTheme3 = renderWithTheme(/*#__PURE__*/React.createElement(CloudItem, {
+        vis: _objectSpread(_objectSpread({}, mockVis), {}, {
+          privateMap: false
+        }),
+        onClick: nop
+      })),
+      queryByText = _renderWithTheme3.queryByText;
+    expect(queryByText('Private')).toBeNull();
+  });
+  it('displays correct thumbnail image', function () {
+    var _renderWithTheme4 = renderWithTheme(/*#__PURE__*/React.createElement(CloudItem, {
+        vis: mockVis,
+        onClick: nop
+      })),
+      getByRole = _renderWithTheme4.getByRole;
+    expect(getByRole('thumbnail-wrapper').style.backgroundImage).toContain('test-thumbnail.jpg');
+  });
+  it('displays MapIcon when no thumbnail is provided', function () {
+    var _renderWithTheme5 = renderWithTheme(/*#__PURE__*/React.createElement(CloudItem, {
+        vis: _objectSpread(_objectSpread({}, mockVis), {}, {
+          thumbnail: null
+        }),
+        onClick: nop
+      })),
+      getByRole = _renderWithTheme5.getByRole;
+    expect(getByRole('map-icon')).toBeInTheDocument();
+  });
+  it('displays title, description, and last modification date', function () {
+    var _renderWithTheme6 = renderWithTheme(/*#__PURE__*/React.createElement(CloudItem, {
+        vis: mockVis,
+        onClick: nop
+      })),
+      getByText = _renderWithTheme6.getByText;
+    expect(getByText('Test Title')).toBeInTheDocument();
+    expect(getByText('Test Description')).toBeInTheDocument();
+    expect(getByText("Last modified ".concat(moment.utc(mockVis.updatedAt).fromNow()))).toBeInTheDocument();
+  });
+  it('calls onClick when component is clicked', function () {
+    var onClickMock = jest.fn();
+    var _renderWithTheme7 = renderWithTheme(/*#__PURE__*/React.createElement(CloudItem, {
+        vis: mockVis,
+        onClick: onClickMock
+      })),
+      getByText = _renderWithTheme7.getByText;
+    fireEvent.click(getByText('Test Title'));
+    expect(onClickMock).toHaveBeenCalled();
+  });
+  it('lazy-loads thumbnail when tile becomes visible', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var getMapThumbnail, provider, vis, _renderWithTheme8, findByRole, thumb;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          getMapThumbnail = jest.fn().mockResolvedValue('lazy-thumb.jpg');
+          provider = {
+            hasLazyThumbnails: function hasLazyThumbnails() {
+              return true;
+            },
+            getMapThumbnail: getMapThumbnail
+          };
+          vis = _objectSpread(_objectSpread({}, mockVis), {}, {
+            thumbnail: undefined
+          });
+          _renderWithTheme8 = renderWithTheme(/*#__PURE__*/React.createElement(CloudItem, {
+            vis: vis,
+            onClick: nop,
+            provider: provider
+          })), findByRole = _renderWithTheme8.findByRole;
+          _context.next = 6;
+          return findByRole('thumbnail-wrapper');
+        case 6:
+          thumb = _context.sent;
+          _context.next = 9;
+          return waitFor(function () {
+            return expect(getMapThumbnail).toHaveBeenCalledWith(vis);
+          });
+        case 9:
+          expect(thumb.style.backgroundImage).toContain('lazy-thumb.jpg');
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImZpcmVFdmVudCIsIndhaXRGb3IiLCJyZW5kZXJXaXRoVGhlbWUiLCJDbG91ZEl0ZW0iLCJtb21lbnQiLCJub3AiLCJkZXNjcmliZSIsIm1vY2tWaXMiLCJ0aXRsZSIsImRlc2NyaXB0aW9uIiwidXBkYXRlZEF0IiwiRGF0ZSIsIm5vdyIsInRodW1ibmFpbCIsInByaXZhdGVNYXAiLCJvYnNlcnZlckNhbGxiYWNrIiwiYmVmb3JlRWFjaCIsIk1vY2tJbnRlcnNlY3Rpb25PYnNlcnZlciIsImNiIiwiX2NsYXNzQ2FsbENoZWNrIiwiX2NyZWF0ZUNsYXNzIiwia2V5IiwidmFsdWUiLCJvYnNlcnZlIiwiaXNJbnRlcnNlY3RpbmciLCJkaXNjb25uZWN0IiwidW5kZWZpbmVkIiwidW5vYnNlcnZlIiwiZ2xvYmFsIiwiSW50ZXJzZWN0aW9uT2JzZXJ2ZXIiLCJpdCIsIl9yZW5kZXJXaXRoVGhlbWUiLCJjcmVhdGVFbGVtZW50IiwidmlzIiwib25DbGljayIsImdldEJ5VGV4dCIsImV4cGVjdCIsInRvQmVJblRoZURvY3VtZW50IiwiX3JlbmRlcldpdGhUaGVtZTIiLCJfb2JqZWN0U3ByZWFkIiwiX3JlbmRlcldpdGhUaGVtZTMiLCJxdWVyeUJ5VGV4dCIsInRvQmVOdWxsIiwiX3JlbmRlcldpdGhUaGVtZTQiLCJnZXRCeVJvbGUiLCJzdHlsZSIsImJhY2tncm91bmRJbWFnZSIsInRvQ29udGFpbiIsIl9yZW5kZXJXaXRoVGhlbWU1IiwiX3JlbmRlcldpdGhUaGVtZTYiLCJjb25jYXQiLCJ1dGMiLCJmcm9tTm93Iiwib25DbGlja01vY2siLCJqZXN0IiwiZm4iLCJfcmVuZGVyV2l0aFRoZW1lNyIsImNsaWNrIiwidG9IYXZlQmVlbkNhbGxlZCIsIl9hc3luY1RvR2VuZXJhdG9yIiwiX3JlZ2VuZXJhdG9yUnVudGltZSIsIm1hcmsiLCJfY2FsbGVlIiwiZ2V0TWFwVGh1bWJuYWlsIiwicHJvdmlkZXIiLCJfcmVuZGVyV2l0aFRoZW1lOCIsImZpbmRCeVJvbGUiLCJ0aHVtYiIsIndyYXAiLCJfY2FsbGVlJCIsIl9jb250ZXh0IiwicHJldiIsIm5leHQiLCJtb2NrUmVzb2x2ZWRWYWx1ZSIsImhhc0xhenlUaHVtYm5haWxzIiwic2VudCIsInRvSGF2ZUJlZW5DYWxsZWRXaXRoIiwic3RvcCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2RhbHMvY2xvdWQtY29tcG9uZW50cy9jbG91ZC1pdGVtLnNwZWMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbi8vIEB0cy1ub2NoZWNrXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtmaXJlRXZlbnQsIHdhaXRGb3J9IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnO1xuaW1wb3J0IHtyZW5kZXJXaXRoVGhlbWV9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3Rlc3QvaGVscGVycy9jb21wb25lbnQtamVzdC11dGlscyc7XG5cbmltcG9ydCB7Q2xvdWRJdGVtfSBmcm9tICcuL2Nsb3VkLWl0ZW0nO1xuaW1wb3J0IG1vbWVudCBmcm9tICdtb21lbnQnO1xuY29uc3Qgbm9wID0gKCkgPT4ge1xuICByZXR1cm47XG59O1xuZGVzY3JpYmUoJ0Nsb3VkSXRlbScsICgpID0+IHtcbiAgY29uc3QgbW9ja1ZpcyA9IHtcbiAgICB0aXRsZTogJ1Rlc3QgVGl0bGUnLFxuICAgIGRlc2NyaXB0aW9uOiAnVGVzdCBEZXNjcmlwdGlvbicsXG4gICAgdXBkYXRlZEF0OiBEYXRlLm5vdygpLFxuICAgIHRodW1ibmFpbDogJ3Rlc3QtdGh1bWJuYWlsLmpwZycsXG4gICAgcHJpdmF0ZU1hcDogdHJ1ZVxuICB9O1xuXG4gIGxldCBvYnNlcnZlckNhbGxiYWNrO1xuICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICBvYnNlcnZlckNhbGxiYWNrID0gbnVsbDtcbiAgICBjbGFzcyBNb2NrSW50ZXJzZWN0aW9uT2JzZXJ2ZXIge1xuICAgICAgY29uc3RydWN0b3IoY2IpIHtcbiAgICAgICAgb2JzZXJ2ZXJDYWxsYmFjayA9IGNiO1xuICAgICAgfVxuICAgICAgb2JzZXJ2ZSgpIHtcbiAgICAgICAgLy8gSW1tZWRpYXRlbHkgcmVwb3J0IHZpc2libGUgZm9yIGxhenktbG9hZCB0ZXN0c1xuICAgICAgICBpZiAob2JzZXJ2ZXJDYWxsYmFjaykge1xuICAgICAgICAgIG9ic2VydmVyQ2FsbGJhY2soW3tpc0ludGVyc2VjdGluZzogdHJ1ZX1dKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgZGlzY29ubmVjdCgpIHtcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICAgIH1cbiAgICAgIHVub2JzZXJ2ZSgpIHtcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICAgIH1cbiAgICB9XG4gICAgZ2xvYmFsLkludGVyc2VjdGlvbk9ic2VydmVyID0gTW9ja0ludGVyc2VjdGlvbk9ic2VydmVyO1xuICB9KTtcblxuICBpdCgncmVuZGVycyB3aXRob3V0IGNyYXNoaW5nJywgKCkgPT4ge1xuICAgIGNvbnN0IHtnZXRCeVRleHR9ID0gcmVuZGVyV2l0aFRoZW1lKDxDbG91ZEl0ZW0gdmlzPXttb2NrVmlzfSBvbkNsaWNrPXtub3B9IC8+KTtcbiAgICBleHBlY3QoZ2V0QnlUZXh0KCdUZXN0IFRpdGxlJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gIH0pO1xuXG4gIGl0KCdyZW5kZXJzIFByaXZhY3lCYWRnZSBmb3IgcHJpdmF0ZSBtYXBzJywgKCkgPT4ge1xuICAgIGNvbnN0IHtnZXRCeVRleHR9ID0gcmVuZGVyV2l0aFRoZW1lKFxuICAgICAgPENsb3VkSXRlbSB2aXM9e3suLi5tb2NrVmlzLCBwcml2YXRlTWFwOiB0cnVlfX0gb25DbGljaz17bm9wfSAvPlxuICAgICk7XG4gICAgZXhwZWN0KGdldEJ5VGV4dCgnUHJpdmF0ZScpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICB9KTtcblxuICBpdCgnZG9lcyBub3QgcmVuZGVyIFByaXZhY3lCYWRnZSBmb3IgcHVibGljIG1hcHMnLCAoKSA9PiB7XG4gICAgY29uc3Qge3F1ZXJ5QnlUZXh0fSA9IHJlbmRlcldpdGhUaGVtZShcbiAgICAgIDxDbG91ZEl0ZW0gdmlzPXt7Li4ubW9ja1ZpcywgcHJpdmF0ZU1hcDogZmFsc2V9fSBvbkNsaWNrPXtub3B9IC8+XG4gICAgKTtcbiAgICBleHBlY3QocXVlcnlCeVRleHQoJ1ByaXZhdGUnKSkudG9CZU51bGwoKTtcbiAgfSk7XG5cbiAgaXQoJ2Rpc3BsYXlzIGNvcnJlY3QgdGh1bWJuYWlsIGltYWdlJywgKCkgPT4ge1xuICAgIGNvbnN0IHtnZXRCeVJvbGV9ID0gcmVuZGVyV2l0aFRoZW1lKDxDbG91ZEl0ZW0gdmlzPXttb2NrVmlzfSBvbkNsaWNrPXtub3B9IC8+KTtcbiAgICBleHBlY3QoZ2V0QnlSb2xlKCd0aHVtYm5haWwtd3JhcHBlcicpLnN0eWxlLmJhY2tncm91bmRJbWFnZSkudG9Db250YWluKCd0ZXN0LXRodW1ibmFpbC5qcGcnKTtcbiAgfSk7XG5cbiAgaXQoJ2Rpc3BsYXlzIE1hcEljb24gd2hlbiBubyB0aHVtYm5haWwgaXMgcHJvdmlkZWQnLCAoKSA9PiB7XG4gICAgY29uc3Qge2dldEJ5Um9sZX0gPSByZW5kZXJXaXRoVGhlbWUoXG4gICAgICA8Q2xvdWRJdGVtIHZpcz17ey4uLm1vY2tWaXMsIHRodW1ibmFpbDogbnVsbH19IG9uQ2xpY2s9e25vcH0gLz5cbiAgICApO1xuICAgIGV4cGVjdChnZXRCeVJvbGUoJ21hcC1pY29uJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gIH0pO1xuXG4gIGl0KCdkaXNwbGF5cyB0aXRsZSwgZGVzY3JpcHRpb24sIGFuZCBsYXN0IG1vZGlmaWNhdGlvbiBkYXRlJywgKCkgPT4ge1xuICAgIGNvbnN0IHtnZXRCeVRleHR9ID0gcmVuZGVyV2l0aFRoZW1lKDxDbG91ZEl0ZW0gdmlzPXttb2NrVmlzfSBvbkNsaWNrPXtub3B9IC8+KTtcbiAgICBleHBlY3QoZ2V0QnlUZXh0KCdUZXN0IFRpdGxlJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgZXhwZWN0KGdldEJ5VGV4dCgnVGVzdCBEZXNjcmlwdGlvbicpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgIGV4cGVjdChcbiAgICAgIGdldEJ5VGV4dChgTGFzdCBtb2RpZmllZCAke21vbWVudC51dGMobW9ja1Zpcy51cGRhdGVkQXQpLmZyb21Ob3coKX1gKVxuICAgICkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgfSk7XG5cbiAgaXQoJ2NhbGxzIG9uQ2xpY2sgd2hlbiBjb21wb25lbnQgaXMgY2xpY2tlZCcsICgpID0+IHtcbiAgICBjb25zdCBvbkNsaWNrTW9jayA9IGplc3QuZm4oKTtcbiAgICBjb25zdCB7Z2V0QnlUZXh0fSA9IHJlbmRlcldpdGhUaGVtZSg8Q2xvdWRJdGVtIHZpcz17bW9ja1Zpc30gb25DbGljaz17b25DbGlja01vY2t9IC8+KTtcbiAgICBmaXJlRXZlbnQuY2xpY2soZ2V0QnlUZXh0KCdUZXN0IFRpdGxlJykpO1xuICAgIGV4cGVjdChvbkNsaWNrTW9jaykudG9IYXZlQmVlbkNhbGxlZCgpO1xuICB9KTtcblxuICBpdCgnbGF6eS1sb2FkcyB0aHVtYm5haWwgd2hlbiB0aWxlIGJlY29tZXMgdmlzaWJsZScsIGFzeW5jICgpID0+IHtcbiAgICBjb25zdCBnZXRNYXBUaHVtYm5haWwgPSBqZXN0LmZuKCkubW9ja1Jlc29sdmVkVmFsdWUoJ2xhenktdGh1bWIuanBnJyk7XG4gICAgY29uc3QgcHJvdmlkZXIgPSB7XG4gICAgICBoYXNMYXp5VGh1bWJuYWlsczogKCkgPT4gdHJ1ZSxcbiAgICAgIGdldE1hcFRodW1ibmFpbFxuICAgIH07XG4gICAgY29uc3QgdmlzID0gey4uLm1vY2tWaXMsIHRodW1ibmFpbDogdW5kZWZpbmVkfTtcbiAgICBjb25zdCB7ZmluZEJ5Um9sZX0gPSByZW5kZXJXaXRoVGhlbWUoPENsb3VkSXRlbSB2aXM9e3Zpc30gb25DbGljaz17bm9wfSBwcm92aWRlcj17cHJvdmlkZXJ9IC8+KTtcblxuICAgIGNvbnN0IHRodW1iID0gYXdhaXQgZmluZEJ5Um9sZSgndGh1bWJuYWlsLXdyYXBwZXInKTtcbiAgICBhd2FpdCB3YWl0Rm9yKCgpID0+IGV4cGVjdChnZXRNYXBUaHVtYm5haWwpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKHZpcykpO1xuICAgIGV4cGVjdCh0aHVtYi5zdHlsZS5iYWNrZ3JvdW5kSW1hZ2UpLnRvQ29udGFpbignbGF6eS10aHVtYi5qcGcnKTtcbiAgfSk7XG59KTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBO0FBQ0E7O0FBRUE7QUFDQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixTQUFRQyxTQUFTLEVBQUVDLE9BQU8sUUFBTyx3QkFBd0I7QUFDekQsU0FBUUMsZUFBZSxRQUFPLGtEQUFrRDtBQUVoRixTQUFRQyxTQUFTLFFBQU8sY0FBYztBQUN0QyxPQUFPQyxNQUFNLE1BQU0sUUFBUTtBQUMzQixJQUFNQyxHQUFHLEdBQUcsU0FBTkEsR0FBR0EsQ0FBQSxFQUFTO0VBQ2hCO0FBQ0YsQ0FBQztBQUNEQyxRQUFRLENBQUMsV0FBVyxFQUFFLFlBQU07RUFDMUIsSUFBTUMsT0FBTyxHQUFHO0lBQ2RDLEtBQUssRUFBRSxZQUFZO0lBQ25CQyxXQUFXLEVBQUUsa0JBQWtCO0lBQy9CQyxTQUFTLEVBQUVDLElBQUksQ0FBQ0MsR0FBRyxDQUFDLENBQUM7SUFDckJDLFNBQVMsRUFBRSxvQkFBb0I7SUFDL0JDLFVBQVUsRUFBRTtFQUNkLENBQUM7RUFFRCxJQUFJQyxnQkFBZ0I7RUFDcEJDLFVBQVUsQ0FBQyxZQUFNO0lBQ2ZELGdCQUFnQixHQUFHLElBQUk7SUFBQyxJQUNsQkUsd0JBQXdCO01BQzVCLFNBQUFBLHlCQUFZQyxFQUFFLEVBQUU7UUFBQUMsZUFBQSxPQUFBRix3QkFBQTtRQUNkRixnQkFBZ0IsR0FBR0csRUFBRTtNQUN2QjtNQUFDLE9BQUFFLFlBQUEsQ0FBQUgsd0JBQUE7UUFBQUksR0FB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

package/dist/esm/modals/cloud-components/cloud-maps.js

@@ -0,0 +1,43 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React from 'react';
+import styled from 'styled-components';
+import LoadingDialog from '../loading-dialog';
+import { FormattedMessage } from '@kepler.gl/localization';
+import { CloudItem } from './cloud-item';
+import { FlexContainer } from '../../common/flex-container';
+var StyledSpinner = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  span {\n    margin: 0 auto;\n  }\n"])));
+var StyledFlexContainer = styled(FlexContainer)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  justify-content: flex-start;\n  flex-wrap: wrap;\n"])));
+export var CloudMaps = function CloudMaps(_ref) {
+  var provider = _ref.provider,
+    onSelectMap = _ref.onSelectMap,
+    isLoading = _ref.isLoading,
+    maps = _ref.maps,
+    error = _ref.error;
+  if (error) {
+    return /*#__PURE__*/React.createElement("div", null, "Error while fetching maps: ", error.message);
+  }
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(StyledSpinner, null, /*#__PURE__*/React.createElement(LoadingDialog, {
+      size: 64
+    }));
+  }
+  return /*#__PURE__*/React.createElement(StyledFlexContainer, null, (maps !== null && maps !== void 0 ? maps : []).length ? maps.map(function (vis) {
+    return /*#__PURE__*/React.createElement(CloudItem, {
+      key: vis.id,
+      onClick: function onClick() {
+        return onSelectMap(provider, vis);
+      },
+      provider: provider,
+      vis: vis
+    });
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "visualization-list__message"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: 'modal.loadStorageMap.noSavedMaps'
+  })));
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsIkxvYWRpbmdEaWFsb2ciLCJGb3JtYXR0ZWRNZXNzYWdlIiwiQ2xvdWRJdGVtIiwiRmxleENvbnRhaW5lciIsIlN0eWxlZFNwaW5uZXIiLCJkaXYiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsIiwiU3R5bGVkRmxleENvbnRhaW5lciIsIl90ZW1wbGF0ZU9iamVjdDIiLCJDbG91ZE1hcHMiLCJfcmVmIiwicHJvdmlkZXIiLCJvblNlbGVjdE1hcCIsImlzTG9hZGluZyIsIm1hcHMiLCJlcnJvciIsImNyZWF0ZUVsZW1lbnQiLCJtZXNzYWdlIiwic2l6ZSIsImxlbmd0aCIsIm1hcCIsInZpcyIsImtleSIsImlkIiwib25DbGljayIsImNsYXNzTmFtZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2RhbHMvY2xvdWQtY29tcG9uZW50cy9jbG91ZC1tYXBzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgTG9hZGluZ0RpYWxvZyBmcm9tICcuLi9sb2FkaW5nLWRpYWxvZyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7Q2xvdWRJdGVtfSBmcm9tICcuL2Nsb3VkLWl0ZW0nO1xuaW1wb3J0IHtGbGV4Q29udGFpbmVyfSBmcm9tICcuLi8uLi9jb21tb24vZmxleC1jb250YWluZXInO1xuXG5jb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkLmRpdmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBzcGFuIHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRmxleENvbnRhaW5lciA9IHN0eWxlZChGbGV4Q29udGFpbmVyKWBcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvdWRNYXBzID0gKHtwcm92aWRlciwgb25TZWxlY3RNYXAsIGlzTG9hZGluZywgbWFwcywgZXJyb3J9KSA9PiB7XG4gIGlmIChlcnJvcikge1xuICAgIHJldHVybiA8ZGl2PkVycm9yIHdoaWxlIGZldGNoaW5nIG1hcHM6IHtlcnJvci5tZXNzYWdlfTwvZGl2PjtcbiAgfVxuXG4gIGlmIChpc0xvYWRpbmcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNwaW5uZXI+XG4gICAgICAgIDxMb2FkaW5nRGlhbG9nIHNpemU9ezY0fSAvPlxuICAgICAgPC9TdHlsZWRTcGlubmVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGbGV4Q29udGFpbmVyPlxuICAgICAgeyhtYXBzID8/IFtdKS5sZW5ndGggPyAoXG4gICAgICAgIG1hcHMubWFwKHZpcyA9PiAoXG4gICAgICAgICAgPENsb3VkSXRlbVxuICAgICAgICAgICAga2V5PXt2aXMuaWR9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNlbGVjdE1hcChwcm92aWRlciwgdmlzKX1cbiAgICAgICAgICAgIHByb3ZpZGVyPXtwcm92aWRlcn1cbiAgICAgICAgICAgIHZpcz17dmlzfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpXG4gICAgICApIDogKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInZpc3VhbGl6YXRpb24tbGlzdF9fbWVzc2FnZVwiPlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnbW9kYWwubG9hZFN0b3JhZ2VNYXAubm9TYXZlZE1hcHMnfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRGbGV4Q29udGFpbmVyPlxuICApO1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLEtBQUssTUFBTSxPQUFPO0FBQ3pCLE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFDdEMsT0FBT0MsYUFBYSxNQUFNLG1CQUFtQjtBQUM3QyxTQUFRQyxnQkFBZ0IsUUFBTyx5QkFBeUI7QUFDeEQsU0FBUUMsU0FBUyxRQUFPLGNBQWM7QUFDdEMsU0FBUUMsYUFBYSxRQUFPLDZCQUE2QjtBQUV6RCxJQUFNQyxhQUFhLEdBQUdMLE1BQU0sQ0FBQ00sR0FBRyxDQUFBQyxlQUFBLEtBQUFBLGVBQUEsR0FBQUMsc0JBQUEscUVBSy9CO0FBRUQsSUFBTUMsbUJBQW1CLEdBQUdULE1BQU0sQ0FBQ0ksYUFBYSxDQUFDLENBQUFNLGdCQUFBLEtBQUFBLGdCQUFBLEdBQUFGLHNCQUFBLDhEQUdoRDtBQUVELE9BQU8sSUFBTUcsU0FBUyxHQUFHLFNBQVpBLFNBQVNBLENBQUFDLElBQUEsRUFBd0Q7RUFBQSxJQUFuREMsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7SUFBRUMsV0FBVyxHQUFBRixJQUFBLENBQVhFLFdBQVc7SUFBRUMsU0FBUyxHQUFBSCxJQUFBLENBQVRHLFNBQVM7SUFBRUMsSUFBSSxHQUFBSixJQUFBLENBQUpJLElBQUk7SUFBRUMsS0FBSyxHQUFBTCxJQUFBLENBQUxLLEtBQUs7RUFDdEUsSUFBSUEsS0FBSyxFQUFFO0lBQ1Qsb0JBQU9sQixLQUFBLENBQUFtQixhQUFBLGNBQUssNkJBQTJCLEVBQUNELEtBQUssQ0FBQ0UsT0FBYSxDQUFDO0VBQzlEO0VBRUEsSUFBSUosU0FBUyxFQUFFO0lBQ2Isb0JBQ0VoQixLQUFBLENBQUFtQixhQUFBLENBQUNiLGFBQWEscUJBQ1pOLEtBQUEsQ0FBQW1CLGFBQUEsQ0FBQ2pCLGFBQWE7TUFBQ21CLElBQUksRUFBRTtJQUFHLENBQUUsQ0FDYixDQUFDO0VBRXBCO0VBRUEsb0JBQ0VyQixLQUFBLENBQUFtQixhQUFBLENBQUNULG1CQUFtQixRQUNqQixDQUFDTyxJQUFJLGFBQUpBLElBQUksY0FBSkEsSUFBSSxHQUFJLEVBQUUsRUFBRUssTUFBTSxHQUNsQkwsSUFBSSxDQUFDTSxHQUFHLENBQUMsVUFBQUMsR0FBRztJQUFBLG9CQUNWeEIsS0FBQSxDQUFBbUIsYUFBQSxDQUFDZixTQUFTO01BQ1JxQixHQUFHLEVBQUVELEdBQUcsQ0FBQ0UsRUFBRztNQUNaQyxPQUFPLEVBQUUsU0FBVEEsT0FBT0EsQ0FBQTtRQUFBLE9BQVFaLFdBQVcsQ0FBQ0QsUUFBUSxFQUFFVSxHQUFHLENBQUM7TUFBQSxDQUFDO01BQzFDVixRQUFRLEVBQUVBLFFBQVM7TUFDbkJVLEdBQUcsRUFBRUE7SUFBSSxDQUNWLENBQUM7RUFBQSxDQUNILENBQUMsZ0JBRUZ4QixLQUFBLENBQUFtQixhQUFBO0lBQUtTLFNBQVMsRUFBQztFQUE2QixnQkFDMUM1QixLQUFBLENBQUFtQixhQUFBLENBQUNoQixnQkFBZ0I7SUFBQ3VCLEVBQUUsRUFBRTtFQUFtQyxDQUFFLENBQ3hELENBRVksQ0FBQztBQUUxQixDQUFDIiwiaWdub3JlTGlzdCI6W119

package/dist/esm/modals/cloud-components/cloud-maps.spec.js

@@ -0,0 +1,94 @@
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+// @ts-nocheck
+import React from 'react';
+import { fireEvent } from '@testing-library/react';
+import { renderWithTheme } from '../../../../../test/helpers/component-jest-utils';
+import { CloudMaps } from './cloud-maps';
+describe('CloudMaps Component', function () {
+  it('renderWithThemes without crashing', function () {
+    var _renderWithTheme = renderWithTheme(/*#__PURE__*/React.createElement(CloudMaps, {
+        isLoading: false,
+        maps: [],
+        error: null
+      })),
+      getByText = _renderWithTheme.getByText;
+    expect(getByText(/noSavedMaps/i)).toBeInTheDocument();
+  });
+  it('displays error message when there is an error', function () {
+    var errorMessage = 'Test Error';
+    var _renderWithTheme2 = renderWithTheme(/*#__PURE__*/React.createElement(CloudMaps, {
+        isLoading: false,
+        maps: [],
+        error: {
+          message: errorMessage
+        }
+      })),
+      getByText = _renderWithTheme2.getByText;
+    expect(getByText("Error while fetching maps: ".concat(errorMessage))).toBeInTheDocument();
+  });
+  it('displays loading spinner when isLoading is true', function () {
+    var _renderWithTheme3 = renderWithTheme(/*#__PURE__*/React.createElement(CloudMaps, {
+        isLoading: true,
+        maps: [],
+        error: null
+      })),
+      getByText = _renderWithTheme3.getByText;
+    expect(getByText('modal.loadingDialog.loading')).toBeInTheDocument(); // Ensure your spinner has 'data-testid="loading-spinner"'
+  });
+  it('renderWithThemes correct number of CloudItems based on maps prop', function () {
+    var mockMaps = [{
+      id: 1,
+      title: 'map'
+    }, {
+      id: 2,
+      title: 'map'
+    }, {
+      id: 3,
+      title: 'map'
+    }];
+    var _renderWithTheme4 = renderWithTheme(/*#__PURE__*/React.createElement(CloudMaps, {
+        isLoading: false,
+        maps: mockMaps,
+        error: null
+      })),
+      getAllByText = _renderWithTheme4.getAllByText;
+    expect(getAllByText('map')).toHaveLength(mockMaps.length); // Ensure your CloudItem has 'data-testid="cloud-item"'
+  });
+  it('displays message when there are no maps', function () {
+    var _renderWithTheme5 = renderWithTheme(/*#__PURE__*/React.createElement(CloudMaps, {
+        isLoading: false,
+        maps: [],
+        error: null
+      })),
+      getByText = _renderWithTheme5.getByText;
+    expect(getByText(/noSavedMaps/i)).toBeInTheDocument();
+  });
+  it('calls onSelectMap when a CloudItem is clicked', function () {
+    var mockMaps = [{
+      id: 1,
+      title: 'map'
+    }, {
+      id: 2,
+      title: 'map'
+    }, {
+      id: 3,
+      title: 'map'
+    }];
+    var onSelectMap = jest.fn();
+    var provider = 'testProvider';
+    var _renderWithTheme6 = renderWithTheme(/*#__PURE__*/React.createElement(CloudMaps, {
+        provider: provider,
+        onSelectMap: onSelectMap,
+        isLoading: false,
+        maps: mockMaps,
+        error: null
+      })),
+      getAllByText = _renderWithTheme6.getAllByText;
+    var firstItem = getAllByText('map')[0];
+    fireEvent.click(firstItem);
+    expect(onSelectMap).toHaveBeenCalledWith(provider, mockMaps[0]);
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImZpcmVFdmVudCIsInJlbmRlcldpdGhUaGVtZSIsIkNsb3VkTWFwcyIsImRlc2NyaWJlIiwiaXQiLCJfcmVuZGVyV2l0aFRoZW1lIiwiY3JlYXRlRWxlbWVudCIsImlzTG9hZGluZyIsIm1hcHMiLCJlcnJvciIsImdldEJ5VGV4dCIsImV4cGVjdCIsInRvQmVJblRoZURvY3VtZW50IiwiZXJyb3JNZXNzYWdlIiwiX3JlbmRlcldpdGhUaGVtZTIiLCJtZXNzYWdlIiwiY29uY2F0IiwiX3JlbmRlcldpdGhUaGVtZTMiLCJtb2NrTWFwcyIsImlkIiwidGl0bGUiLCJfcmVuZGVyV2l0aFRoZW1lNCIsImdldEFsbEJ5VGV4dCIsInRvSGF2ZUxlbmd0aCIsImxlbmd0aCIsIl9yZW5kZXJXaXRoVGhlbWU1Iiwib25TZWxlY3RNYXAiLCJqZXN0IiwiZm4iLCJwcm92aWRlciIsIl9yZW5kZXJXaXRoVGhlbWU2IiwiZmlyc3RJdGVtIiwiY2xpY2siLCJ0b0hhdmVCZWVuQ2FsbGVkV2l0aCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2RhbHMvY2xvdWQtY29tcG9uZW50cy9jbG91ZC1tYXBzLnNwZWMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbi8vIEB0cy1ub2NoZWNrXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtmaXJlRXZlbnR9IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnO1xuaW1wb3J0IHtyZW5kZXJXaXRoVGhlbWV9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3Rlc3QvaGVscGVycy9jb21wb25lbnQtamVzdC11dGlscyc7XG5pbXBvcnQge0Nsb3VkTWFwc30gZnJvbSAnLi9jbG91ZC1tYXBzJztcblxuZGVzY3JpYmUoJ0Nsb3VkTWFwcyBDb21wb25lbnQnLCAoKSA9PiB7XG4gIGl0KCdyZW5kZXJXaXRoVGhlbWVzIHdpdGhvdXQgY3Jhc2hpbmcnLCAoKSA9PiB7XG4gICAgY29uc3Qge2dldEJ5VGV4dH0gPSByZW5kZXJXaXRoVGhlbWUoPENsb3VkTWFwcyBpc0xvYWRpbmc9e2ZhbHNlfSBtYXBzPXtbXX0gZXJyb3I9e251bGx9IC8+KTtcbiAgICBleHBlY3QoZ2V0QnlUZXh0KC9ub1NhdmVkTWFwcy9pKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgfSk7XG5cbiAgaXQoJ2Rpc3BsYXlzIGVycm9yIG1lc3NhZ2Ugd2hlbiB0aGVyZSBpcyBhbiBlcnJvcicsICgpID0+IHtcbiAgICBjb25zdCBlcnJvck1lc3NhZ2UgPSAnVGVzdCBFcnJvcic7XG4gICAgY29uc3Qge2dldEJ5VGV4dH0gPSByZW5kZXJXaXRoVGhlbWUoXG4gICAgICA8Q2xvdWRNYXBzIGlzTG9hZGluZz17ZmFsc2V9IG1hcHM9e1tdfSBlcnJvcj17e21lc3NhZ2U6IGVycm9yTWVzc2FnZX19IC8+XG4gICAgKTtcbiAgICBleHBlY3QoZ2V0QnlUZXh0KGBFcnJvciB3aGlsZSBmZXRjaGluZyBtYXBzOiAke2Vycm9yTWVzc2FnZX1gKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgfSk7XG5cbiAgaXQoJ2Rpc3BsYXlzIGxvYWRpbmcgc3Bpbm5lciB3aGVuIGlzTG9hZGluZyBpcyB0cnVlJywgKCkgPT4ge1xuICAgIGNvbnN0IHtnZXRCeVRleHR9ID0gcmVuZGVyV2l0aFRoZW1lKDxDbG91ZE1hcHMgaXNMb2FkaW5nPXt0cnVlfSBtYXBzPXtbXX0gZXJyb3I9e251bGx9IC8+KTtcbiAgICBleHBlY3QoZ2V0QnlUZXh0KCdtb2RhbC5sb2FkaW5nRGlhbG9nLmxvYWRpbmcnKSkudG9CZUluVGhlRG9jdW1lbnQoKTsgLy8gRW5zdXJlIHlvdXIgc3Bpbm5lciBoYXMgJ2RhdGEtdGVzdGlkPVwibG9hZGluZy1zcGlubmVyXCInXG4gIH0pO1xuXG4gIGl0KCdyZW5kZXJXaXRoVGhlbWVzIGNvcnJlY3QgbnVtYmVyIG9mIENsb3VkSXRlbXMgYmFzZWQgb24gbWFwcyBwcm9wJywgKCkgPT4ge1xuICAgIGNvbnN0IG1vY2tNYXBzID0gW1xuICAgICAge2lkOiAxLCB0aXRsZTogJ21hcCd9LFxuICAgICAge2lkOiAyLCB0aXRsZTogJ21hcCd9LFxuICAgICAge2lkOiAzLCB0aXRsZTogJ21hcCd9XG4gICAgXTtcbiAgICBjb25zdCB7Z2V0QWxsQnlUZXh0fSA9IHJlbmRlcldpdGhUaGVtZShcbiAgICAgIDxDbG91ZE1hcHMgaXNMb2FkaW5nPXtmYWxzZX0gbWFwcz17bW9ja01hcHN9IGVycm9yPXtudWxsfSAvPlxuICAgICk7XG4gICAgZXhwZWN0KGdldEFsbEJ5VGV4dCgnbWFwJykpLnRvSGF2ZUxlbmd0aChtb2NrTWFwcy5sZW5ndGgpOyAvLyBFbnN1cmUgeW91ciBDbG91ZEl0ZW0gaGFzICdkYXRhLXRlc3RpZD1cImNsb3VkLWl0ZW1cIidcbiAgfSk7XG5cbiAgaXQoJ2Rpc3BsYXlzIG1lc3NhZ2Ugd2hlbiB0aGVyZSBhcmUgbm8gbWFwcycsICgpID0+IHtcbiAgICBjb25zdCB7Z2V0QnlUZXh0fSA9IHJlbmRlcldpdGhUaGVtZSg8Q2xvdWRNYXBzIGlzTG9hZGluZz17ZmFsc2V9IG1hcHM9e1tdfSBlcnJvcj17bnVsbH0gLz4pO1xuICAgIGV4cGVjdChnZXRCeVRleHQoL25vU2F2ZWRNYXBzL2kpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICB9KTtcblxuICBpdCgnY2FsbHMgb25TZWxlY3RNYXAgd2hlbiBhIENsb3VkSXRlbSBpcyBjbGlja2VkJywgKCkgPT4ge1xuICAgIGNvbnN0IG1vY2tNYXBzID0gW1xuICAgICAge2lkOiAxLCB0aXRsZTogJ21hcCd9LFxuICAgICAge2lkOiAyLCB0aXRsZTogJ21hcCd9LFxuICAgICAge2lkOiAzLCB0aXRsZTogJ21hcCd9XG4gICAgXTtcbiAgICBjb25zdCBvblNlbGVjdE1hcCA9IGplc3QuZm4oKTtcbiAgICBjb25zdCBwcm92aWRlciA9ICd0ZXN0UHJvdmlkZXInO1xuICAgIGNvbnN0IHtnZXRBbGxCeVRleHR9ID0gcmVuZGVyV2l0aFRoZW1lKFxuICAgICAgPENsb3VkTWFwc1xuICAgICAgICBwcm92aWRlcj17cHJvdmlkZXJ9XG4gICAgICAgIG9uU2VsZWN0TWFwPXtvblNlbGVjdE1hcH1cbiAgICAgICAgaXNMb2FkaW5nPXtmYWxzZX1cbiAgICAgICAgbWFwcz17bW9ja01hcHN9XG4gICAgICAgIGVycm9yPXtudWxsfVxuICAgICAgLz5cbiAgICApO1xuXG4gICAgY29uc3QgZmlyc3RJdGVtID0gZ2V0QWxsQnlUZXh0KCdtYXAnKVswXTtcbiAgICBmaXJlRXZlbnQuY2xpY2soZmlyc3RJdGVtKTtcbiAgICBleHBlY3Qob25TZWxlY3RNYXApLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKHByb3ZpZGVyLCBtb2NrTWFwc1swXSk7XG4gIH0pO1xufSk7XG4iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7O0FBRUE7QUFDQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixTQUFRQyxTQUFTLFFBQU8sd0JBQXdCO0FBQ2hELFNBQVFDLGVBQWUsUUFBTyxrREFBa0Q7QUFDaEYsU0FBUUMsU0FBUyxRQUFPLGNBQWM7QUFFdENDLFFBQVEsQ0FBQyxxQkFBcUIsRUFBRSxZQUFNO0VBQ3BDQyxFQUFFLENBQUMsbUNBQW1DLEVBQUUsWUFBTTtJQUM1QyxJQUFBQyxnQkFBQSxHQUFvQkosZUFBZSxjQUFDRixLQUFBLENBQUFPLGFBQUEsQ0FBQ0osU0FBUztRQUFDSyxTQUFTLEVBQUUsS0FBTTtRQUFDQyxJQUFJLEVBQUUsRUFBRztRQUFDQyxLQUFLLEVBQUU7TUFBSyxDQUFFLENBQUMsQ0FBQztNQUFwRkMsU0FBUyxHQUFBTCxnQkFBQSxDQUFUSyxTQUFTO0lBQ2hCQyxNQUFNLENBQUNELFNBQVMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDRSxpQkFBaUIsQ0FBQyxDQUFDO0VBQ3ZELENBQUMsQ0FBQztFQUVGUixFQUFFLENBQUMsK0NBQStDLEVBQUUsWUFBTTtJQUN4RCxJQUFN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

package/dist/esm/modals/cloud-components/cloud-storage-disclaimer.js

@@ -0,0 +1,19 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React from 'react';
+import styled from 'styled-components';
+import { FormattedMessage } from '@kepler.gl/localization';
+var StyledDisclaimer = styled.p.attrs({
+  className: 'cloud-storage-disclaimer'
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n  margin-bottom: 0;\n  padding-top: 16px;\n  font-size: 11px;\n  line-height: 1.4;\n  color: ", ";\n  max-width: 100%;\n"])), function (props) {
+  return props.theme.subtextColor;
+});
+export var CloudStorageDisclaimer = function CloudStorageDisclaimer() {
+  return /*#__PURE__*/React.createElement(StyledDisclaimer, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "modal.providerSelect.disclaimer"
+  }));
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJTdHlsZWREaXNjbGFpbWVyIiwicCIsImF0dHJzIiwiY2xhc3NOYW1lIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsInByb3BzIiwidGhlbWUiLCJzdWJ0ZXh0Q29sb3IiLCJDbG91ZFN0b3JhZ2VEaXNjbGFpbWVyIiwiY3JlYXRlRWxlbWVudCIsImlkIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vZGFscy9jbG91ZC1jb21wb25lbnRzL2Nsb3VkLXN0b3JhZ2UtZGlzY2xhaW1lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5cbmNvbnN0IFN0eWxlZERpc2NsYWltZXIgPSBzdHlsZWQucC5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2Nsb3VkLXN0b3JhZ2UtZGlzY2xhaW1lcidcbn0pYFxuICBtYXJnaW4tdG9wOiBhdXRvO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBwYWRkaW5nLXRvcDogMTZweDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBsaW5lLWhlaWdodDogMS40O1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zdWJ0ZXh0Q29sb3J9O1xuICBtYXgtd2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvdWRTdG9yYWdlRGlzY2xhaW1lcjogUmVhY3QuRkMgPSAoKSA9PiAoXG4gIDxTdHlsZWREaXNjbGFpbWVyPlxuICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPVwibW9kYWwucHJvdmlkZXJTZWxlY3QuZGlzY2xhaW1lclwiIC8+XG4gIDwvU3R5bGVkRGlzY2xhaW1lcj5cbik7XG4iXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBQ3RDLFNBQVFDLGdCQUFnQixRQUFPLHlCQUF5QjtBQUV4RCxJQUFNQyxnQkFBZ0IsR0FBR0YsTUFBTSxDQUFDRyxDQUFDLENBQUNDLEtBQUssQ0FBQztFQUN0Q0MsU0FBUyxFQUFFO0FBQ2IsQ0FBQyxDQUFDLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSx3SkFNUyxVQUFBQyxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNDLFlBQVk7QUFBQSxFQUUzQztBQUVELE9BQU8sSUFBTUMsc0JBQWdDLEdBQUcsU0FBbkNBLHNCQUFnQ0EsQ0FBQTtFQUFBLG9CQUMzQ1osS0FBQSxDQUFBYSxhQUFBLENBQUNWLGdCQUFnQixxQkFDZkgsS0FBQSxDQUFBYSxhQUFBLENBQUNYLGdCQUFnQjtJQUFDWSxFQUFFLEVBQUM7RUFBaUMsQ0FBRSxDQUN4QyxDQUFDO0FBQUEsQ0FDcEIiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/esm/modals/cloud-components/provider-select.js

@@ -0,0 +1,25 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import CloudTile from '../cloud-tile';
+import React from 'react';
+import styled from 'styled-components';
+import { dataTestIds } from '@kepler.gl/constants';
+var StyledProviderSection = styled.div.attrs({
+  className: 'provider-selection'
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 8px;\n"])));
+export var ProviderSelect = function ProviderSelect(_ref) {
+  var _ref$cloudProviders = _ref.cloudProviders,
+    cloudProviders = _ref$cloudProviders === void 0 ? [] : _ref$cloudProviders;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": dataTestIds.providerSelect
+  }, cloudProviders.length ? /*#__PURE__*/React.createElement(StyledProviderSection, null, cloudProviders.map(function (provider) {
+    return /*#__PURE__*/React.createElement(CloudTile, {
+      key: provider.name,
+      provider: provider
+    });
+  })) : /*#__PURE__*/React.createElement("p", null, "No storage provider available"));
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDbG91ZFRpbGUiLCJSZWFjdCIsInN0eWxlZCIsImRhdGFUZXN0SWRzIiwiU3R5bGVkUHJvdmlkZXJTZWN0aW9uIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsIiwiUHJvdmlkZXJTZWxlY3QiLCJfcmVmIiwiX3JlZiRjbG91ZFByb3ZpZGVycyIsImNsb3VkUHJvdmlkZXJzIiwiY3JlYXRlRWxlbWVudCIsInByb3ZpZGVyU2VsZWN0IiwibGVuZ3RoIiwibWFwIiwicHJvdmlkZXIiLCJrZXkiLCJuYW1lIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vZGFscy9jbG91ZC1jb21wb25lbnRzL3Byb3ZpZGVyLXNlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IENsb3VkVGlsZSBmcm9tICcuLi9jbG91ZC10aWxlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7UHJvdmlkZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvY2xvdWQtcHJvdmlkZXJzJztcbmltcG9ydCB7ZGF0YVRlc3RJZHN9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcblxuY29uc3QgU3R5bGVkUHJvdmlkZXJTZWN0aW9uID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ3Byb3ZpZGVyLXNlbGVjdGlvbidcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDhweDtcbmA7XG5cbnR5cGUgUHJvdmlkZXJTZWxlY3RQcm9wcyA9IHtcbiAgY2xvdWRQcm92aWRlcnM6IFByb3ZpZGVyW107XG59O1xuXG5leHBvcnQgY29uc3QgUHJvdmlkZXJTZWxlY3Q6IFJlYWN0LkZDPFByb3ZpZGVyU2VsZWN0UHJvcHM+ID0gKHtjbG91ZFByb3ZpZGVycyA9IFtdfSkgPT4gKFxuICA8ZGl2IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkcy5wcm92aWRlclNlbGVjdH0+XG4gICAge2Nsb3VkUHJvdmlkZXJzLmxlbmd0aCA/IChcbiAgICAgIDxTdHlsZWRQcm92aWRlclNlY3Rpb24+XG4gICAgICAgIHtjbG91ZFByb3ZpZGVycy5tYXAocHJvdmlkZXIgPT4gKFxuICAgICAgICAgIDxDbG91ZFRpbGUga2V5PXtwcm92aWRlci5uYW1lfSBwcm92aWRlcj17cHJvdmlkZXJ9IC8+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRQcm92aWRlclNlY3Rpb24+XG4gICAgKSA6IChcbiAgICAgIDxwPk5vIHN0b3JhZ2UgcHJvdmlkZXIgYXZhaWxhYmxlPC9wPlxuICAgICl9XG4gIDwvZGl2PlxuKTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLFNBQVMsTUFBTSxlQUFlO0FBQ3JDLE9BQU9DLEtBQUssTUFBTSxPQUFPO0FBQ3pCLE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFFdEMsU0FBUUMsV0FBVyxRQUFPLHNCQUFzQjtBQUVoRCxJQUFNQyxxQkFBcUIsR0FBR0YsTUFBTSxDQUFDRyxHQUFHLENBQUNDLEtBQUssQ0FBQztFQUM3Q0MsU0FBUyxFQUFFO0FBQ2IsQ0FBQyxDQUFDLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSx5Q0FHRDtBQU1ELE9BQU8sSUFBTUMsY0FBNkMsR0FBRyxTQUFoREEsY0FBNkNBLENBQUFDLElBQUE7RUFBQSxJQUFBQyxtQkFBQSxHQUFBRCxJQUFBLENBQUtFLGNBQWM7SUFBZEEsY0FBYyxHQUFBRCxtQkFBQSxjQUFHLEVBQUUsR0FBQUEsbUJBQUE7RUFBQSxvQkFDaEZYLEtBQUEsQ0FBQWEsYUFBQTtJQUFLLGVBQWFYLFdBQVcsQ0FBQ1k7RUFBZSxHQUMxQ0YsY0FBYyxDQUFDRyxNQUFNLGdCQUNwQmYsS0FBQSxDQUFBYSxhQUFBLENBQUNWLHFCQUFxQixRQUNuQlMsY0FBYyxDQUFDSSxHQUFHLENBQUMsVUFBQUMsUUFBUTtJQUFBLG9CQUMxQmpCLEtBQUEsQ0FBQWEsYUFBQSxDQUFDZCxTQUFTO01BQUNtQixHQUFHLEVBQUVELFFBQVEsQ0FBQ0UsSUFBSztNQUFDRixRQUFRLEVBQUVBO0lBQVMsQ0FBRSxDQUFDO0VBQUEsQ0FDdEQsQ0FDb0IsQ0FBQyxnQkFFeEJqQixLQUFBLENBQUFhLGFBQUEsWUFBRywrQkFBZ0MsQ0FFbEMsQ0FBQztBQUFBLENBQ1AiLCJpZ25vcmVMaXN0IjpbXX0=