@evergis/react 2.0.168 → 2.0.170

package/dist/react.esm.js

@@ -5627,7 +5627,7 @@ const SymbolButton = /*#__PURE__*/styled.span(_templateObject6$2 || (_templateOb
 });
 const MapLegendControl = /*#__PURE__*/styled(MapControl)(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: default;\n"])));
 const MapLegendContainer = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  padding-bottom: 1rem;\n  box-sizing: border-box;\n\n  canvas {\n    height: 1.625rem;\n    width: 1.625rem;\n  }\n"])));
-const MapLegendHeader = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 15rem;\n  margin-bottom: 0.25rem;\n  font-weight: 500;\n"])));
+const MapLegendHeader = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 15rem;\n  margin-bottom: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: bold;\n"])));
 const MapLegendDescriptionContainer = /*#__PURE__*/styled.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 0.5rem;\n  font-weight: 400;\n  font-size: 0.625rem;\n  color: rgba(255, 255, 255, 0.65);\n"])));
 const MinimizedLegendContainer = /*#__PURE__*/styled.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: calc(100% - 1.5rem);\n  padding-right: 1.5rem;\n"])));
 const MapLegendSectionContainer = /*#__PURE__*/styled.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  \n  :not(:last-child) {\n    margin-bottom: 1rem;\n  }\n"])));
@@ -6078,13 +6078,23 @@ const MaximizedLegend = _ref => {
   return React.createElement(React.Fragment, null, values.map(renderLegend));
 };
 
+const LegendParameterDescription = _ref => {
+  let {
+    parameter
+  } = _ref;
+  const isSize = isParameterType("size", parameter);
+  const isStrokeWidth = isParameterType(["strokeWidth", "stroke.width"], parameter);
+  const isStrokeColor = isParameterType(["strokeColor", "stroke.color"], parameter);
+  return React.createElement(MapLegendDescriptionContainer, null, isStrokeWidth || isStrokeColor ? isStrokeWidth ? "Толщина обводки" : "Цвет обводки" : isSize ? "Размер знака" : "Цвет символа");
+};
+
 const LegendSection = _ref => {
   let {
     symbol,
     param,
     params,
     classified,
-    attributeName,
+    attributeTitle,
     attributeType,
     index
   } = _ref;
@@ -6092,7 +6102,9 @@ const LegendSection = _ref => {
     t
   } = useTranslation("common");
   const [isExpanded, toggleExpanded] = useToggle$1();
-  return React.createElement(MapLegendSectionContainer, null, React.createElement(MapLegendHeader, null, attributeName), isExpanded ? React.createElement(MaximizedLegend, {
+  return React.createElement(MapLegendSectionContainer, null, React.createElement(MapLegendHeader, null, attributeTitle), React.createElement(LegendParameterDescription, {
+    parameter: param
+  }), isExpanded ? React.createElement(MaximizedLegend, {
     key: param,
     symbol: symbol,
     parameter: param,
@@ -6110,31 +6122,28 @@ const LegendSection = _ref => {
   }, t(isExpanded ? "toggleMenu" : "Развернуть")));
 };
 
-const LegendParameterDescription = _ref => {
-  let {
-    parameter
-  } = _ref;
-  const isSize = isParameterType("size", parameter);
-  const isStrokeWidth = isParameterType(["strokeWidth", "stroke.width"], parameter);
-  const isStrokeColor = isParameterType(["strokeColor", "stroke.color"], parameter);
-  return React.createElement(MapLegendDescriptionContainer, null, isStrokeWidth || isStrokeColor ? isStrokeWidth ? "Толщина обводки" : "Цвет обводки" : isSize ? "Размер знака" : "Цвет символа");
-};
-
 const Legend = _ref => {
   let {
     layerInfo
   } = _ref;
   const classified = getClassified(layerInfo);
   const params = Object.keys(classified);
+  const attributes = getLayerAttributes(layerInfo.layerDefinition);
   return React.createElement(MapLegendContainer, null, Object.keys(classified).map((param, index) => {
-    var _classified$param$val, _layerInfo$style;
+    var _classified$param$val, _attributes$find, _layerInfo$style;
 
     const attributeName = getAttributeNameFromCondition((_classified$param$val = classified[param].values[0]) == null ? void 0 : _classified$param$val.condition);
+    const attributeAlias = (_attributes$find = attributes.find(_ref2 => {
+      let {
+        name
+      } = _ref2;
+      return name === attributeName;
+    })) == null ? void 0 : _attributes$find.alias;
     return React.createElement(LegendSection, {
       key: index,
       symbol: (_layerInfo$style = layerInfo.style) == null ? void 0 : _layerInfo$style.symbol,
       attributeType: getAttributeType(layerInfo, attributeName),
-      attributeName: attributeName,
+      attributeTitle: attributeAlias || attributeName,
       classified: classified[param],
       param: param,
       params: params,