@evergis/react 2.0.136 → 2.0.138

package/dist/react.esm.js

@@ -2800,7 +2800,7 @@ const h3gridFeature = /*#__PURE__*/new H3Feature([[50, -15], [80, -33], [80, -67
 const lineLegendFeature = /*#__PURE__*/new Polyline([[0, -50], [100, -50]], {
   crs: plain
 });
-const polygonLegendFeature = /*#__PURE__*/new Polygon([[0, 0], [100, 0], [100, -100], [0, -100]], {
+const polygonLegendFeature = /*#__PURE__*/new Polygon([[20, -20], [80, -20], [80, -80], [20, -80]], {
   crs: plain
 });
 const polygonMapLegendFeature = /*#__PURE__*/new Polygon([[50, 0], [100, -25], [100, -75], [50, -100], [0, -75], [0, -25]], {
@@ -2810,6 +2810,7 @@ const MAP_LEGEND_FEATURES = {
   polygon: polygonMapLegendFeature
 };
 const LEGEND_FEATURES = {
+  point: pointFeature,
   polyline: lineLegendFeature,
   polygon: polygonLegendFeature,
   h3grid: h3gridFeature
@@ -2874,6 +2875,9 @@ function deserializeSymbol(symbol) {
     case "h3grid":
       return deserializeH3Symbol(symbol);
 
+    case "svgPointSymbol":
+      return deserializeSvgPointSymbol(symbol);
+
     case 'circlePointSymbol':
       return deserializePointSymbol(symbol);
 
@@ -2914,6 +2918,41 @@ function deserializePointSymbol(symbol) {
   return new PointSymbol(deserializePointSymbolParams(symbol));
 }
 
+const getOffsetParameterValue = offset => [getParameterValue(offset == null ? void 0 : offset[0]), getParameterValue(offset == null ? void 0 : offset[1])];
+
+function deserializeSvgPointSymbolParams(_ref) {
+  let {
+    type,
+    data,
+    size,
+    offset,
+    angle,
+    background,
+    figure
+  } = _ref;
+  return _extends({
+    type: getParameterValue(type),
+    data: getParameterValue(data),
+    size: getParameterValue(size),
+    offset: getOffsetParameterValue(offset),
+    angle: getParameterValue(angle)
+  }, background ? {
+    background: _extends({}, background, {
+      fillColor: deserializeColor(getParameterValue(background == null ? void 0 : background.fillColor)),
+      strokeColor: deserializeColor(getParameterValue(background == null ? void 0 : background.strokeColor)),
+      strokeWidth: getParameterValue(background == null ? void 0 : background.strokeWidth)
+    })
+  } : {}, figure ? {
+    figure: _extends({}, figure, {
+      fillColor: deserializeColor(getParameterValue(figure == null ? void 0 : figure.fillColor))
+    })
+  } : {});
+}
+
+function deserializeSvgPointSymbol(symbol) {
+  return new PointSymbol(deserializeSvgPointSymbolParams(symbol));
+}
+
 function deserializeSquareSymbol(symbol) {
   return new SquareSymbol(_extends({}, deserializePointSymbolParams(symbol), {
     // @ts-ignore
@@ -2971,14 +3010,14 @@ function deserializePolylineSymbol(symbol) {
   return new SGisPolylineSymbol(symbol);
 }
 
-function deserializePointSymbolParams(_ref) {
+function deserializePointSymbolParams(_ref2) {
   let {
     size,
     offset,
     strokeColor,
     strokeWidth,
     fillColor
-  } = _ref;
+  } = _ref2;
   return {
     size: getParameterValue(size),
     offset: deserializeAnchor(offset),
@@ -3437,7 +3476,7 @@ const useLegendValueSymbol = _ref => {
   });
 };
 
-const DEFAULT_SYMBOL_SIZE = 16;
+const DEFAULT_SYMBOL_SIZE = 26;
 function useSymbol(_ref, canvasRef) {
   let {
     symbol,
@@ -4686,7 +4725,7 @@ var _templateObject$2, _templateObject2$1, _templateObject3$1, _templateObject4$
 const LegendContainer = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: white;\n"])));
 const LegendSectionContainer = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 const LegendSymbolTitle = /*#__PURE__*/styled.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.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  font-size: 0.75rem;\n  padding: 0.125rem 0;\n\n  ", " {\n    padding-left: 0.5rem;\n  }\n"])), LegendSymbolTitle);
+const LegendValueContainer = /*#__PURE__*/styled.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.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 0.75rem;\n  font-weight: 500;\n"])));
 
 const LegendSection = _ref => {
@@ -4750,7 +4789,7 @@ const LegendValue = _ref => {
   })), React.createElement(LegendSymbolTitle, null, value.title));
 };
 
-const MAX_SIZE$1 = 16;
+const MAX_SIZE$1 = 26;
 
 const getNumberParam = (parameterValue, param) => {
   return typeof parameterValue === 'object' && param in parameterValue && typeof parameterValue[param] === 'number' ? parameterValue[param] : null;
@@ -4954,7 +4993,7 @@ const Fullscreen = () => {
 
 var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11$1;
 const MapLegendControl = /*#__PURE__*/styled(MapControl)(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: default;\n"])));
-const MapLegendContainer = /*#__PURE__*/styled.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: 1rem;\n    width: 1rem;\n  }\n"])));
+const MapLegendContainer = /*#__PURE__*/styled.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 MapLegendHeader = /*#__PURE__*/styled(LegendSectionHeader)(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 15rem;\n  margin-bottom: 0.25rem;\n  font-weight: 500;\n"])));
 const MapLegendValueDescr = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n"])));
 const MapLegendItems = /*#__PURE__*/styled.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  border-radius: 0.125rem;\n"])));
@@ -5005,7 +5044,8 @@ const MapLegend = _ref => {
   }, React.createElement(MapLegendControl, {
     className: className
   }, React.createElement(MapLegendHeader, null, layer == null ? void 0 : layer.alias), React.createElement(MapLegendContainer, null, isExpanded ? React.createElement(Legend, {
-    layer: layer
+    layer: layer,
+    config: config
   }) : React.createElement(React.Fragment, null, item.title !== (layer == null ? void 0 : layer.alias) && React.createElement(MapLegendValueDescr, null, item.title), React.createElement(MapLegendItems, null, item.values.map(value => React.createElement(MapLegendItem, {
     key: value.title,
     title: value.title,