@evergis/react 2.0.167 → 2.0.169

package/dist/components/Legend/components/index.d.ts

@@ -1,5 +1,7 @@
 export * from './LegendSection';
 export * from './LegendSymbolRenderer';
+export * from './LegendParameterDescription';
 export * from './MaximizedLegend';
+export * from './MinimizedLegend';
 export * from './SvgSymbol';
 export * from './SymbolByType';

package/dist/components/Legend/types.d.ts

@@ -24,7 +24,7 @@ export declare type LegendSectionProps = {
     param: ClassificationParameterExtended;
     params: ClassificationParameterExtended[];
     classified: ParameterByAttribute<ParameterValue>;
-    attributeName: string;
+    attributeTitle: string;
     attributeType: AttributeType;
     index: number;
 };

package/dist/react.cjs.development.js

@@ -5629,7 +5629,7 @@ const MapLegendContainer = /*#__PURE__*/styled__default.div(_templateObject8$2 |
 const MapLegendHeader = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 15rem;\n  margin-bottom: 0.25rem;\n  font-weight: 500;\n"])));
 const MapLegendDescriptionContainer = /*#__PURE__*/styled__default.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__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: calc(100% - 1.5rem);\n  padding-right: 1.5rem;\n"])));
-const MapLegendSectionContainer = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :not(:last-child) {\n    margin-bottom: 1rem;\n  }\n"])));
+const MapLegendSectionContainer = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  \n  :not(:last-child) {\n    margin-bottom: 1rem;\n  }\n"])));
 const MapLegendValueDescr = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  min-height: 1rem;\n  margin-bottom: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1rem;\n"])));
 
 const SizeLegendItemMixin = function SizeLegendItemMixin(value) {
@@ -6077,13 +6077,23 @@ const MaximizedLegend = _ref => {
   return React__default.createElement(React__default.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__default.createElement(MapLegendDescriptionContainer, null, isStrokeWidth || isStrokeColor ? isStrokeWidth ? "Толщина обводки" : "Цвет обводки" : isSize ? "Размер знака" : "Цвет символа");
+};
+
 const LegendSection = _ref => {
   let {
     symbol,
     param,
     params,
     classified,
-    attributeName,
+    attributeTitle,
     attributeType,
     index
   } = _ref;
@@ -6091,7 +6101,9 @@ const LegendSection = _ref => {
     t
   } = reactI18next.useTranslation("common");
   const [isExpanded, toggleExpanded] = ui.useToggle();
-  return React__default.createElement(MapLegendSectionContainer, null, React__default.createElement(MapLegendHeader, null, attributeName), isExpanded ? React__default.createElement(MaximizedLegend, {
+  return React__default.createElement(MapLegendSectionContainer, null, React__default.createElement(MapLegendHeader, null, attributeTitle), React__default.createElement(LegendParameterDescription, {
+    parameter: param
+  }), isExpanded ? React__default.createElement(MaximizedLegend, {
     key: param,
     symbol: symbol,
     parameter: param,
@@ -6115,14 +6127,22 @@ const Legend = _ref => {
   } = _ref;
   const classified = getClassified(layerInfo);
   const params = Object.keys(classified);
+  const attributes = getLayerAttributes(layerInfo.layerDefinition);
   return React__default.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__default.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,
@@ -6592,6 +6612,7 @@ exports.ItemSeparator = ItemSeparator;
 exports.ItemText = ItemText;
 exports.LabelSymbol = LabelSymbol;
 exports.Legend = Legend;
+exports.LegendParameterDescription = LegendParameterDescription;
 exports.LegendProvider = LegendProvider;
 exports.LegendSection = LegendSection;
 exports.LegendSymbolRenderer = LegendSymbolRenderer;
@@ -6618,6 +6639,7 @@ exports.MaximizedLegend = MaximizedLegend;
 exports.Measure = Measure;
 exports.MeasureTool = MeasureTool;
 exports.Measurer = Measurer;
+exports.MinimizedLegend = MinimizedLegend;
 exports.MinimizedLegendContainer = MinimizedLegendContainer;
 exports.NO_CONTENT_VALUE = NO_CONTENT_VALUE;
 exports.Noop = Noop;