@carto/api-client 0.5.2-alpha.0 → 0.5.2-alpha.2

package/build/api-client.cjs

@@ -5510,6 +5510,9 @@ __export(src_exports, {
   SOURCE_DEFAULTS: () => SOURCE_DEFAULTS,
   SpatialIndex: () => SpatialIndex,
   SpatialIndexColumn: () => SpatialIndexColumn,
+  TEXT_LABEL_INDEX: () => TEXT_LABEL_INDEX,
+  TEXT_NUMBER_FORMATTER: () => TEXT_NUMBER_FORMATTER,
+  TEXT_OUTLINE_OPACITY: () => TEXT_OUTLINE_OPACITY,
   TileFormat: () => TileFormat,
   WidgetQuerySource: () => WidgetQuerySource,
   WidgetRasterSource: () => WidgetRasterSource,
@@ -5530,6 +5533,8 @@ __export(src_exports, {
   buildBinaryFeatureFilter: () => buildBinaryFeatureFilter,
   buildPublicMapUrl: () => buildPublicMapUrl,
   buildStatsUrl: () => buildStatsUrl,
+  calculateClusterRadius: () => calculateClusterRadius,
+  calculateClusterTextFontSize: () => calculateClusterTextFontSize,
   clearFilters: () => clearFilters,
   configureSource: () => configureSource,
   createPolygonSpatialFilter: () => createPolygonSpatialFilter,
@@ -5544,6 +5549,7 @@ __export(src_exports, {
   getColorValueAccessor: () => getColorValueAccessor,
   getColumnNameFromGeoColumn: () => getColumnNameFromGeoColumn,
   getDataFilterExtensionProps: () => getDataFilterExtensionProps,
+  getDefaultAggregationExpColumnAliasForLayerType: () => getDefaultAggregationExpColumnAliasForLayerType,
   getFilter: () => getFilter,
   getIconUrlAccessor: () => getIconUrlAccessor,
   getLayerProps: () => getLayerProps,
@@ -11097,6 +11103,7 @@ function isValidBandValue(value, nodata) {
 
 // src/utils.ts
 init_cjs_shims();
+var FILTER_TYPES = new Set(Object.values(FilterType));
 function normalizeObjectKeys(el) {
   if (Array.isArray(el)) {
     return el.map((value) => normalizeObjectKeys(value));
@@ -11518,7 +11525,7 @@ async function baseSource(endpoint, options, urlParameters) {
     type: endpoint,
     source: JSON.stringify(parameters, void 0, 2)
   };
-  const mapInstantiation = await requestWithParameters({
+  const { tilejson, schema } = await requestWithParameters({
     baseUrl,
     parameters,
     headers,
@@ -11526,7 +11533,7 @@ async function baseSource(endpoint, options, urlParameters) {
     maxLengthURL,
     localCache
   });
-  const dataUrl = mapInstantiation.tilejson.url[0];
+  const dataUrl = tilejson.url[0];
   if (cache) {
     cache.value = parseInt(
       new URL(dataUrl).searchParams.get("cache") || "",
@@ -11545,6 +11552,9 @@ async function baseSource(endpoint, options, urlParameters) {
   if (accessToken) {
     json.accessToken = accessToken;
   }
+  if (schema) {
+    json.schema = schema;
+  }
   return json;
 }
 
@@ -11785,8 +11795,8 @@ function objectToURLSearchParams(object) {
 
 // src/filters.ts
 init_cjs_shims();
-var FILTER_TYPES = new Set(Object.values(FilterType));
-var isFilterType = (type) => FILTER_TYPES.has(type);
+var FILTER_TYPES2 = new Set(Object.values(FilterType));
+var isFilterType = (type) => FILTER_TYPES2.has(type);
 function addFilter(filters, { column, type, values, owner }) {
   if (!filters[column]) {
     filters[column] = {};
@@ -11801,7 +11811,7 @@ function removeFilter(filters, { column, owner }) {
     return filters;
   }
   if (owner) {
-    for (const type of FILTER_TYPES) {
+    for (const type of FILTER_TYPES2) {
       if (owner === filter[type]?.owner) {
         delete filter[type];
       }
@@ -11826,7 +11836,7 @@ function hasFilter(filters, { column, owner }) {
   if (!owner) {
     return true;
   }
-  for (const type of FILTER_TYPES) {
+  for (const type of FILTER_TYPES2) {
     if (owner === filter[type]?.owner) {
       return true;
     }
@@ -12195,7 +12205,11 @@ function min(values, keys, joinOperation) {
       Infinity
     );
   }
-  return Math.min(...values);
+  let min3 = Number.POSITIVE_INFINITY;
+  for (const value of values) {
+    min3 = Math.min(min3, value);
+  }
+  return min3;
 }
 function max(values, keys, joinOperation) {
   const normalizedKeys = normalizeKeys(keys);
@@ -12205,7 +12219,11 @@ function max(values, keys, joinOperation) {
       -Infinity
     );
   }
-  return Math.max(...values);
+  let max3 = Number.NEGATIVE_INFINITY;
+  for (const value of values) {
+    max3 = Math.max(max3, value);
+  }
+  return max3;
 }
 function normalizeKeys(keys) {
   return Array.isArray(keys) ? keys : typeof keys === "string" ? [keys] : void 0;
@@ -14557,7 +14575,8 @@ var customMarkersPropsMap = {
 var heatmapTilePropsMap = {
   visConfig: {
     colorRange: (x) => ({ colorRange: x.colors.map(hexToRGBA) }),
-    radius: "radiusPixels"
+    radius: (radius) => ({ radiusPixels: 20 + radius }),
+    opacity: "opacity"
   }
 };
 var defaultProps = {
@@ -14578,6 +14597,12 @@ var deprecatedLayerTypes = [
   "hexagonId",
   "point"
 ];
+var TEXT_LABEL_INDEX = 0;
+var TEXT_OUTLINE_OPACITY = 64;
+var TEXT_NUMBER_FORMATTER = new Intl.NumberFormat("en-US", {
+  maximumFractionDigits: 2,
+  notation: "compact"
+});
 function getLayerProps(type, config2, dataset) {
   if (deprecatedLayerTypes.includes(type)) {
     throw new Error(
@@ -14669,9 +14694,7 @@ function findAccessorKey(keys, properties) {
       return [key];
     }
   }
-  throw new Error(
-    `Could not find property for any accessor key: ${keys.join(", ")}`
-  );
+  return keys;
 }
 function getColorValueAccessor({ name }, colorAggregation, data) {
   const aggregator = AGGREGATION_FUNC[colorAggregation];
@@ -14798,6 +14821,40 @@ function getTextAccessor({ name, type }, data) {
   };
   return normalizeAccessor(accessor, data);
 }
+function calculateClusterRadius(properties, stats, radiusRange, column) {
+  const { min: min3, max: max3 } = stats[column];
+  const value = properties[column];
+  if (min3 === max3) return radiusRange[1];
+  const normalizedValue = (value - min3) / (max3 - min3);
+  return radiusRange[0] + normalizedValue * (radiusRange[1] - radiusRange[0]);
+}
+function getDefaultAggregationExpColumnAliasForLayerType(layerType, provider, schema) {
+  if (schema && layerType === "clusterTile") {
+    return getColumnAliasForAggregationExp(
+      getDefaultColumnFromSchemaForAggregationExp(schema),
+      "count",
+      provider
+    );
+  } else {
+    return DEFAULT_AGGREGATION_EXP_ALIAS;
+  }
+}
+function getColumnAliasForAggregationExp(name, aggregation, provider) {
+  const columnAlias = `${name}_${aggregation}`;
+  return provider === "snowflake" ? columnAlias.toUpperCase() : columnAlias;
+}
+function getDefaultColumnFromSchemaForAggregationExp(schema) {
+  return schema ? schema[0].name : "";
+}
+function calculateClusterTextFontSize(radius) {
+  if (radius >= 80) return 24;
+  if (radius >= 72) return 24;
+  if (radius >= 56) return 20;
+  if (radius >= 40) return 16;
+  if (radius >= 24) return 13;
+  if (radius >= 8) return 11;
+  return 11;
+}
 
 // src/fetch-map/parse-map.ts
 function parseMap(json) {
@@ -14838,7 +14895,14 @@ function parseMap(json) {
             ...defaultProps2,
             ...createInteractionProps(interactionConfig),
             ...styleProps,
-            ...createChannelProps(id, type, config3, visualChannels, data),
+            ...createChannelProps(
+              id,
+              type,
+              config3,
+              visualChannels,
+              data,
+              dataset
+            ),
             // Must come after style
             ...createParametersProp(
               layerBlending,
@@ -14913,7 +14977,7 @@ function createStyleProps(config2, mapping) {
   result.highlightColor = config2.visConfig.enable3d ? [255, 255, 255, 60] : [252, 242, 26, 255];
   return result;
 }
-function createChannelProps(id, type, config2, visualChannels, data) {
+function createChannelProps(id, type, config2, visualChannels, data, dataset) {
   const {
     colorField,
     colorScale,
@@ -14973,6 +15037,47 @@ function createChannelProps(id, type, config2, visualChannels, data) {
       };
     }
   }
+  if (type === "clusterTile") {
+    const aggregationExpAlias = getDefaultAggregationExpColumnAliasForLayerType(
+      type,
+      dataset.providerId,
+      data.schema
+    );
+    result.pointType = visConfig.isTextVisible ? "circle+text" : "circle";
+    result.clusterLevel = visConfig.clusterLevel;
+    result.getWeight = (d) => {
+      return d.properties[aggregationExpAlias];
+    };
+    result.getPointRadius = (d, info) => {
+      return calculateClusterRadius(
+        d.properties,
+        info.data.attributes.stats,
+        visConfig.radiusRange,
+        aggregationExpAlias
+      );
+    };
+    result.textCharacterSet = "auto";
+    result.textFontFamily = "Inter, sans";
+    result.textFontSettings = { sdf: true };
+    result.textFontWeight = 600;
+    result.getText = (d) => TEXT_NUMBER_FORMATTER.format(d.properties[aggregationExpAlias]);
+    result.getTextColor = config2.textLabel[TEXT_LABEL_INDEX].color;
+    result.textOutlineColor = [
+      ...config2.textLabel[TEXT_LABEL_INDEX].outlineColor,
+      TEXT_OUTLINE_OPACITY
+    ];
+    result.textOutlineWidth = 5;
+    result.textSizeUnits = "pixels";
+    result.getTextSize = (d, info) => {
+      const radius = calculateClusterRadius(
+        d.properties,
+        info.data.attributes.stats,
+        visConfig.radiusRange,
+        aggregationExpAlias
+      );
+      return calculateClusterTextFontSize(radius);
+    };
+  }
   if (radiusField || sizeField) {
     result.getPointRadius = getSizeAccessor(
       // @ts-ignore
@@ -15691,6 +15796,9 @@ function _getHexagonResolution(viewport, tileSize) {
   SOURCE_DEFAULTS,
   SpatialIndex,
   SpatialIndexColumn,
+  TEXT_LABEL_INDEX,
+  TEXT_NUMBER_FORMATTER,
+  TEXT_OUTLINE_OPACITY,
   TileFormat,
   WidgetQuerySource,
   WidgetRasterSource,
@@ -15711,6 +15819,8 @@ function _getHexagonResolution(viewport, tileSize) {
   buildBinaryFeatureFilter,
   buildPublicMapUrl,
   buildStatsUrl,
+  calculateClusterRadius,
+  calculateClusterTextFontSize,
   clearFilters,
   configureSource,
   createPolygonSpatialFilter,
@@ -15725,6 +15835,7 @@ function _getHexagonResolution(viewport, tileSize) {
   getColorValueAccessor,
   getColumnNameFromGeoColumn,
   getDataFilterExtensionProps,
+  getDefaultAggregationExpColumnAliasForLayerType,
   getFilter,
   getIconUrlAccessor,
   getLayerProps,