@evergis/react 2.0.198 → 2.0.201

package/dist/react.esm.js

@@ -3148,7 +3148,7 @@ const DEFAULT_CLUSTER_SVG = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox
 const SYMBOL_CLASSIFICATION = {
   [GeometryType.Polygon]: ['fill.color', 'stroke.color', 'stroke.width'],
   [GeometryType.Polyline]: ['stroke.color', 'stroke.width'],
-  [GeometryType.Point]: ['angle', 'size', 'fill.color', 'fillColor', 'background.fillColor', 'background.strokeColor', 'background.strokeWidth', 'figure.fillColor', 'figure.strokeColor', 'figure.strokeWidth', 'singleObjectSymbol.figure.fillColor', 'singleObjectSymbol.background.fillColor']
+  [GeometryType.Point]: ['angle', 'size', 'fill.color', 'fillColor', 'background.fillColor', 'background.strokeColor', 'background.strokeWidth', 'figure.fillColor', 'figure.strokeColor', 'figure.strokeWidth', 'singleObjectSymbol.figure.fillColor', 'singleObjectSymbol.figure.strokeColor', 'singleObjectSymbol.figure.strokeWidth', 'singleObjectSymbol.background.fillColor', 'singleObjectSymbol.background.strokeColor', 'singleObjectSymbol.background.strokeWidth']
 };
 const SYMBOL_LIMITS = {
   SIZE_MIN: 1,
@@ -3226,6 +3226,7 @@ var SvgSymbolBg;
   SvgSymbolBg["Circle"] = "circle";
 })(SvgSymbolBg || (SvgSymbolBg = {}));
 
+const DEFAULT_STROKE_OPACITY = 0.28;
 const convertSvgToBase64 = svg => "data:image/svg+xml;base64," + window.btoa(svg);
 const createSvgGradient = (svg, values) => svg.gradient('linear', add => {
   values == null ? void 0 : values.forEach((_ref, index) => {
@@ -3244,7 +3245,7 @@ const manipulateSvgSymbol = _ref2 => {
     symbol,
     svg,
     bg,
-    isClassifiedValue
+    isClassified
   } = _ref2;
   if (!symbol) return SVGContainer;
   const symbolData = getParameterValue(svg || symbol.data);
@@ -3295,9 +3296,9 @@ const manipulateSvgSymbol = _ref2 => {
         SVGContainer.find(':not(#symbol-bg)').each(item => item.center(DEFAULT_SYMBOL_WITH_BG_SIZE / 2, DEFAULT_SYMBOL_WITH_BG_SIZE / 2).fill('white'));
         const symbolBg = SVGContainer.find('#symbol-bg')[0];
 
-        if (isClassifiedValue) {
+        if (isClassified) {
           symbolBg == null ? void 0 : symbolBg.stroke({
-            opacity: 0.28
+            opacity: DEFAULT_STROKE_OPACITY
           });
         } // eslint-disable-next-line max-depth
 
@@ -3305,15 +3306,15 @@ const manipulateSvgSymbol = _ref2 => {
         if (isParameterByAttribute(background == null ? void 0 : background.fillColor)) {
           var _background$fillColor;
 
-          const gradient = createSvgGradient(SVGContainer, background == null ? void 0 : (_background$fillColor = background.fillColor) == null ? void 0 : _background$fillColor.values);
-          symbolBg == null ? void 0 : symbolBg.fill(gradient);
+          symbolBg == null ? void 0 : symbolBg.fill(createSvgGradient(SVGContainer, background == null ? void 0 : (_background$fillColor = background.fillColor) == null ? void 0 : _background$fillColor.values));
+        }
 
-          if (isParameterByAttribute(background == null ? void 0 : background.strokeColor)) {
-            symbolBg == null ? void 0 : symbolBg.stroke({
-              color: gradient,
-              opacity: 0.28
-            });
-          }
+        if (isParameterByAttribute(background == null ? void 0 : background.strokeColor)) {
+          var _background$strokeCol;
+
+          symbolBg == null ? void 0 : symbolBg.stroke({
+            color: createSvgGradient(SVGContainer, background == null ? void 0 : (_background$strokeCol = background.strokeColor) == null ? void 0 : _background$strokeCol.values)
+          });
         }
       } else {
         SVGContainer.svg(innerSvg);
@@ -3329,6 +3330,20 @@ const manipulateSvgSymbol = _ref2 => {
           color: strokeColor,
           width: strokeWidth
         });
+
+        if (isParameterByAttribute(figure == null ? void 0 : figure.fillColor)) {
+          var _figure$fillColor;
+
+          item == null ? void 0 : item.fill(createSvgGradient(SVGContainer, figure == null ? void 0 : (_figure$fillColor = figure.fillColor) == null ? void 0 : _figure$fillColor.values));
+        }
+
+        if (isParameterByAttribute(figure == null ? void 0 : figure.strokeColor)) {
+          var _figure$strokeColor;
+
+          item == null ? void 0 : item.stroke({
+            color: createSvgGradient(SVGContainer, figure == null ? void 0 : (_figure$strokeColor = figure.strokeColor) == null ? void 0 : _figure$strokeColor.values)
+          });
+        }
       });
     }
   }
@@ -4372,6 +4387,8 @@ function deserializeSvgPointSymbolParams(_ref) {
     })
   } : {}, figure ? {
     figure: _extends({}, figure, {
+      strokeColor: deserializeColor(getParameterValue(figure == null ? void 0 : figure.strokeColor)),
+      strokeWidth: getParameterValue(figure == null ? void 0 : figure.strokeWidth),
       fillColor: deserializeColor(getParameterValue(figure == null ? void 0 : figure.fillColor))
     })
   } : {});
@@ -6033,7 +6050,7 @@ const MapLegendValuesOther = /*#__PURE__*/styled(MapLegendOther)(_templateObject
 const MapLegendExpandButton = /*#__PURE__*/styled.div(_templateObject37 || (_templateObject37 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  margin-top: 0.1rem;\n  font-size: 0.625rem;\n  color: #1fb3aa;\n"])));
 const ClusterLegendContainer = /*#__PURE__*/styled.div(_templateObject38 || (_templateObject38 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: -0.9rem;\n  transform: scale(0.5);\n"])));
 
-const useSvgSymbol = (symbol, skipOffset, isClassifiedValue) => {
+const useSvgSymbol = (symbol, skipOffset, isClassified) => {
   const SVGWrapperRefElement = useRef(null);
   const SVGContainer = useMemo(() => SVG(), []);
   const initSvg = useCallback(() => {
@@ -6045,14 +6062,14 @@ const useSvgSymbol = (symbol, skipOffset, isClassifiedValue) => {
       svg,
       bg,
       newSymbol,
-      isClassifiedValue
+      isClassified
     } = _ref;
     manipulateSvgSymbol({
       SVGContainer,
       symbol: newSymbol || symbol,
       svg,
       bg,
-      isClassifiedValue
+      isClassified
     });
   }, [SVGContainer, symbol]);
   const getUpdatedSvgSymbol = useCallback((field, value) => {
@@ -6093,7 +6110,7 @@ const useSvgSymbol = (symbol, skipOffset, isClassifiedValue) => {
       svg: getParameterValue(data),
       newSymbol,
       bg: (_newSymbol$background = newSymbol.background) == null ? void 0 : _newSymbol$background.type,
-      isClassifiedValue
+      isClassified
     });
     return _extends({}, newSymbol, {
       data: SVGContainer.svg()
@@ -6150,7 +6167,7 @@ const SvgSymbol = /*#__PURE__*/memo(_ref7 => {
     text,
     fontSettings,
     skipOffset,
-    isClassifiedValue,
+    isClassified,
     onClick
   } = _ref7;
   const {
@@ -6158,7 +6175,7 @@ const SvgSymbol = /*#__PURE__*/memo(_ref7 => {
     initSvg,
     getSvgData,
     manipulateSvg
-  } = useSvgSymbol(symbol, skipOffset, isClassifiedValue);
+  } = useSvgSymbol(symbol, skipOffset, isClassified);
   const onSelectSymbol = useCallback(() => {
     onClick == null ? void 0 : onClick(getSvgData(), _extends({}, symbol, bg ? {
       background: _extends({}, symbol.background, {
@@ -6179,9 +6196,9 @@ const SvgSymbol = /*#__PURE__*/memo(_ref7 => {
       svg,
       bg,
       newSymbol: symbol,
-      isClassifiedValue
+      isClassified
     });
-  }, [svg, symbol, bg, manipulateSvg, isClassifiedValue]);
+  }, [svg, symbol, bg, manipulateSvg, isClassified]);
   return text ? React.createElement(SvgSymbolContainer, null, renderSymbol, React.createElement(SvgSymbolLabel, {
     fontSettings: fontSettings
   }, text), !!(fontSettings != null && fontSettings.haloColor) && !!(fontSettings != null && fontSettings.haloWidth) && React.createElement(SvgSymbolLabel, {
@@ -6221,7 +6238,7 @@ const ClusterSymbolPreview = _ref => {
   return React.createElement(SvgSymbol, {
     svg: DEFAULT_CLUSTER_SVG,
     symbol: svgSymbol,
-    isClassifiedValue: isClassifiedValue,
+    isClassified: isClassified,
     text: '99',
     fontSettings: _extends({}, symbol.labelSymbol, {
       fontSize: fontSize || ((_symbol$labelSymbol = symbol.labelSymbol) == null ? void 0 : _symbol$labelSymbol.fontSize)