@evergis/react 2.0.156 → 2.0.158

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

@@ -1,4 +1,5 @@
 export * from './MapLegend';
 export * from './MapLegendSymbol';
 export * from './MapLegendDescription';
-export { MapLegendContainer, MapLegendHeader, MapLegendValueDescr, MapLegendExpandButton, MapLegendValues, MapLegendItem, SizeMinimizedLegendDown, SizeMinimizedLegendUp, MapLegendDescriptionContainer, } from './styled';
+export * from './MinimizedLegend';
+export { MapLegendContainer, MapLegendHeader, MapLegendValueDescr, MapLegendExpandButton, MapLegendValues, MapLegendItems, MapLegendItem, MapLegendOther, SizeMinimizedLegendDown, SizeMinimizedLegendUp, MapLegendDescriptionContainer, } from './styled';

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

@@ -1,30 +1,27 @@
+import { ClassificationParameterExtended } from "../../core";
+import { MapLegendItemProps } from "./types";
 export declare const MapLegendControl: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendDescriptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MinimizedLegendContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendValueDescr: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MapLegendItem: import("styled-components").StyledComponent<"div", any, {
-    value?: string | number | undefined;
-    parameter?: "symbol" | "height" | "width" | "strokeWidth" | "size" | "fill.color" | "fill.hatchColor" | "stroke.width" | "stroke.color" | "background.fillColor" | "background.strokeColor" | "background.strokeWidth" | "figure.fillColor" | "fillColor" | "strokeColor" | "angle" | "maskedColor" | undefined;
-}, never>;
-export declare const MapLegendOther: import("styled-components").StyledComponent<"div", any, {
-    value?: string | number | undefined;
-    parameter?: "symbol" | "height" | "width" | "strokeWidth" | "size" | "fill.color" | "fill.hatchColor" | "stroke.width" | "stroke.color" | "background.fillColor" | "background.strokeColor" | "background.strokeWidth" | "figure.fillColor" | "fillColor" | "strokeColor" | "angle" | "maskedColor" | undefined;
-}, never>;
+export declare const MapLegendItem: import("styled-components").StyledComponent<"div", any, MapLegendItemProps, never>;
+export declare const MapLegendOther: import("styled-components").StyledComponent<"div", any, MapLegendItemProps, never>;
 export declare const SizeMinimizedLegend: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SizeMinimizedLegendSymbol: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SizeMinimizedLegendLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SizeMinimizedLegendDown: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SizeMinimizedLegendUp: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendItems: import("styled-components").StyledComponent<"div", any, {
+    parameter: ClassificationParameterExtended;
     isSize?: boolean | undefined;
     isStrokeWidth?: boolean | undefined;
+    isStrokeColor?: boolean | undefined;
+    isSingle?: boolean | undefined;
 }, never>;
+export declare const MapLegendItemsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendValues: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapLegendValuesRange: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MapLegendValuesOther: import("styled-components").StyledComponent<"div", any, {
-    value?: string | number | undefined;
-    parameter?: "symbol" | "height" | "width" | "strokeWidth" | "size" | "fill.color" | "fill.hatchColor" | "stroke.width" | "stroke.color" | "background.fillColor" | "background.strokeColor" | "background.strokeWidth" | "figure.fillColor" | "fillColor" | "strokeColor" | "angle" | "maskedColor" | undefined;
-}, never>;
+export declare const MapLegendValuesOther: import("styled-components").StyledComponent<"div", any, MapLegendItemProps, never>;
 export declare const MapLegendExpandButton: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -12,4 +12,10 @@ export declare type MinimizedLegendProps = {
     defaultValue: string;
     values: LegendValueType[];
     parameter: ClassificationParameterExtended;
+    hiddenLegends?: string[];
+};
+export declare type MapLegendItemProps = {
+    value?: string | number;
+    parameter?: ClassificationParameterExtended;
+    isHidden?: boolean;
 };

package/dist/core/legend/types.d.ts

@@ -7,6 +7,7 @@ import { CompositeSymbolType, ParameterValueWithSymbol, StyleSymbolType, Unclass
 export declare type LegendValueType = {
     title: string;
     parameterValue: ParameterValueWithSymbol;
+    hiddenCondition?: string;
 };
 export declare type LegendItem = {
     attribute?: ClassificationAttribute;

package/dist/react.cjs.development.js

@@ -4885,7 +4885,7 @@ const Legend = _ref => {
   } = legend || {};
 
   if (!legend && !renderCustomLegend) {
-    return React__default.createElement(React__default.Fragment, null);
+    return null;
   }
 
   return React__default.createElement(LegendProvider, {
@@ -5027,7 +5027,7 @@ const Fullscreen = () => {
   }));
 };
 
-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, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+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, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
 const MapLegendControl = /*#__PURE__*/styled__default(MapControl)(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: default;\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  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__default(LegendSectionHeader)(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 15rem;\n  margin-bottom: 0.25rem;\n  font-weight: 500;\n"])));
@@ -5040,7 +5040,7 @@ const SizeLegendItemMixin = function SizeLegendItemMixin(value) {
     value = 0;
   }
 
-  return styled.css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 50%;\n  flex: none;\n  height: inherit;\n  width: inherit;\n  margin: 0 0 0 -1rem;\n  background: none;\n  border: none;\n\n  :after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    border: 1px rgba(48, 69, 79, 0.28) solid;\n    border-radius: 50%;\n    margin: 0 0 0 -", "px;\n    width: ", "px;\n    height: ", "px;\n  }\n"])), value / 2, value, value);
+  return styled.css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 50%;\n  flex: none;\n  height: inherit;\n  width: inherit;\n  margin: 0 auto;\n  background: none;\n  border: none;\n\n  :after {\n    content: \"\";\n    display: flex;\n    border: 1px rgba(48, 69, 79, 0.28) solid;\n    border-radius: 50%;\n    margin: 0 0 0 -", "px;\n    width: ", "px;\n    height: ", "px;\n  }\n"])), value / 2, value, value);
 };
 
 const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
@@ -5048,10 +5048,11 @@ const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
     value = 0;
   }
 
-  return styled.css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  background: none;\n  border: none;\n  display: flex;\n  align-items: center;\n  flex: none;\n  min-height: 1rem;\n  height: auto;\n  width: calc(100% - 2rem);\n  margin: 0 0 0.25rem 0;\n  padding-left: 2rem;\n  font-size: 0.75rem;\n  \n  :after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 1.5rem;\n    height: ", "px;\n    margin-top: -", ";\n    background: rgb(224, 224, 224);\n  }\n"])), value, Math.round(value / 2));
+  return styled.css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  background: none;\n  border: none;\n  display: flex;\n  align-items: center;\n  flex: none;\n  width: calc(100% - 2rem);\n  height: ", "px;\n  margin: 0 0 0.25rem 0;\n  padding-left: 2rem;\n  font-size: 0.75rem;\n  \n  :first-child, :last-child {\n    height: auto;\n  }\n  \n  :after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 1.5rem;\n    height: ", "px;\n    margin-top: -", "px;\n    background: rgb(224, 224, 224);\n  }\n"])), value, value, Math.round(value / 2));
 };
 
-const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: ", "rem;\n  background: ", ";\n  border: 1px rgba(48, 69, 79, 0.1) solid;\n  margin-right: -1px;\n\n  ", "\n\n  ", "\n"])), _ref => {
+const StrokeColorLegendItemMixin = /*#__PURE__*/styled.css(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-right: 0.5rem;\n  width: 1.5rem;\n"])));
+const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: ", "rem;\n  background: ", ";\n  border: 1px rgba(48, 69, 79, 0.1) solid;\n  margin-right: -1px;\n  opacity: ", ";\n\n  ", "\n\n  ", "\n"])), _ref => {
   let {
     parameter
   } = _ref;
@@ -5063,40 +5064,107 @@ const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_t
   return typeof value === "number" ? "none" : value;
 }, _ref3 => {
   let {
-    value,
-    parameter
+    isHidden
   } = _ref3;
-  return isParameterType("size", parameter) && SizeLegendItemMixin(value);
+  return isHidden ? 0.28 : 1;
 }, _ref4 => {
   let {
     value,
     parameter
   } = _ref4;
+  return isParameterType("size", parameter) && SizeLegendItemMixin(value);
+}, _ref5 => {
+  let {
+    value,
+    parameter
+  } = _ref5;
   return isParameterType(["strokeWidth", "stroke.width"], parameter) && StrokeWidthLegendItemMixin(value);
 });
-const MapLegendOther = /*#__PURE__*/styled__default(MapLegendItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: none;\n  position: relative;\n  width: 1rem;\n  margin-left: 0.25rem;\n  border-radius: 0.125rem;\n"])));
-const SizeLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 2rem;\n  height: 2rem;\n  margin: 0 auto;\n\n  ", " {\n    width: auto;\n    margin-left: 0;\n  }\n"])), MapLegendOther);
-const StrokeWidthLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  flex-direction: column;\n\n  ", " {\n    width: calc(100% - 2rem);\n    margin-left: 0;\n  }\n"])), MapLegendOther);
-const SizeMinimizedLegend = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  margin-top: 0.5rem;\n"])));
-const SizeMinimizedLegendSymbol = /*#__PURE__*/styled__default.div(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 4rem;\n  margin-right: 0.75rem;\n"])));
-const SizeMinimizedLegendLabel = /*#__PURE__*/styled__default.div(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 0.75rem;\n"])));
-const SizeMinimizedLegendDown = /*#__PURE__*/styled__default.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: white;\n  opacity: 0.28;\n"])));
-const SizeMinimizedLegendUp = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: white;\n  opacity: 0.65;\n"])));
-const MapLegendItems = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  border-radius: 0.125rem;\n\n  ", ";\n  ", ";\n"])), _ref5 => {
+const MapLegendOther = /*#__PURE__*/styled__default(MapLegendItem)(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: none;\n  position: relative;\n  width: 1rem;\n  margin-left: 0.25rem;\n  border-radius: 0.125rem;\n"])));
+const SizeLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 2rem;\n  height: 2rem;\n  margin: 0 auto;\n\n  ", " {\n    width: auto;\n    margin-left: 0;\n  }\n"])), MapLegendOther);
+const StrokeWidthLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  flex-direction: column;\n  width: auto;\n\n  ", " {\n    width: calc(100% - 2rem);\n    margin-left: 0;\n  }\n"])), MapLegendOther);
+const SizeMinimizedLegend = /*#__PURE__*/styled__default.div(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  margin-top: 0.5rem;\n"])));
+const SizeMinimizedLegendSymbol = /*#__PURE__*/styled__default.div(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 4rem;\n  margin-right: 0.75rem;\n"])));
+const SizeMinimizedLegendLabel = /*#__PURE__*/styled__default.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 0.75rem;\n"])));
+const SizeMinimizedLegendDown = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: white;\n  opacity: 0.65;\n"])));
+const SizeMinimizedLegendUp = /*#__PURE__*/styled__default(SizeMinimizedLegendDown)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+const SingleSizeLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 4rem;\n  margin-right: 0.75rem;\n\n  ", ":after {\n    margin: 0 auto;\n  }\n"])), MapLegendItem);
+const SingleLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n  width: 2rem;\n  margin: 0;\n  ", "\n  \n  ", " {\n    position: relative;\n    top: 0;\n    left: 0;\n    display: flex;\n    align-content: center;\n    justify-content: center;\n    margin: 0;\n    height: auto;\n    width: auto;\n\n    ", "\n  }\n"])), _ref6 => {
   let {
     isSize
-  } = _ref5;
+  } = _ref6;
+  return isSize && SingleSizeLegendItemsMixin;
+}, MapLegendItem, _ref7 => {
+  let {
+    parameter
+  } = _ref7;
+  return isParameterType(["strokeColor", "stroke.color"], parameter) && StrokeColorLegendItemMixin;
+});
+const MapLegendItems = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  border-radius: 0.125rem;\n\n  ", ";\n  ", ";\n  ", ";\n"])), _ref8 => {
+  let {
+    isSize
+  } = _ref8;
   return isSize && SizeLegendItemsMixin;
-}, _ref6 => {
+}, _ref9 => {
   let {
     isStrokeWidth
-  } = _ref6;
+  } = _ref9;
   return isStrokeWidth && StrokeWidthLegendItemsMixin;
+}, _ref10 => {
+  let {
+    isSingle
+  } = _ref10;
+  return isSingle && SingleLegendItemsMixin;
 });
-const MapLegendValues = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  font-size: 0.75rem;\n  color: rgba(48, 69, 79, 0.65);\n"])));
-const MapLegendValuesRange = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n"])));
-const MapLegendValuesOther = /*#__PURE__*/styled__default(MapLegendOther)(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 0;\n  text-align: center;\n  overflow: visible;\n"])));
-const MapLegendExpandButton = /*#__PURE__*/styled__default.div(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  margin: 0.1rem 0 0.5rem;\n  font-size: 0.625rem;\n  color: #1FB3AA;\n"])));
+const MapLegendItemsContainer = /*#__PURE__*/styled__default.div(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  \n  ", " {\n    :first-child {\n      border-top-left-radius: 0.125rem;\n      border-bottom-left-radius: 0.125rem;\n    }\n\n    :last-child {\n      border-top-right-radius: 0.125rem;\n      border-bottom-right-radius: 0.125rem;\n    }\n  }\n"])), MapLegendItem);
+const MapLegendValues = /*#__PURE__*/styled__default.div(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  font-size: 0.75rem;\n  color: rgba(48, 69, 79, 0.65);\n"])));
+const MapLegendValuesRange = /*#__PURE__*/styled__default.div(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 1.25rem);\n  \n  div {\n    flex: 1;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    :first-child {\n      margin-right: 0.5rem;\n    }\n\n    :last-child {\n      margin-left: 0.5rem;\n    }\n  }\n"])));
+const MapLegendValuesOther = /*#__PURE__*/styled__default(MapLegendOther)(_templateObject25 || (_templateObject25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 0;\n  text-align: center;\n  overflow: visible;\n"])));
+const MapLegendExpandButton = /*#__PURE__*/styled__default.div(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  margin: 0.1rem 0 0.5rem;\n  font-size: 0.625rem;\n  color: #1FB3AA;\n"])));
+
+const MapLegend = _ref => {
+  let {
+    layer,
+    config,
+    className,
+    hideTitle
+  } = _ref;
+  const legend = useMapLegend(layer, config);
+
+  if (!legend) {
+    return null;
+  }
+
+  const {
+    symbol,
+    items
+  } = legend;
+  return React__default.createElement(LegendProvider, {
+    symbol: symbol
+  }, React__default.createElement(MapLegendControl, {
+    className: className
+  }, !hideTitle && React__default.createElement(MapLegendHeader, null, layer == null ? void 0 : layer.alias), !!items.length && React__default.createElement(MapLegendContainer, null, React__default.createElement(Legend, {
+    layer: layer,
+    config: config
+  }))));
+};
+
+const MAX_SIZE$2 = 100;
+const MapLegendSymbol = _ref => {
+  let {
+    value,
+    parameter
+  } = _ref;
+  return React__default.createElement(LegendSymbol, {
+    key: value.title,
+    parameter: parameter,
+    parameterValue: value.parameterValue
+  }, symbol => React__default.createElement(Symbol, {
+    render: getMapLegendSymbolRenders,
+    symbol: symbol,
+    size: MAX_SIZE$2
+  }));
+};
 
 const MapLegendDescription = _ref => {
   let {
@@ -5109,14 +5177,17 @@ const MapLegendDescription = _ref => {
 };
 
 const getValueFromLegendTitle = (title, minOrMax) => {
-  var _title$split;
-
   if (title.includes(" - ")) {
     const result = title == null ? void 0 : title.split(" - ");
     return minOrMax === "min" ? result == null ? void 0 : result[0] : result == null ? void 0 : result[1];
   }
 
-  return (title == null ? void 0 : (_title$split = title.split(" ")) == null ? void 0 : _title$split.find(isNumeric)) || "";
+  if (title.includes(",")) {
+    const result = title == null ? void 0 : title.split(",");
+    return result.join(", ");
+  }
+
+  return title.split(" ").find(isNumeric) || title || "";
 };
 
 const MinimizedLegend = _ref => {
@@ -5125,7 +5196,8 @@ const MinimizedLegend = _ref => {
   let {
     values,
     title,
-    parameter
+    parameter,
+    hiddenLegends
   } = _ref;
   const currentValues = [...values];
   const other = currentValues.pop();
@@ -5133,101 +5205,52 @@ const MinimizedLegend = _ref => {
   const isStrokeWidth = isParameterType(["strokeWidth", "stroke.width"], parameter);
   const titleMax = getValueFromLegendTitle((_currentValues$ = currentValues[0]) == null ? void 0 : _currentValues$.title, "max");
   const titleMin = getValueFromLegendTitle((_currentValues = currentValues[currentValues.length - 1]) == null ? void 0 : _currentValues.title, "min");
-  return React__default.createElement(MinimizedLegendContainer, null, !!title && React__default.createElement(MapLegendValueDescr, null, title), React__default.createElement(MapLegendDescription, {
-    parameter: parameter
-  }), isSize ? React__default.createElement(React__default.Fragment, null, React__default.createElement(SizeMinimizedLegend, null, React__default.createElement(SizeMinimizedLegendSymbol, null, React__default.createElement(MapLegendItems, {
+  const checkIsHidden = React.useCallback(hiddenCondition => hiddenCondition ? hiddenLegends == null ? void 0 : hiddenLegends.some(condition => hiddenCondition.includes(condition)) : false, [hiddenLegends]);
+  return React__default.createElement(MinimizedLegendContainer, null, !!title && React__default.createElement(MapLegendValueDescr, null, title), isSize ? React__default.createElement(React__default.Fragment, null, React__default.createElement(SizeMinimizedLegend, null, React__default.createElement(SizeMinimizedLegendSymbol, null, React__default.createElement(MapLegendItems, {
+    parameter: parameter,
     isSize: true
   }, currentValues.map((value, index) => React__default.createElement(MapLegendItem, {
     key: "" + value.title + index,
     title: value.title,
     value: value.parameterValue,
-    parameter: parameter
+    parameter: parameter,
+    isHidden: checkIsHidden(value.hiddenCondition)
   })))), React__default.createElement(SizeMinimizedLegendLabel, null, React__default.createElement(SizeMinimizedLegendDown, null, (_currentValues$2 = currentValues[0]) == null ? void 0 : _currentValues$2.title), React__default.createElement(SizeMinimizedLegendUp, null, (_currentValues2 = currentValues[currentValues.length - 1]) == null ? void 0 : _currentValues2.title))), React__default.createElement(SizeMinimizedLegend, null, React__default.createElement(SizeMinimizedLegendSymbol, null, React__default.createElement(MapLegendItems, {
+    parameter: parameter,
     isSize: true
   }, React__default.createElement(MapLegendOther, {
     title: "\u0414\u0440\u0443\u0433\u043E\u0435",
     value: other == null ? void 0 : other.parameterValue,
-    parameter: parameter
+    parameter: parameter,
+    isHidden: checkIsHidden(other == null ? void 0 : other.hiddenCondition)
   }))), React__default.createElement(SizeMinimizedLegendLabel, null, React__default.createElement(SizeMinimizedLegendUp, null, "\u0414\u0440\u0443\u0433\u043E\u0435")))) : isStrokeWidth ? React__default.createElement(MapLegendItems, {
+    parameter: parameter,
     isStrokeWidth: true
   }, currentValues.map((value, index) => React__default.createElement(MapLegendItem, {
     key: "" + value.title + index,
     title: value.title,
     value: value.parameterValue,
-    parameter: parameter
+    parameter: parameter,
+    isHidden: checkIsHidden(value.hiddenCondition)
   }, (!index || index === currentValues.length - 1) && value.title)), React__default.createElement(MapLegendOther, {
     title: "\u0414\u0440\u0443\u0433\u043E\u0435",
     value: other == null ? void 0 : other.parameterValue,
+    parameter: parameter,
+    isHidden: checkIsHidden(other == null ? void 0 : other.hiddenCondition)
+  }, "\u0414\u0440\u0443\u0433\u043E\u0435")) : React__default.createElement(MapLegendItems, {
     parameter: parameter
-  }, "\u0414\u0440\u0443\u0433\u043E\u0435")) : React__default.createElement(MapLegendItems, null, currentValues.map((value, index) => React__default.createElement(MapLegendItem, {
+  }, React__default.createElement(MapLegendItemsContainer, null, currentValues.map((value, index) => React__default.createElement(MapLegendItem, {
     key: "" + value.title + index,
     title: value.title,
     value: value.parameterValue,
-    parameter: parameter
-  })), React__default.createElement(MapLegendOther, {
+    parameter: parameter,
+    isHidden: checkIsHidden(value.hiddenCondition)
+  }))), React__default.createElement(MapLegendOther, {
     title: "\u0414\u0440\u0443\u0433\u043E\u0435",
     value: other == null ? void 0 : other.parameterValue,
-    parameter: parameter
-  })), typeof (other == null ? void 0 : other.parameterValue) === "string" && (titleMax || titleMin) && React__default.createElement(MapLegendValues, null, React__default.createElement(MapLegendValuesRange, null, React__default.createElement("div", null, titleMax), React__default.createElement("div", null, titleMin)), React__default.createElement(MapLegendValuesOther, null, "-")));
-};
-
-const MapLegend = _ref => {
-  let {
-    layer,
-    config,
-    className,
-    hideTitle
-  } = _ref;
-  const legend = useMapLegend(layer, config);
-  const [isExpanded, toggleExpanded] = useToggle();
-
-  if (!legend) {
-    return null;
-  }
-
-  const {
-    symbol,
-    items
-  } = legend;
-  return React__default.createElement(LegendProvider, {
-    symbol: symbol
-  }, React__default.createElement(MapLegendControl, {
-    className: className
-  }, !hideTitle && React__default.createElement(MapLegendHeader, null, layer == null ? void 0 : layer.alias), !!items.length && React__default.createElement(MapLegendContainer, null, isExpanded ? React__default.createElement(Legend, {
-    layer: layer,
-    config: config
-  }) : React__default.createElement(React__default.Fragment, null, items.map(item => {
-    var _symbol$fill;
-
-    return React__default.createElement(React.Fragment, {
-      key: [layer == null ? void 0 : layer.name, item.title, item.parameter].join("-")
-    }, React__default.createElement(MinimizedLegend, {
-      values: item.values,
-      defaultValue: (_symbol$fill = symbol.fill) == null ? void 0 : _symbol$fill.color,
-      title: item.title !== (layer == null ? void 0 : layer.alias) ? item.title : "",
-      parameter: item.parameter
-    }));
-  })), React__default.createElement(MapLegendExpandButton, {
-    onClick: toggleExpanded,
-    "data-html2canvas-ignore": true
-  }, isExpanded ? "Свернуть" : "Развернуть"))));
-};
-
-const MAX_SIZE$2 = 100;
-const MapLegendSymbol = _ref => {
-  let {
-    value,
-    parameter
-  } = _ref;
-  return React__default.createElement(LegendSymbol, {
-    key: value.title,
     parameter: parameter,
-    parameterValue: value.parameterValue
-  }, symbol => React__default.createElement(Symbol, {
-    render: getMapLegendSymbolRenders,
-    symbol: symbol,
-    size: MAX_SIZE$2
-  }));
+    isHidden: checkIsHidden(other == null ? void 0 : other.hiddenCondition)
+  })), typeof (other == null ? void 0 : other.parameterValue) === "string" && (titleMax || titleMin) && React__default.createElement(MapLegendValues, null, React__default.createElement(MapLegendValuesRange, null, React__default.createElement("div", null, titleMax), React__default.createElement("div", null, titleMin)), React__default.createElement(MapLegendValuesOther, null, "-")));
 };
 
 let MeasureTool = /*#__PURE__*/function (_React$Component) {
@@ -5659,6 +5682,8 @@ exports.MapLegendDescriptionContainer = MapLegendDescriptionContainer;
 exports.MapLegendExpandButton = MapLegendExpandButton;
 exports.MapLegendHeader = MapLegendHeader;
 exports.MapLegendItem = MapLegendItem;
+exports.MapLegendItems = MapLegendItems;
+exports.MapLegendOther = MapLegendOther;
 exports.MapLegendSymbol = MapLegendSymbol;
 exports.MapLegendValueDescr = MapLegendValueDescr;
 exports.MapLegendValues = MapLegendValues;
@@ -5666,6 +5691,7 @@ exports.MapProvider = MapProvider;
 exports.Measure = Measure;
 exports.MeasureTool = MeasureTool;
 exports.Measurer = Measurer;
+exports.MinimizedLegend = MinimizedLegend;
 exports.NO_CONTENT_VALUE = NO_CONTENT_VALUE;
 exports.Noop = Noop;
 exports.PREVIEW_LIMITS = PREVIEW_LIMITS;