@carto/api-client 0.4.0 → 0.4.1-alpha.0

package/build/api-client.modern.js

@@ -493,41 +493,43 @@ function executeModel(props) {
     data,
     filters,
     filtersLogicalOperator = 'and',
-    geoColumn = DEFAULT_GEO_COLUMN
+    spatialDataType = 'geo',
+    spatialFiltersMode = 'intersects',
+    spatialFiltersResolution = 0
   } = source;
-  const queryParameters = source.queryParameters ? JSON.stringify(source.queryParameters) : '';
   const queryParams = {
     type,
     client: clientId,
     source: data,
-    params: JSON.stringify(params),
-    queryParameters,
-    filters: JSON.stringify(filters),
+    params,
+    queryParameters: source.queryParameters || '',
+    filters,
     filtersLogicalOperator
   };
+  const spatialDataColumn = source.spatialDataColumn || DEFAULT_GEO_COLUMN;
   // Picking Model API requires 'spatialDataColumn'.
   if (model === 'pick') {
-    queryParams.spatialDataColumn = geoColumn;
+    queryParams.spatialDataColumn = spatialDataColumn;
   }
-  // API supports multiple filters, we apply it only to geoColumn
+  // API supports multiple filters, we apply it only to spatialDataColumn
   const spatialFilters = source.spatialFilter ? {
-    [geoColumn]: source.spatialFilter
+    [spatialDataColumn]: source.spatialFilter
   } : undefined;
   if (spatialFilters) {
-    queryParams.spatialFilters = JSON.stringify(spatialFilters);
+    queryParams.spatialFilters = spatialFilters; // JSON.stringify(spatialFilters);
+    queryParams.spatialDataColumn = spatialDataColumn;
+    queryParams.spatialDataType = spatialDataType;
+  }
+  if (spatialDataType !== 'geo') {
+    if (spatialFiltersResolution > 0) {
+      queryParams.spatialFiltersResolution = spatialFiltersResolution;
+    }
+    queryParams.spatialFiltersMode = spatialFiltersMode;
   }
-  const urlWithSearchParams = url + '?' + new URLSearchParams(queryParams).toString();
+  const urlWithSearchParams = url + '?' + objectToURLSearchParams(queryParams).toString();
   const isGet = urlWithSearchParams.length <= REQUEST_GET_MAX_URL_LENGTH;
   if (isGet) {
     url = urlWithSearchParams;
-  } else {
-    // undo the JSON.stringify, @TODO find a better pattern
-    queryParams.params = params;
-    queryParams.filters = filters;
-    queryParams.queryParameters = source.queryParameters;
-    if (spatialFilters) {
-      queryParams.spatialFilters = spatialFilters;
-    }
   }
   return makeCall({
     url,
@@ -539,15 +541,75 @@ function executeModel(props) {
     })
   });
 }
+function objectToURLSearchParams(object) {
+  const params = new URLSearchParams();
+  for (const key in object) {
+    if (isPureObject(object[key])) {
+      params.append(key, JSON.stringify(object[key]));
+    } else if (Array.isArray(object[key])) {
+      params.append(key, JSON.stringify(object[key]));
+    } else if (object[key] === null) {
+      params.append(key, 'null');
+    } else if (object[key] !== undefined) {
+      params.append(key, String(object[key]));
+    }
+  }
+  return params;
+}
 
-const _excluded$1 = ["filterOwner", "spatialFilter", "abortController"],
-  _excluded2 = ["filterOwner", "spatialFilter", "abortController"],
-  _excluded3 = ["filterOwner", "spatialFilter", "abortController", "operationExp"],
-  _excluded4 = ["filterOwner", "spatialFilter", "abortController"],
-  _excluded5 = ["filterOwner", "spatialFilter", "abortController"],
-  _excluded6 = ["filterOwner", "spatialFilter", "abortController"],
-  _excluded7 = ["filterOwner", "spatialFilter", "abortController"],
-  _excluded8 = ["filterOwner", "abortController", "spatialFilter"];
+const DEFAULT_TILE_SIZE = 512;
+const QUADBIN_ZOOM_MAX_OFFSET = 4;
+function getSpatialFiltersResolution({
+  source,
+  viewState
+}) {
+  var _source$dataResolutio, _source$aggregationRe;
+  assert(viewState, 'viewState prop is required to compute automatic spatialFiltersResolution when using spatialFilter with spatial indexes. Either pass a `spatialFiltersResolution` prop or a `viewState` prop to avoid this error');
+  const dataResolution = (_source$dataResolutio = source.dataResolution) != null ? _source$dataResolutio : Number.MAX_VALUE;
+  const aggregationResLevel = (_source$aggregationRe = source.aggregationResLevel) != null ? _source$aggregationRe : source.spatialDataType === 'h3' ? DEFAULT_AGGREGATION_RES_LEVEL_H3 : DEFAULT_AGGREGATION_RES_LEVEL_QUADBIN;
+  const aggregationResLevelOffset = Math.max(0, Math.floor(aggregationResLevel));
+  const currentZoomInt = Math.ceil(viewState.zoom);
+  if (source.spatialDataType === 'h3') {
+    var _maxH3SpatialFiltersR, _maxH3SpatialFiltersR2;
+    const tileSize = DEFAULT_TILE_SIZE;
+    const maxResolutionForZoom = (_maxH3SpatialFiltersR = (_maxH3SpatialFiltersR2 = maxH3SpatialFiltersResolutions.find(([zoom]) => zoom === currentZoomInt)) == null ? void 0 : _maxH3SpatialFiltersR2[1]) != null ? _maxH3SpatialFiltersR : Math.max(0, currentZoomInt - 3);
+    const maxSpatialFiltersResolution = maxResolutionForZoom ? Math.min(dataResolution, maxResolutionForZoom) : dataResolution;
+    const hexagonResolution = getHexagonResolution(viewState, tileSize) + aggregationResLevelOffset;
+    return Math.min(hexagonResolution, maxSpatialFiltersResolution);
+  }
+  if (source.spatialDataType === 'quadbin') {
+    const maxResolutionForZoom = currentZoomInt + QUADBIN_ZOOM_MAX_OFFSET;
+    const maxSpatialFiltersResolution = Math.min(dataResolution, maxResolutionForZoom);
+    const quadsResolution = Math.floor(viewState.zoom) + aggregationResLevelOffset;
+    return Math.min(quadsResolution, maxSpatialFiltersResolution);
+  }
+  return undefined;
+}
+const maxH3SpatialFiltersResolutions = [[20, 14], [19, 13], [18, 12], [17, 11], [16, 10], [15, 9], [14, 8], [13, 7], [12, 7], [11, 7], [10, 6], [9, 6], [8, 5], [7, 4], [6, 4], [5, 3], [4, 2], [3, 1], [2, 1], [1, 0]];
+// stolen from https://github.com/visgl/deck.gl/blob/master/modules/carto/src/layers/h3-tileset-2d.ts
+// Relative scale factor (0 = no biasing, 2 = a few hexagons cover view)
+const BIAS = 2;
+// Resolution conversion function. Takes a WebMercatorViewport and returns
+// a H3 resolution such that the screen space size of the hexagons is
+// similar
+function getHexagonResolution(viewport, tileSize) {
+  // Difference in given tile size compared to deck's internal 512px tile size,
+  // expressed as an offset to the viewport zoom.
+  const zoomOffset = Math.log2(tileSize / DEFAULT_TILE_SIZE);
+  const hexagonScaleFactor = 2 / 3 * (viewport.zoom - zoomOffset);
+  const latitudeScaleFactor = Math.log(1 / Math.cos(Math.PI * viewport.latitude / 180));
+  // Clip and bias
+  return Math.max(0, Math.floor(hexagonScaleFactor + latitudeScaleFactor - BIAS));
+}
+
+const _excluded$1 = ["filterOwner", "spatialFilter", "spatialFiltersMode", "abortController", "viewState"],
+  _excluded2 = ["filterOwner", "spatialFilter", "spatialFiltersMode", "abortController", "viewState"],
+  _excluded3 = ["filterOwner", "spatialFilter", "spatialFiltersMode", "abortController", "operationExp", "viewState"],
+  _excluded4 = ["filterOwner", "spatialFilter", "spatialFiltersMode", "abortController", "viewState"],
+  _excluded5 = ["filterOwner", "spatialFilter", "spatialFiltersMode", "abortController", "viewState"],
+  _excluded6 = ["filterOwner", "spatialFilter", "spatialFiltersMode", "abortController", "viewState"],
+  _excluded7 = ["filterOwner", "spatialFilter", "spatialFiltersMode", "abortController", "viewState"],
+  _excluded8 = ["filterOwner", "abortController", "spatialFilter", "spatialFiltersMode", "viewState"];
 /**
  * Source for Widget API requests on a data source defined by a SQL query.
  *
@@ -568,7 +630,8 @@ class WidgetBaseSource {
       connectionName: props.connectionName,
       filters: getApplicableFilters(owner, props.filters),
       filtersLogicalOperator: props.filtersLogicalOperator,
-      geoColumn: props.geoColumn
+      spatialDataType: props.spatialDataType,
+      spatialDataColumn: props.spatialDataColumn
     };
   }
   /****************************************************************************
@@ -582,7 +645,9 @@ class WidgetBaseSource {
     const {
         filterOwner,
         spatialFilter,
-        abortController
+        spatialFiltersMode,
+        abortController,
+        viewState
       } = options,
       params = _objectWithoutPropertiesLoose(options, _excluded$1);
     const {
@@ -590,9 +655,19 @@ class WidgetBaseSource {
       operation,
       operationColumn
     } = params;
+    const source = this.getModelSource(filterOwner);
+    let spatialFiltersResolution;
+    if (spatialFilter && source.spatialDataType !== 'geo') {
+      spatialFiltersResolution = getSpatialFiltersResolution({
+        source,
+        viewState
+      });
+    }
     return executeModel({
       model: 'category',
-      source: _extends({}, this.getModelSource(filterOwner), {
+      source: _extends({}, source, {
+        spatialFiltersResolution,
+        spatialFiltersMode,
         spatialFilter
       }),
       params: {
@@ -620,7 +695,9 @@ class WidgetBaseSource {
     const {
         filterOwner,
         spatialFilter,
-        abortController
+        spatialFiltersMode,
+        abortController,
+        viewState
       } = options,
       params = _objectWithoutPropertiesLoose(options, _excluded2);
     const {
@@ -631,9 +708,19 @@ class WidgetBaseSource {
       limit,
       tileResolution
     } = params;
+    const source = this.getModelSource(filterOwner);
+    let spatialFiltersResolution;
+    if (spatialFilter && source.spatialDataType !== 'geo') {
+      spatialFiltersResolution = getSpatialFiltersResolution({
+        source,
+        viewState
+      });
+    }
     return executeModel({
       model: 'pick',
-      source: _extends({}, this.getModelSource(filterOwner), {
+      source: _extends({}, source, {
+        spatialFiltersResolution,
+        spatialFiltersMode,
         spatialFilter
       }),
       params: {
@@ -662,17 +749,29 @@ class WidgetBaseSource {
     const {
         filterOwner,
         spatialFilter,
+        spatialFiltersMode,
         abortController,
-        operationExp
+        operationExp,
+        viewState
       } = options,
       params = _objectWithoutPropertiesLoose(options, _excluded3);
     const {
       column,
       operation
     } = params;
+    const source = this.getModelSource(filterOwner);
+    let spatialFiltersResolution;
+    if (spatialFilter && source.spatialDataType !== 'geo') {
+      spatialFiltersResolution = getSpatialFiltersResolution({
+        source,
+        viewState
+      });
+    }
     return executeModel({
       model: 'formula',
-      source: _extends({}, this.getModelSource(filterOwner), {
+      source: _extends({}, source, {
+        spatialFiltersResolution,
+        spatialFiltersMode,
         spatialFilter
       }),
       params: {
@@ -696,7 +795,9 @@ class WidgetBaseSource {
     const {
         filterOwner,
         spatialFilter,
-        abortController
+        spatialFiltersMode,
+        abortController,
+        viewState
       } = options,
       params = _objectWithoutPropertiesLoose(options, _excluded4);
     const {
@@ -704,9 +805,19 @@ class WidgetBaseSource {
       operation,
       ticks
     } = params;
+    const source = this.getModelSource(filterOwner);
+    let spatialFiltersResolution;
+    if (spatialFilter && source.spatialDataType !== 'geo') {
+      spatialFiltersResolution = getSpatialFiltersResolution({
+        source,
+        viewState
+      });
+    }
     const data = await executeModel({
       model: 'histogram',
-      source: _extends({}, this.getModelSource(filterOwner), {
+      source: _extends({}, source, {
+        spatialFiltersResolution,
+        spatialFiltersMode,
         spatialFilter
       }),
       params: {
@@ -742,15 +853,27 @@ class WidgetBaseSource {
     const {
         filterOwner,
         spatialFilter,
-        abortController
+        spatialFiltersMode,
+        abortController,
+        viewState
       } = options,
       params = _objectWithoutPropertiesLoose(options, _excluded5);
     const {
       column
     } = params;
+    const source = this.getModelSource(filterOwner);
+    let spatialFiltersResolution;
+    if (spatialFilter && source.spatialDataType !== 'geo') {
+      spatialFiltersResolution = getSpatialFiltersResolution({
+        source,
+        viewState
+      });
+    }
     return executeModel({
       model: 'range',
-      source: _extends({}, this.getModelSource(filterOwner), {
+      source: _extends({}, source, {
+        spatialFiltersResolution,
+        spatialFiltersMode,
         spatialFilter
       }),
       params: {
@@ -772,7 +895,9 @@ class WidgetBaseSource {
     const {
         filterOwner,
         spatialFilter,
-        abortController
+        spatialFiltersMode,
+        abortController,
+        viewState
       } = options,
       params = _objectWithoutPropertiesLoose(options, _excluded6);
     const {
@@ -781,11 +906,21 @@ class WidgetBaseSource {
       yAxisColumn,
       yAxisJoinOperation
     } = params;
+    const source = this.getModelSource(filterOwner);
+    let spatialFiltersResolution;
+    if (spatialFilter && source.spatialDataType !== 'geo') {
+      spatialFiltersResolution = getSpatialFiltersResolution({
+        source,
+        viewState
+      });
+    }
     // Make sure this is sync with the same constant in cloud-native/maps-api
     const HARD_LIMIT = 500;
     return executeModel({
       model: 'scatterplot',
-      source: _extends({}, this.getModelSource(filterOwner), {
+      source: _extends({}, source, {
+        spatialFiltersResolution,
+        spatialFiltersMode,
         spatialFilter
       }),
       params: {
@@ -814,7 +949,9 @@ class WidgetBaseSource {
     const {
         filterOwner,
         spatialFilter,
-        abortController
+        spatialFiltersMode,
+        abortController,
+        viewState
       } = options,
       params = _objectWithoutPropertiesLoose(options, _excluded7);
     const {
@@ -824,9 +961,19 @@ class WidgetBaseSource {
       offset = 0,
       limit = 10
     } = params;
+    const source = this.getModelSource(filterOwner);
+    let spatialFiltersResolution;
+    if (spatialFilter && source.spatialDataType !== 'geo') {
+      spatialFiltersResolution = getSpatialFiltersResolution({
+        source,
+        viewState
+      });
+    }
     return executeModel({
       model: 'table',
-      source: _extends({}, this.getModelSource(filterOwner), {
+      source: _extends({}, source, {
+        spatialFiltersResolution,
+        spatialFiltersMode,
         spatialFilter
       }),
       params: {
@@ -859,7 +1006,9 @@ class WidgetBaseSource {
     const {
         filterOwner,
         abortController,
-        spatialFilter
+        spatialFilter,
+        spatialFiltersMode,
+        viewState
       } = options,
       params = _objectWithoutPropertiesLoose(options, _excluded8);
     const {
@@ -873,9 +1022,19 @@ class WidgetBaseSource {
       splitByCategoryLimit,
       splitByCategoryValues
     } = params;
+    const source = this.getModelSource(filterOwner);
+    let spatialFiltersResolution;
+    if (spatialFilter && source.spatialDataType !== 'geo') {
+      spatialFiltersResolution = getSpatialFiltersResolution({
+        source,
+        viewState
+      });
+    }
     return executeModel({
       model: 'timeseries',
-      source: _extends({}, this.getModelSource(filterOwner), {
+      source: _extends({}, source, {
+        spatialFiltersResolution,
+        spatialFiltersMode,
         spatialFilter
       }),
       params: {
@@ -906,8 +1065,7 @@ WidgetBaseSource.defaultProps = {
   apiBaseUrl: DEFAULT_API_BASE_URL,
   clientId: getClient(),
   filters: {},
-  filtersLogicalOperator: 'and',
-  geoColumn: DEFAULT_GEO_COLUMN
+  filtersLogicalOperator: 'and'
 };
 
 /**
@@ -1311,7 +1469,11 @@ const h3QuerySource = async function h3QuerySource(options) {
     urlParameters.filters = filters;
   }
   return baseSource('query', options, urlParameters).then(result => _extends({}, result, {
-    widgetSource: new WidgetQuerySource(options)
+    widgetSource: new WidgetQuerySource(_extends({}, options, {
+      // NOTE: passing redundant spatialDataColumn here to apply the default value 'h3'
+      spatialDataColumn,
+      spatialDataType: 'h3'
+    }))
   }));
 };
 
@@ -1336,7 +1498,11 @@ const h3TableSource = async function h3TableSource(options) {
     urlParameters.filters = filters;
   }
   return baseSource('table', options, urlParameters).then(result => _extends({}, result, {
-    widgetSource: new WidgetTableSource(options)
+    widgetSource: new WidgetTableSource(_extends({}, options, {
+      // NOTE: passing redundant spatialDataColumn here to apply the default value 'h3'
+      spatialDataColumn,
+      spatialDataType: 'h3'
+    }))
   }));
 };
 
@@ -1391,7 +1557,11 @@ const quadbinQuerySource = async function quadbinQuerySource(options) {
     urlParameters.filters = filters;
   }
   return baseSource('query', options, urlParameters).then(result => _extends({}, result, {
-    widgetSource: new WidgetQuerySource(options)
+    widgetSource: new WidgetQuerySource(_extends({}, options, {
+      // NOTE: passing redundant spatialDataColumn here to apply the default value 'quadbin'
+      spatialDataColumn,
+      spatialDataType: 'quadbin'
+    }))
   }));
 };
 
@@ -1416,7 +1586,11 @@ const quadbinTableSource = async function quadbinTableSource(options) {
     urlParameters.filters = filters;
   }
   return baseSource('table', options, urlParameters).then(result => _extends({}, result, {
-    widgetSource: new WidgetTableSource(options)
+    widgetSource: new WidgetTableSource(_extends({}, options, {
+      // NOTE: passing redundant spatialDataColumn here to apply the default value 'quadbin'
+      spatialDataColumn,
+      spatialDataType: 'quadbin'
+    }))
   }));
 };
 
@@ -1456,7 +1630,9 @@ const vectorQuerySource = async function vectorQuerySource(options) {
     urlParameters.queryParameters = queryParameters;
   }
   return baseSource('query', options, urlParameters).then(result => _extends({}, result, {
-    widgetSource: new WidgetQuerySource(options)
+    widgetSource: new WidgetQuerySource(_extends({}, options, {
+      spatialDataType: 'geo'
+    }))
   }));
 };
 
@@ -1481,7 +1657,9 @@ const vectorTableSource = async function vectorTableSource(options) {
     urlParameters.filters = filters;
   }
   return baseSource('table', options, urlParameters).then(result => _extends({}, result, {
-    widgetSource: new WidgetTableSource(options)
+    widgetSource: new WidgetTableSource(_extends({}, options, {
+      spatialDataType: 'geo'
+    }))
   }));
 };