@carto/api-client 0.5.27 → 0.5.28

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # CHANGELOG
 
+## Unreleased
+
+### 0.5.28
+
+- feat(fetchMap): Support zoom-dependent point styling (#287)
+- feat(fetchMap): Support autoLabels (#288)
+
 ### 0.5.27
 
 - feat(parseMap): custom aggregation support on spatial-index and geometry-aggregated layers. Adds `compileCustomAggregation(expression, { provider })` helper, `VisualChannelField.accessorKey`, and `{channel}AggregationExp` / `{channel}AggregationDomain` on `VisConfig` for all 6 channels.

package/build/api-client.cjs

@@ -10047,10 +10047,11 @@ function getIconUrlAccessor(field, range, {
   return normalizeAccessor(accessor, data);
 }
 function getMaxMarkerSize(visConfig, visualChannels) {
-  const { radiusRange, radius } = visConfig;
+  const { radiusRange, radius, sizeMaxPixels } = visConfig;
   const { radiusField, sizeField } = visualChannels;
   const field = radiusField || sizeField;
-  return Math.ceil(radiusRange && field ? radiusRange[1] : radius);
+  const baseSize = radiusRange && field ? radiusRange[1] : radius;
+  return Math.ceil(sizeMaxPixels ?? baseSize);
 }
 function negateAccessor(accessor) {
   if (typeof accessor === "function") {
@@ -10565,6 +10566,7 @@ function getLayerDescriptor({
       ...createInteractionProps(interactionConfig),
       ...styleProps,
       ...channelProps,
+      ...createZoomScaleProps(config2, visualChannels),
       ...createParametersProp(layerBlending, styleProps.parameters || {}),
       // Must come after style
       ...createLoadOptions(data.accessToken)
@@ -10634,6 +10636,28 @@ function createInteractionProps(interactionConfig) {
     pickable
   };
 }
+function createZoomScaleProps(config2, visualChannels) {
+  const { visConfig } = config2;
+  if (!visConfig.radiusScaleWithZoom || visualChannels.radiusField || visualChannels.sizeField) {
+    return {};
+  }
+  const scale2 = Math.pow(2, -visConfig.radiusReferenceZoom);
+  const result = {
+    pointRadiusUnits: "common",
+    pointRadiusScale: scale2,
+    iconSizeUnits: "common",
+    iconSizeScale: scale2
+  };
+  if (visConfig.sizeMinPixels !== void 0) {
+    result.pointRadiusMinPixels = visConfig.sizeMinPixels;
+    result.iconSizeMinPixels = visConfig.sizeMinPixels;
+  }
+  if (visConfig.sizeMaxPixels !== void 0) {
+    result.pointRadiusMaxPixels = visConfig.sizeMaxPixels;
+    result.iconSizeMaxPixels = visConfig.sizeMaxPixels;
+  }
+  return result;
+}
 function mapProps(source, target, mapping) {
   for (const sourceKey in mapping) {
     const sourceValue = source[sourceKey];
@@ -11023,7 +11047,15 @@ function createChannelProps(id, layerType, config2, visualChannels, data, datase
     } = secondaryLabel || {};
     result.getText = mainLabel.field && getTextAccessor(mainLabel.field, data);
     const getSecondaryText = secondaryField && getTextAccessor(secondaryField, data);
-    result.pointType = `${result.pointType}+text`;
+    const geometry = data.tilestats?.layers?.[0]?.geometry;
+    const isLineOrPolygon = geometry === "Polygon" || geometry === "MultiPolygon" || geometry === "Line" || geometry === "LineString" || geometry === "MultiLineString";
+    if (isLineOrPolygon && (layerType === "tileset" || layerType === "mvt")) {
+      const uniqueIdProperty = visConfig.textLabelUniqueIdField;
+      result.autoLabels = uniqueIdProperty ? { uniqueIdProperty } : true;
+      result.pointType = "text";
+    } else {
+      result.pointType = `${result.pointType}+text`;
+    }
     result.textCharacterSet = "auto";
     result.textFontFamily = "Inter, sans";
     result.textFontSettings = { sdf: true };