@evergis/react 2.0.144 → 2.0.145

package/dist/components/Symbol/styled.d.ts

@@ -4,3 +4,6 @@ export declare type CompoundIconProps = {
     icons: Record<GeometryType, string>;
 };
 export declare const CompoundIcon: import("styled-components").StyledComponent<"div", any, CompoundIconProps, never>;
+export declare const ClusterSymbol: import("styled-components").StyledComponent<"div", any, {
+    color?: string | undefined;
+}, never>;

package/dist/contexts/LegendContext.d.ts

@@ -4,5 +4,5 @@ declare type LegendProviderProps = {
     symbol?: StyleSymbolType;
 };
 export declare const LegendProvider: React.FC<LegendProviderProps>;
-export declare const useLegendContext: () => import("..").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("../core/style/types/symbol").SquareSymbol | import("..").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("..").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("../core/style/types/symbol").PolygonSymbol<import("..").FillBrushType, import("..").StrokeBrushType> | import("..").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("..").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("..").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("..").ClientSymbol<"compositeSymbol", import("@evergis/api").CompositeSymbolDc, never> | import("@evergis/api").H3GridSymbolDc | null;
+export declare const useLegendContext: () => import("..").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("../core/style/types/symbol").SquareSymbol | import("..").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("..").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("../core/style/types/symbol").PolygonSymbol<import("..").FillBrushType, import("..").StrokeBrushType> | import("..").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("..").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("..").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("..").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("..").ClientSymbol<"compositeSymbol", import("@evergis/api").CompositeSymbolDc, never> | import("@evergis/api").H3GridSymbolDc | import("@evergis/api").ClusterSymbolDc | null;
 export {};

package/dist/core/feature/getFeatureSymbol.d.ts

@@ -3,5 +3,5 @@ import { EvergisStyle, ParameterByAttributeValue, ParameterValueWithSymbol, Styl
 export declare const getAttributeNameFromCondition: (condition: string) => string | null;
 export declare const getAttributeNameFromClassified: (values: ParameterByAttributeValue<ParameterValueWithSymbol>[]) => string | null;
 export declare function findChildFeatureStyle(childStyles: Style[], attributes: FeatureAttribute[]): Style | null;
-export declare function findChildFeatureSymbol(childStyles: Style[], attributes: FeatureAttribute[]): import("../style").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("../style").SquareSymbol | import("../style").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("../style").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("../style").PolygonSymbol<import("../style").FillBrushType, import("../style").StrokeBrushType> | import("../style").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("../style").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("../style").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("@evergis/api").H3GridSymbolDc | null;
+export declare function findChildFeatureSymbol(childStyles: Style[], attributes: FeatureAttribute[]): import("../style").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("../style").SquareSymbol | import("../style").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("../style").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("../style").PolygonSymbol<import("../style").FillBrushType, import("../style").StrokeBrushType> | import("../style").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("../style").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("../style").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("../style").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("@evergis/api").H3GridSymbolDc | import("@evergis/api").ClusterSymbolDc | null;
 export declare function getFeatureSymbol(style: EvergisStyle, attributes: FeatureAttribute[]): StyleSymbolType | null;

package/dist/core/style/EvergisStyle.d.ts

@@ -7,7 +7,7 @@ export declare class EvergisStyle {
     constructor(style: StyleDc);
     serialize(): StyleDc;
     hasRasters(): boolean;
-    get symbol(): import("./types").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("./types").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("./types").SquareSymbol | import("./types").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("./types").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("./types").PolygonSymbol<import("./types").FillBrushType, import("./types").StrokeBrushType> | import("./types").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("./types").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("./types").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("@evergis/api").H3GridSymbolDc;
+    get symbol(): import("./types").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | import("./types").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never> | import("./types").SquareSymbol | import("./types").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never> | import("./types").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never> | import("./types").PolygonSymbol<import("./types").FillBrushType, import("./types").StrokeBrushType> | import("./types").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never> | import("./types").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never> | import("./types").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("@evergis/api").H3GridSymbolDc | import("@evergis/api").ClusterSymbolDc;
     get raster(): import("./types").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never> | null;
     get label(): import("./types").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | import("./types").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor"> | null;
     get children(): Style[] | null;

package/dist/core/style/types/symbol.d.ts

@@ -1,4 +1,4 @@
-import { CirclePointSymbolDc, CompositeSymbolDc, H3GridSymbolDc, ImagePointSymbolDc, MaskedImagePointSymbolDc, PolygonSymbolDc, PolylineSymbolDc, RasterSymbolDc, SimplePolylineSymbolDc, SquarePointSymbolDc, StyleDc, SvgPointSymbolDc } from '@evergis/api';
+import { CirclePointSymbolDc, ClusterSymbolDc, CompositeSymbolDc, H3GridSymbolDc, ImagePointSymbolDc, MaskedImagePointSymbolDc, PolygonSymbolDc, PolylineSymbolDc, RasterSymbolDc, SimplePolylineSymbolDc, SquarePointSymbolDc, StyleDc, SvgPointSymbolDc } from '@evergis/api';
 import { LabelType } from './label';
 import { CalculatedAble } from './parameterValue';
 import { ClientSymbol } from './utils';
@@ -23,7 +23,7 @@ export declare type SimpleShapeSymbol = PointSymbol | SquareSymbol;
 export declare type ImageSymbol = MaskedImageSymbol | StaticImageSymbol;
 export declare type PointSymbolType = SimpleShapeSymbol | ImageSymbol;
 export declare type PolylineSymbols = PolylineSymbol | SimplePolylineSymbol;
-export declare type StyleSymbolType = PointSymbolType | PolygonSymbol | PolylineSymbols | LabelType | RasterSymbol | CompositeSymbolType | H3GridSymbolDc;
+export declare type StyleSymbolType = PointSymbolType | PolygonSymbol | PolylineSymbols | LabelType | RasterSymbol | CompositeSymbolType | H3GridSymbolDc | ClusterSymbolDc;
 export declare type StyleSymbolTypes = StyleSymbolType['type'];
 export declare type UnknownSymbol = StyleDc['symbol'] | StyleSymbolType;
 export declare type LayerSymbol = PointSymbol | PolylineSymbols | PolygonSymbol;
@@ -62,4 +62,4 @@ export declare const isTwoDimensionalSymbol: (symbol: UnknownSymbol) => symbol i
 export declare const isSizableSymbol: (symbol: UnknownSymbol) => symbol is SimpleShapeSymbol;
 export declare const isStrokeStyledSymbol: (symbol: UnknownSymbol) => symbol is StrokeStyledSymbols;
 export declare const isScalablePolylineSymbol: (symbol: PolylineSymbol | SimplePolylineSymbol) => boolean | undefined;
-export declare const isSimpleSymbol: (symbol: UnknownSymbol) => symbol is ClientSymbol<"circlePointSymbol", CirclePointSymbolDc, never> | ClientSymbol<"maskedImagePointSymbol", MaskedImagePointSymbolDc, never> | ClientSymbol<"imagePointSymbol", ImagePointSymbolDc, never> | ClientSymbol<"simplePolylineSymbol", SimplePolylineSymbolDc, never> | ClientSymbol<"polylineSymbol", PolylineSymbolDc, never> | ClientSymbol<"rasterSymbol", RasterSymbolDc, never> | H3GridSymbolDc | SquareSymbol | PolygonSymbol<FillBrushType, StrokeBrushType>;
+export declare const isSimpleSymbol: (symbol: UnknownSymbol) => symbol is ClientSymbol<"circlePointSymbol", CirclePointSymbolDc, never> | ClientSymbol<"maskedImagePointSymbol", MaskedImagePointSymbolDc, never> | ClientSymbol<"imagePointSymbol", ImagePointSymbolDc, never> | ClientSymbol<"simplePolylineSymbol", SimplePolylineSymbolDc, never> | ClientSymbol<"polylineSymbol", PolylineSymbolDc, never> | ClientSymbol<"rasterSymbol", RasterSymbolDc, never> | H3GridSymbolDc | SquareSymbol | PolygonSymbol<FillBrushType, StrokeBrushType> | ClusterSymbolDc;

package/dist/hooks/useLegend/useLegendValueSymbol.d.ts

@@ -3,4 +3,4 @@ export declare type LegendSymbolPart = {
     parameter: ClassificationParameterExtended;
     parameterValue: ParameterValueWithSymbol;
 };
-export declare const useLegendValueSymbol: ({ parameter, parameterValue, }: LegendSymbolPart) => import("@evergis/sgis/es/symbols/point/Point").PointSymbol | import("@evergis/sgis/es/symbols/point/StaticImageSymbol").StaticImageSymbol | import("@evergis/sgis/es/symbols/point/Square").SquareSymbol | import("@evergis/sgis/es/symbols/point/MaskedImage").MaskedImage | import("@evergis/sgis/es/symbols/polygon/Simple").PolygonSymbol | import("@evergis/sgis/es/symbols/polygon/BrushFill").BrushFill | import("@evergis/sgis/es/symbols/polygon/ImageFill").ImageFill | import("@evergis/sgis/es/symbols/PolylineSymbol").PolylineSymbol | import("@evergis/sgis/es/symbols/H3Symbol").H3Symbol | null;
+export declare const useLegendValueSymbol: ({ parameter, parameterValue, }: LegendSymbolPart) => import("@evergis/sgis/es/symbols/point/Point").PointSymbol | import("@evergis/sgis/es/symbols/point/StaticImageSymbol").StaticImageSymbol | import("@evergis/sgis/es/symbols/point/Square").SquareSymbol | import("@evergis/sgis/es/symbols/point/MaskedImage").MaskedImage | import("@evergis/sgis/es/symbols/polygon/Simple").PolygonSymbol | import("@evergis/sgis/es/symbols/polygon/BrushFill").BrushFill | import("@evergis/sgis/es/symbols/polygon/ImageFill").ImageFill | import("@evergis/sgis/es/symbols/PolylineSymbol").PolylineSymbol | import("@evergis/sgis/es/symbols/H3Symbol").H3Symbol | import("@evergis/sgis/es/symbols/ClusterSymbol").ClusterSymbol | null;

package/dist/hooks/useLegend/useMapLegend.d.ts

@@ -1,6 +1,6 @@
 import { FeatureLayerServiceInfoDc } from '@evergis/api';
 import { LegendConfig } from '../../core';
 export declare const useMapLegend: (layer?: FeatureLayerServiceInfoDc | undefined, config?: LegendConfig | undefined) => {
-    symbol: import("../../core").Unclassify<import("../../core").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").SquareSymbol> | import("../../core").Unclassify<import("../../core").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").PolygonSymbol<import("../../core").FillBrushType, import("../../core").StrokeBrushType>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never>> | import("../../core").Unclassify<import("@evergis/api").H3GridSymbolDc>;
+    symbol: import("../../core").Unclassify<import("../../core").ClientSymbol<"circlePointSymbol", import("@evergis/api").CirclePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").SquareSymbol> | import("../../core").Unclassify<import("../../core").ClientSymbol<"maskedImagePointSymbol", import("@evergis/api").MaskedImagePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"imagePointSymbol", import("@evergis/api").ImagePointSymbolDc, never>> | import("../../core").Unclassify<import("../../core").PolygonSymbol<import("../../core").FillBrushType, import("../../core").StrokeBrushType>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polylineSymbol", import("@evergis/api").PolylineSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"simplePolylineSymbol", import("@evergis/api").SimplePolylineSymbolDc, never>> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polylineLabelSymbol", import("@evergis/api").PolylineLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"polygonLabelSymbol", import("@evergis/api").PolygonLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"labelPointSymbol", import("@evergis/api").PointLabelSymbolDc, "fontColor" | "fontSize" | "haloColor">> | import("../../core").Unclassify<import("../../core").ClientSymbol<"rasterSymbol", import("@evergis/api").RasterSymbolDc, never>> | import("../../core").Unclassify<import("@evergis/api").H3GridSymbolDc> | import("../../core").Unclassify<import("@evergis/api").ClusterSymbolDc>;
     items: import("../../core").LegendItem[];
 } | null;

package/dist/react.cjs.development.js

@@ -2782,6 +2782,9 @@ function isSGisPolylineSymbol(symbol) {
 function isSGisH3Symbol(symbol) {
   return symbol instanceof H3Symbol.H3Symbol;
 }
+function isSGisClusterSymbol(symbol) {
+  return !!symbol.singleObjectSymbol;
+}
 
 /**
  * Моки фич для отображения превью символа
@@ -2901,6 +2904,9 @@ function deserializeSymbol(symbol) {
     case 'polylineSymbol':
       return deserializePolylineSymbol(symbol);
 
+    case "clusterSymbol":
+      return deserializeSymbol(symbol.singleObjectSymbol);
+
     default:
       return null;
   }
@@ -4406,7 +4412,7 @@ const Symbol = _ref => {
   });
 };
 
-var _templateObject;
+var _templateObject, _templateObject2;
 const CompoundIcon = /*#__PURE__*/styled__default.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  height: 32px;\n  width: 32px;\n"])), _ref => {
   let {
     geometryType,
@@ -4414,6 +4420,17 @@ const CompoundIcon = /*#__PURE__*/styled__default.div(_templateObject || (_templ
   } = _ref;
   return "url(" + icons[geometryType] + ") center center / " + (geometryType === api.GeometryType.Polyline ? '2rem 1.3rem' : 'auto 1rem') + " no-repeat";
 });
+const ClusterSymbol = /*#__PURE__*/styled__default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 32px;\n  height: 32px;\n\n  :before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: inherit;\n    height: inherit;\n    background-color: ", ";\n    border-radius: 50%;\n    opacity: 0.28;\n  }\n  \n  :after {\n    content: \"99\";\n    position: absolute;\n    top: 4px;\n    left: 4px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 24px;\n    height: 24px;\n    background-color: ", ";\n    border-radius: 50%;\n    color: white;\n    font-size: 0.75rem;\n    line-height: 1;\n  }\n"])), _ref2 => {
+  let {
+    color
+  } = _ref2;
+  return color;
+}, _ref3 => {
+  let {
+    color
+  } = _ref3;
+  return color;
+});
 
 const MAX_SIZE = 32;
 const StyleSymbol = _ref => {
@@ -4422,6 +4439,11 @@ const StyleSymbol = _ref => {
     size = MAX_SIZE,
     children
   } = _ref;
+
+  if (children) {
+    return React__default.createElement(React__default.Fragment, null, children);
+  }
+
   let sGisSymbol = null;
 
   try {
@@ -4429,19 +4451,32 @@ const StyleSymbol = _ref => {
   } catch (e) {// TODO generate Error symbol
   }
 
-  return React__default.createElement(React__default.Fragment, null, children || (sGisSymbol ? React__default.createElement(Symbol, {
+  if (!sGisSymbol) {
+    return null;
+  }
+
+  if (isSGisClusterSymbol(symbol)) {
+    var _sGisSymbol$backgroun, _sGisSymbol$figure;
+
+    const color = getParameterValue((_sGisSymbol$backgroun = sGisSymbol.background) == null ? void 0 : _sGisSymbol$backgroun.fillColor) || getParameterValue((_sGisSymbol$figure = sGisSymbol.figure) == null ? void 0 : _sGisSymbol$figure.fillColor) || "rgb(0, 170, 255)";
+    return React__default.createElement(ClusterSymbol, {
+      color: color
+    });
+  }
+
+  return React__default.createElement(Symbol, {
     symbol: adjustSymbol(sGisSymbol, {
       size: size - 1
     }),
     size: size
-  }) : null));
+  });
 };
 
-var _templateObject$1, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 const EvergisCardContainer = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 2.25rem;\n  right: 0.5rem;\n  width: 22.5rem;\n  margin-bottom: 1rem;\n  max-height: 90%;\n  min-height: 1rem;\n  background: #fff;\n  border-radius: 4px;\n  z-index: 1;\n\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  overflow: initial;\n  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);\n\n  ", " {\n    color: rgba(0, 0, 0, 0.65);\n    cursor: pointer;\n    user-select: none;\n\n    &:hover {\n      color: #1fb3aa;\n    }\n  }\n"])), icons.Icon);
-const StickyHeader = /*#__PURE__*/styled__default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  position: sticky;\n  top: 0;\n  flex-direction: column;\n  background: #fff;\n"])));
+const StickyHeader = /*#__PURE__*/styled__default.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  position: sticky;\n  top: 0;\n  flex-direction: column;\n  background: #fff;\n"])));
 const CardHeader = /*#__PURE__*/styled__default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 1.5rem 1.5rem 1rem;\n  align-items: center;\n"])));
-const CardTitle = /*#__PURE__*/styled__default.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 0.5rem;\n  width: 13.5rem;\n  flex-grow: 1;\n"])));
+const CardTitle = /*#__PURE__*/styled__default.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 0.5rem;\n  flex-grow: 1;\n"])));
 const CardControls = /*#__PURE__*/styled__default.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n\n  ", " {\n    margin: 0 0.5rem;\n  }\n"])), icons.Icon);
 const FeatureName = /*#__PURE__*/styled__default.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 1.25rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 const LayerName = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #30454f;\n  font-size: 0.75rem;\n"])));
@@ -4723,9 +4758,9 @@ const EvergisSelect = _ref => {
   }));
 };
 
-var _templateObject$2, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1;
+var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
 const LegendContainer = /*#__PURE__*/styled__default.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: white;\n"])));
-const LegendSectionContainer = /*#__PURE__*/styled__default.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+const LegendSectionContainer = /*#__PURE__*/styled__default.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 const LegendSymbolTitle = /*#__PURE__*/styled__default.p(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
 const LegendValueContainer = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  font-size: 0.75rem;\n\n  ", " {\n    padding-left: 0.5rem;\n  }\n"])), LegendSymbolTitle);
 const LegendSectionHeader = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1rem;\n"])));
@@ -4740,9 +4775,9 @@ const LegendSection = _ref => {
   return React__default.createElement(LegendSectionContainer, null, !hideTitle && React__default.createElement(LegendSectionHeader, null, renderLegendTitle ? renderLegendTitle(item) : item.title), item.values.map(children));
 };
 
-var _templateObject$3, _templateObject2$2;
+var _templateObject$3, _templateObject2$3;
 const InputContainer = /*#__PURE__*/styled__default.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  border-radius: 0.125rem;\n  box-sizing: border-box;\n  border: 0.0625rem solid rgba(48, 69, 79, 0.12);\n  margin-bottom: 0.5rem;\n  \n  i {\n    color: rgba(48, 69, 79, 0.54);\n    padding: 0.25rem;\n\n    &:hover {\n      cursor: pointer;\n      color: rgba(48, 69, 79, 0.87);\n    }\n  }\n"])));
-const InputField = /*#__PURE__*/styled__default.input(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: none;\n  outline: none;\n  font-size: 1rem;\n  line-height: 1.1875rem;\n  padding: 0 0.5rem;\n  background-color: transparent;\n  color: rgba(48, 69, 79, 0.87);\n"])));
+const InputField = /*#__PURE__*/styled__default.input(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: none;\n  outline: none;\n  font-size: 1rem;\n  line-height: 1.1875rem;\n  padding: 0 0.5rem;\n  background-color: transparent;\n  color: rgba(48, 69, 79, 0.87);\n"])));
 
 const SearchInput = _ref => {
   let {
@@ -4898,11 +4933,11 @@ const Map = _ref => {
   }, children);
 };
 
-var _templateObject$4, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject5$2;
+var _templateObject$4, _templateObject2$4, _templateObject3$2, _templateObject4$2, _templateObject5$2;
 
 const topLeft = distance => styled.css(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n  top: ", ";\n  left: ", ";\n"])), distance, distance);
 
-const topRight = distance => styled.css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  top: ", ";\n  right: ", ";\n"])), distance, distance);
+const topRight = distance => styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n  top: ", ";\n  right: ", ";\n"])), distance, distance);
 
 const bottomLeft = distance => styled.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n  bottom: ", ";\n  left: ", ";\n"])), distance, distance);
 
@@ -4920,9 +4955,9 @@ const placementMixin = function placementMixin(placement, distance) {
   return styled.css(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n  ", "\n  ", "\n"])), placement === 'top-left' && topLeft(distance), placement === 'top-right' && topRight(distance), placement === 'bottom-left' && bottomLeft(distance), placement === 'bottom-right' && bottomRight(distance));
 };
 
-var _templateObject$5, _templateObject2$4, _templateObject3$3, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
+var _templateObject$5, _templateObject2$5, _templateObject3$3, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
 const mapControlBtnMixin = /*#__PURE__*/styled.css(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 2rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  color: #fff;\n"])));
-const ZoomInBtn = /*#__PURE__*/styled__default(icons.Icon)(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin); // ZoomInBtn.defaultProps = { kind: "plus" };
+const ZoomInBtn = /*#__PURE__*/styled__default(icons.Icon)(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin); // ZoomInBtn.defaultProps = { kind: "plus" };
 
 const ZoomOutBtn = /*#__PURE__*/styled__default(icons.Icon)(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin); // ZoomOutBtn.defaultProps = { kind: "minus" };
 
@@ -4979,9 +5014,9 @@ const Fullscreen = () => {
   }));
 };
 
-var _templateObject$6, _templateObject2$5, _templateObject3$4, _templateObject4$4, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1;
+var _templateObject$6, _templateObject2$6, _templateObject3$4, _templateObject4$4, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1;
 const MapLegendControl = /*#__PURE__*/styled__default(MapControl)(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: default;\n"])));
-const MapLegendContainer = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 12.5rem;\n  box-sizing: border-box;\n\n  canvas {\n    height: 1.625rem;\n    width: 1.625rem;\n  }\n"])));
+const MapLegendContainer = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 12.5rem;\n  box-sizing: border-box;\n\n  canvas {\n    height: 1.625rem;\n    width: 1.625rem;\n  }\n"])));
 const MapLegendHeader = /*#__PURE__*/styled__default(LegendSectionHeader)(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 15rem;\n  margin-bottom: 0.25rem;\n  font-weight: 500;\n"])));
 const MapLegendValueDescr = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1rem;\n"])));
 const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 1rem;\n  background: ", ";\n  border: 1px rgba(48, 69, 79, 0.1) solid;\n  margin-right: -1px;\n  \n  ", "\n"])), _ref => {
@@ -5314,9 +5349,9 @@ const Measurer = _ref => {
   }, props)) : null;
 };
 
-var _templateObject$7, _templateObject2$6, _templateObject3$5;
+var _templateObject$7, _templateObject2$7, _templateObject3$5;
 const ScaleRulerContainer = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 2rem;\n  cursor: default;\n  display: flex;\n  align-items: flex-end;\n  padding: 0 0.5rem 0.5rem;\n  box-sizing: border-box;\n"])));
-const ScaleRulerBlock = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  width: ", ";\n  height: 0.25rem;\n  border: 0.0625rem solid white;\n  border-top: 0;\n"])), _ref => {
+const ScaleRulerBlock = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  width: ", ";\n  height: 0.25rem;\n  border: 0.0625rem solid white;\n  border-top: 0;\n"])), _ref => {
   let {
     width
   } = _ref;
@@ -5375,11 +5410,11 @@ const ZoomLevel = () => {
   }, level || 0);
 };
 
-var _templateObject$8, _templateObject2$7, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject10$2, _templateObject11$2;
+var _templateObject$8, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject10$2, _templateObject11$2;
 
 const cornerBottom = cornerSize => styled.css(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n  &:before {\n    left: 50%;\n    transform: translate(-50%, 100%);\n    bottom: 0;\n    border-left: ", " solid transparent;\n    border-right: ", " solid transparent;\n    border-top: ", " solid rgba(28, 33, 48, 0.8);\n  }\n"])), cornerSize, cornerSize, cornerSize);
 
-const cornerLeft = cornerSize => styled.css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n  &:before {\n    transform: translate(-100%, -50%);\n    left: 0;\n    top: 50%;\n    border-top: ", " solid transparent;\n    border-right: ", " solid rgba(28, 33, 48, 0.8);\n    border-bottom: ", " solid transparent;\n  }\n"])), cornerSize, cornerSize, cornerSize);
+const cornerLeft = cornerSize => styled.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  &:before {\n    transform: translate(-100%, -50%);\n    left: 0;\n    top: 50%;\n    border-top: ", " solid transparent;\n    border-right: ", " solid rgba(28, 33, 48, 0.8);\n    border-bottom: ", " solid transparent;\n  }\n"])), cornerSize, cornerSize, cornerSize);
 
 const cornerRight = cornerSize => styled.css(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n  &:before {\n    transform: translate(100%, -50%);\n    right: 0;\n    top: 50%;\n    border-top: ", " solid transparent;\n    border-left: ", " solid rgba(28, 33, 48, 0.8);\n    border-bottom: ", " solid transparent;\n  }\n"])), cornerSize, cornerSize, cornerSize);
 
@@ -5486,6 +5521,7 @@ exports.CircleLineMiterRender = CircleLineMiterRender;
 exports.ClassificationCondition = ClassificationCondition;
 exports.ClassificationManager = ClassificationManager;
 exports.ClusterLayer = ClusterLayer;
+exports.ClusterSymbol = ClusterSymbol;
 exports.CompoundIcon = CompoundIcon;
 exports.DEFAULT_CRS = DEFAULT_CRS;
 exports.DEFAULT_SRID = DEFAULT_SRID;
@@ -5627,6 +5663,7 @@ exports.isPolylineSymbol = isPolylineSymbol;
 exports.isPolylineSymbols = isPolylineSymbols;
 exports.isRangeClass = isRangeClass;
 exports.isRasterSymbol = isRasterSymbol;
+exports.isSGisClusterSymbol = isSGisClusterSymbol;
 exports.isSGisH3Symbol = isSGisH3Symbol;
 exports.isSGisImageSymbol = isSGisImageSymbol;
 exports.isSGisPointSymbol = isSGisPointSymbol;