@evergis/react 2.0.163 → 2.0.165
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/index.d.ts +1 -1
- 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 -23
- 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 -24
- package/dist/react.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,4 +2,4 @@ export * from './MapLegend';
|
|
|
2
2
|
export * from './MapLegendSymbol';
|
|
3
3
|
export * from './MapLegendDescription';
|
|
4
4
|
export * from './MinimizedLegend';
|
|
5
|
-
export { MapLegendContainer, MapLegendHeader, MapLegendValueDescr, MapLegendExpandButton, MapLegendValues, MapLegendItems, MapLegendItem, MapLegendOther, SizeMinimizedLegendDown, SizeMinimizedLegendUp, MapLegendDescriptionContainer, } from './styled';
|
|
5
|
+
export { MapLegendContainer, MapLegendHeader, MapLegendValueDescr, MapLegendExpandButton, MapLegendValues, MapLegendItems, MapLegendItem, MapLegendOther, SizeMinimizedLegendDown, SizeMinimizedLegendUp, MapLegendDescriptionContainer, MapLegendSectionContainer, } from './styled';
|
|
@@ -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,21 @@ const Fullscreen = () => {
|
|
|
5027
5027
|
}));
|
|
5028
5028
|
};
|
|
5029
5029
|
|
|
5030
|
-
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;
|
|
5030
|
+
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, _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
|
|
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 MapLegendSectionContainer = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n :not(:last-child) {\n margin-bottom: 1rem;\n }\n"])));
|
|
5037
|
+
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
5038
|
|
|
5038
5039
|
const SizeLegendItemMixin = function SizeLegendItemMixin(value) {
|
|
5039
5040
|
if (value === void 0) {
|
|
5040
5041
|
value = 0;
|
|
5041
5042
|
}
|
|
5042
5043
|
|
|
5043
|
-
return styled.css(
|
|
5044
|
+
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
5045
|
};
|
|
5045
5046
|
|
|
5046
5047
|
const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
|
|
@@ -5048,11 +5049,11 @@ const StrokeWidthLegendItemMixin = function StrokeWidthLegendItemMixin(value) {
|
|
|
5048
5049
|
value = 0;
|
|
5049
5050
|
}
|
|
5050
5051
|
|
|
5051
|
-
return styled.css(
|
|
5052
|
+
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
5053
|
};
|
|
5053
5054
|
|
|
5054
|
-
const StrokeColorLegendItemMixin = /*#__PURE__*/styled.css(
|
|
5055
|
-
const MapLegendItem = /*#__PURE__*/styled__default.div(
|
|
5055
|
+
const StrokeColorLegendItemMixin = /*#__PURE__*/styled.css(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 0.5rem;\n width: 1.5rem;\n"])));
|
|
5056
|
+
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
5057
|
let {
|
|
5057
5058
|
parameter
|
|
5058
5059
|
} = _ref;
|
|
@@ -5080,16 +5081,16 @@ const MapLegendItem = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_
|
|
|
5080
5081
|
} = _ref5;
|
|
5081
5082
|
return isParameterType(["strokeWidth", "stroke.width"], parameter) && StrokeWidthLegendItemMixin(value);
|
|
5082
5083
|
});
|
|
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(
|
|
5084
|
+
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"])));
|
|
5085
|
+
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);
|
|
5086
|
+
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);
|
|
5087
|
+
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"])));
|
|
5088
|
+
const SizeMinimizedLegendSymbol = /*#__PURE__*/styled__default.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 4rem;\n margin-right: 0.75rem;\n"])));
|
|
5089
|
+
const SizeMinimizedLegendLabel = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 0.75rem;\n"])));
|
|
5090
|
+
const SizeMinimizedLegendDown = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: rgba(48, 69, 79, 0.65);\n opacity: 0.65;\n"])));
|
|
5091
|
+
const SizeMinimizedLegendUp = /*#__PURE__*/styled__default(SizeMinimizedLegendDown)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5092
|
+
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);
|
|
5093
|
+
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
5094
|
let {
|
|
5094
5095
|
isSize
|
|
5095
5096
|
} = _ref6;
|
|
@@ -5100,7 +5101,7 @@ const SingleLegendItemsMixin = /*#__PURE__*/styled.css(_templateObject20 || (_te
|
|
|
5100
5101
|
} = _ref7;
|
|
5101
5102
|
return isParameterType(["strokeColor", "stroke.color"], parameter) && StrokeColorLegendItemMixin;
|
|
5102
5103
|
});
|
|
5103
|
-
const MapLegendItems = /*#__PURE__*/styled__default.div(
|
|
5104
|
+
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
5105
|
let {
|
|
5105
5106
|
isSize
|
|
5106
5107
|
} = _ref8;
|
|
@@ -5116,11 +5117,11 @@ const MapLegendItems = /*#__PURE__*/styled__default.div(_templateObject21 || (_t
|
|
|
5116
5117
|
} = _ref10;
|
|
5117
5118
|
return isSingle && SingleLegendItemsMixin;
|
|
5118
5119
|
});
|
|
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(
|
|
5120
|
+
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);
|
|
5121
|
+
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"])));
|
|
5122
|
+
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"])));
|
|
5123
|
+
const MapLegendValuesOther = /*#__PURE__*/styled__default(MapLegendOther)(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n border: 0;\n overflow: visible;\n"])));
|
|
5124
|
+
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
5125
|
|
|
5125
5126
|
const MapLegend = _ref => {
|
|
5126
5127
|
let {
|
|
@@ -5684,6 +5685,7 @@ exports.MapLegendHeader = MapLegendHeader;
|
|
|
5684
5685
|
exports.MapLegendItem = MapLegendItem;
|
|
5685
5686
|
exports.MapLegendItems = MapLegendItems;
|
|
5686
5687
|
exports.MapLegendOther = MapLegendOther;
|
|
5688
|
+
exports.MapLegendSectionContainer = MapLegendSectionContainer;
|
|
5687
5689
|
exports.MapLegendSymbol = MapLegendSymbol;
|
|
5688
5690
|
exports.MapLegendValueDescr = MapLegendValueDescr;
|
|
5689
5691
|
exports.MapLegendValues = MapLegendValues;
|