@evergis/react 2.0.163 → 2.0.164
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/MapLegend/styled.d.ts +1 -0
- package/dist/components/MapLegend/types.d.ts +2 -0
- package/dist/react.cjs.development.js +25 -25
- package/dist/react.cjs.development.js.map +1 -1
- package/dist/react.cjs.production.min.js +1 -1
- package/dist/react.cjs.production.min.js.map +1 -1
- package/dist/react.esm.js +25 -25
- package/dist/react.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -5,6 +5,7 @@ export declare const MapLegendContainer: import("styled-components").StyledCompo
|
|
|
5
5
|
export declare const MapLegendHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
6
|
export declare const MapLegendDescriptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
7
|
export declare const MinimizedLegendContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
+
export declare const MapLegendSectionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
9
|
export declare const MapLegendValueDescr: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
10
|
export declare const MapLegendItem: import("styled-components").StyledComponent<"div", any, MapLegendItemProps, never>;
|
|
10
11
|
export declare const MapLegendOther: import("styled-components").StyledComponent<"div", any, MapLegendItemProps, never>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
+
import { AttributeType } from "@evergis/api";
|
|
2
3
|
import { LegendProps } from "../Legend";
|
|
3
4
|
import { ClassificationParameterExtended, LegendValueType } from "../../core";
|
|
4
5
|
export declare type MapLegendProps = LegendProps & {
|
|
@@ -13,6 +14,7 @@ export declare type MinimizedLegendProps = {
|
|
|
13
14
|
values: LegendValueType[];
|
|
14
15
|
parameter: ClassificationParameterExtended;
|
|
15
16
|
hiddenLegends?: string[];
|
|
17
|
+
attributeType?: AttributeType;
|
|
16
18
|
};
|
|
17
19
|
export declare type MapLegendItemProps = {
|
|
18
20
|
value?: string | number;
|
|
@@ -5027,20 +5027,20 @@ const Fullscreen = () => {
|
|
|
5027
5027
|
}));
|
|
5028
5028
|
};
|
|
5029
5029
|
|
|
5030
|
-
var _templateObject$6, _templateObject2$6, _templateObject3$4, _templateObject4$4, _templateObject5$4,
|
|
5030
|
+
var _templateObject$6, _templateObject2$6, _templateObject3$4, _templateObject4$4, _templateObject5$4, _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, _templateObject27;
|
|
5031
5031
|
const MapLegendControl = /*#__PURE__*/styled__default(MapControl)(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: default;\n"])));
|
|
5032
5032
|
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: 100%;\n padding-bottom: 1rem;\n box-sizing: border-box;\n\n canvas {\n height: 1.625rem;\n width: 1.625rem;\n }\n"])));
|
|
5033
5033
|
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"])));
|
|
5034
5034
|
const MapLegendDescriptionContainer = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__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"])));
|
|
5035
|
-
const MinimizedLegendContainer = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: calc(100% - 1.5rem);\n padding-right: 1.5rem;\n
|
|
5036
|
-
const MapLegendValueDescr = /*#__PURE__*/styled__default.div(
|
|
5035
|
+
const MinimizedLegendContainer = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: calc(100% - 1.5rem);\n padding-right: 1.5rem;\n"])));
|
|
5036
|
+
const MapLegendValueDescr = /*#__PURE__*/styled__default.div(_templateObject7$2 || (_templateObject7$2 = /*#__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"])));
|
|
5037
5037
|
|
|
5038
5038
|
const SizeLegendItemMixin = function SizeLegendItemMixin(value) {
|
|
5039
5039
|
if (value === void 0) {
|
|
5040
5040
|
value = 0;
|
|
5041
5041
|
}
|
|
5042
5042
|
|
|
5043
|
-
return styled.css(
|
|
5043
|
+
return styled.css(_templateObject8$2 || (_templateObject8$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);
|
|
5044
5044
|
};
|
|
5045
5045
|
|
|
5046
5046
|
const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
|
|
@@ -5048,11 +5048,11 @@ const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
|
|
|
5048
5048
|
value = 0;
|
|
5049
5049
|
}
|
|
5050
5050
|
|
|
5051
|
-
return styled.css(
|
|
5051
|
+
return styled.css(_templateObject9$1 || (_templateObject9$1 = _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));
|
|
5052
5052
|
};
|
|
5053
5053
|
|
|
5054
|
-
const StrokeColorLegendItemMixin = /*#__PURE__*/styled.css(
|
|
5055
|
-
const MapLegendItem = /*#__PURE__*/styled__default.div(
|
|
5054
|
+
const StrokeColorLegendItemMixin = /*#__PURE__*/styled.css(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 0.5rem;\n width: 1.5rem;\n"])));
|
|
5055
|
+
const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$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 color: rgba(48, 69, 79, 0.65);\n opacity: ", ";\n\n ", "\n\n ", "\n"])), _ref => {
|
|
5056
5056
|
let {
|
|
5057
5057
|
parameter
|
|
5058
5058
|
} = _ref;
|
|
@@ -5080,16 +5080,16 @@ const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_
|
|
|
5080
5080
|
} = _ref5;
|
|
5081
5081
|
return isParameterType(["strokeWidth", "stroke.width"], parameter) && StrokeWidthLegendItemMixin(value);
|
|
5082
5082
|
});
|
|
5083
|
-
const MapLegendOther = /*#__PURE__*/styled__default(MapLegendItem)(
|
|
5084
|
-
const SizeLegendItemsMixin = /*#__PURE__*/styled.css(
|
|
5085
|
-
const StrokeWidthLegendItemsMixin = /*#__PURE__*/styled.css(
|
|
5086
|
-
const SizeMinimizedLegend = /*#__PURE__*/styled__default.div(
|
|
5087
|
-
const SizeMinimizedLegendSymbol = /*#__PURE__*/styled__default.div(
|
|
5088
|
-
const SizeMinimizedLegendLabel = /*#__PURE__*/styled__default.div(
|
|
5089
|
-
const SizeMinimizedLegendDown = /*#__PURE__*/styled__default.div(
|
|
5090
|
-
const SizeMinimizedLegendUp = /*#__PURE__*/styled__default(SizeMinimizedLegendDown)(
|
|
5091
|
-
const SingleSizeLegendItemsMixin = /*#__PURE__*/styled.css(
|
|
5092
|
-
const SingleLegendItemsMixin = /*#__PURE__*/styled.css(
|
|
5083
|
+
const MapLegendOther = /*#__PURE__*/styled__default(MapLegendItem)(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex: none;\n position: relative;\n width: 1rem;\n margin-left: 0.25rem;\n border-radius: 0.125rem;\n"])));
|
|
5084
|
+
const SizeLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject13$1 || (_templateObject13$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);
|
|
5085
|
+
const StrokeWidthLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject14$1 || (_templateObject14$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);
|
|
5086
|
+
const SizeMinimizedLegend = /*#__PURE__*/styled__default.div(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n margin-top: 0.5rem;\n"])));
|
|
5087
|
+
const SizeMinimizedLegendSymbol = /*#__PURE__*/styled__default.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 4rem;\n margin-right: 0.75rem;\n"])));
|
|
5088
|
+
const SizeMinimizedLegendLabel = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 0.75rem;\n"])));
|
|
5089
|
+
const SizeMinimizedLegendDown = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: rgba(48, 69, 79, 0.65);\n opacity: 0.65;\n"])));
|
|
5090
|
+
const SizeMinimizedLegendUp = /*#__PURE__*/styled__default(SizeMinimizedLegendDown)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5091
|
+
const SingleSizeLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 4rem;\n margin-right: 0.75rem;\n\n ", ":after {\n margin: 0 auto;\n }\n"])), MapLegendItem);
|
|
5092
|
+
const SingleLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n width: 2rem;\n height: auto;\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 => {
|
|
5093
5093
|
let {
|
|
5094
5094
|
isSize
|
|
5095
5095
|
} = _ref6;
|
|
@@ -5100,7 +5100,7 @@ const SingleLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject20 || (_te
|
|
|
5100
5100
|
} = _ref7;
|
|
5101
5101
|
return isParameterType(["strokeColor", "stroke.color"], parameter) && StrokeColorLegendItemMixin;
|
|
5102
5102
|
});
|
|
5103
|
-
const MapLegendItems = /*#__PURE__*/styled__default.div(
|
|
5103
|
+
const MapLegendItems = /*#__PURE__*/styled__default.div(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: 0.125rem;\n\n ", ";\n ", ";\n ", ";\n"])), _ref8 => {
|
|
5104
5104
|
let {
|
|
5105
5105
|
isSize
|
|
5106
5106
|
} = _ref8;
|
|
@@ -5116,11 +5116,11 @@ const MapLegendItems = /*#__PURE__*/styled__default.div(_templateObject21 || (_t
|
|
|
5116
5116
|
} = _ref10;
|
|
5117
5117
|
return isSingle && SingleLegendItemsMixin;
|
|
5118
5118
|
});
|
|
5119
|
-
const MapLegendItemsContainer = /*#__PURE__*/styled__default.div(
|
|
5120
|
-
const MapLegendValues = /*#__PURE__*/styled__default.div(
|
|
5121
|
-
const MapLegendValuesRange = /*#__PURE__*/styled__default.div(
|
|
5122
|
-
const MapLegendValuesOther = /*#__PURE__*/styled__default(MapLegendOther)(
|
|
5123
|
-
const MapLegendExpandButton = /*#__PURE__*/styled__default.div(
|
|
5119
|
+
const MapLegendItemsContainer = /*#__PURE__*/styled__default.div(_templateObject23 || (_templateObject23 = /*#__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);
|
|
5120
|
+
const MapLegendValues = /*#__PURE__*/styled__default.div(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n margin-top: 0.5rem;\n font-size: 0.75rem;\n color: rgba(48, 69, 79, 0.65);\n"])));
|
|
5121
|
+
const MapLegendValuesRange = /*#__PURE__*/styled__default.div(_templateObject25 || (_templateObject25 = /*#__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 text-align: right;\n }\n }\n"])));
|
|
5122
|
+
const MapLegendValuesOther = /*#__PURE__*/styled__default(MapLegendOther)(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n border: 0;\n overflow: visible;\n"])));
|
|
5123
|
+
const MapLegendExpandButton = /*#__PURE__*/styled__default.div(_templateObject27 || (_templateObject27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n margin: 0.1rem 0 0.5rem;\n font-size: 0.625rem;\n color: #1FB3AA;\n"])));
|
|
5124
5124
|
|
|
5125
5125
|
const MapLegend = _ref => {
|
|
5126
5126
|
let {
|
|
@@ -5518,7 +5518,7 @@ const ZoomLevel = () => {
|
|
|
5518
5518
|
}, level || 0);
|
|
5519
5519
|
};
|
|
5520
5520
|
|
|
5521
|
-
var _templateObject$8, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$
|
|
5521
|
+
var _templateObject$8, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$2, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject10$2, _templateObject11$2;
|
|
5522
5522
|
|
|
5523
5523
|
const cornerBottom = cornerSize => styled.css(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n &:before {\n left: 50%;\n transform: translate(-50%, 100%);\n bottom: 0;\n border-left: ", " solid transparent;\n border-right: ", " solid transparent;\n border-top: ", " solid rgba(28, 33, 48, 0.8);\n }\n"])), cornerSize, cornerSize, cornerSize);
|
|
5524
5524
|
|
|
@@ -5530,7 +5530,7 @@ const cornerTop = cornerSize => styled.css(_templateObject4$5 || (_templateObjec
|
|
|
5530
5530
|
|
|
5531
5531
|
const top = (distance, cornerSize) => styled.css(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n transform: translate(-50%, 0);\n left: -50%;\n bottom: ", ";\n ", "\n"])), distance, cornerSize && cornerBottom(cornerSize));
|
|
5532
5532
|
|
|
5533
|
-
const right = (distance, cornerSize) => styled.css(_templateObject6$
|
|
5533
|
+
const right = (distance, cornerSize) => styled.css(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n transform: translate(0, -50%);\n top: -50%;\n left: ", ";\n ", "\n"])), distance, cornerSize && cornerLeft(cornerSize));
|
|
5534
5534
|
|
|
5535
5535
|
const left = (distance, cornerSize) => styled.css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n transform: translate(0, -50%);\n top: -50%;\n right: ", ";\n ", "\n"])), distance, cornerSize && cornerRight(cornerSize));
|
|
5536
5536
|
|