@evergis/react 2.0.52 → 2.0.55

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { IIconProps } from "@evergis/ui/dist/atoms/Icon/types";
 export declare const EvergisCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StickyHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CardHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -17,11 +17,10 @@ export declare const SimpleAttribute: import("styled-components").StyledComponen
 export declare const ValueLink: import("styled-components").StyledComponent<"a", any, {}, never>;
 declare type CardIconProps = {
     onClick?: () => void;
-    disabled?: boolean;
 };
-export declare const StatIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, CardIconProps, never>;
-export declare const ZoomIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, CardIconProps, never>;
-export declare const CloseIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, CardIconProps, never>;
-export declare const PrevIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, CardIconProps, never>;
-export declare const NextIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, CardIconProps, never>;
+export declare const StatIcon: import("styled-components").StyledComponent<"span", any, IIconProps & CardIconProps, never>;
+export declare const ZoomIcon: import("styled-components").StyledComponent<"span", any, IIconProps & CardIconProps, never>;
+export declare const CloseIcon: import("styled-components").StyledComponent<"span", any, IIconProps & CardIconProps, never>;
+export declare const PrevIcon: import("styled-components").StyledComponent<"span", any, IIconProps & CardIconProps, never>;
+export declare const NextIcon: import("styled-components").StyledComponent<"span", any, IIconProps & CardIconProps, never>;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Placement } from '../../ui/mixins/placementMixin';
 export declare type MapControlsProps = {
     placement?: Placement;
@@ -7,11 +6,11 @@ export declare type MapControlsProps = {
 declare type MapControlBtnProps = {
     onClick?: () => void;
 };
-export declare const ZoomInBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, MapControlBtnProps, never>;
-export declare const ZoomOutBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, MapControlBtnProps, never>;
-export declare const SearchBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, MapControlBtnProps, never>;
-export declare const FullscreenBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, MapControlBtnProps, never>;
-export declare const MeasureBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, MapControlBtnProps, never>;
+export declare const ZoomInBtn: import("styled-components").StyledComponent<"span", any, import("@evergis/ui").IIconProps & MapControlBtnProps, never>;
+export declare const ZoomOutBtn: import("styled-components").StyledComponent<"span", any, import("@evergis/ui").IIconProps & MapControlBtnProps, never>;
+export declare const SearchBtn: import("styled-components").StyledComponent<"span", any, import("@evergis/ui").IIconProps & MapControlBtnProps, never>;
+export declare const FullscreenBtn: import("styled-components").StyledComponent<"span", any, import("@evergis/ui").IIconProps & MapControlBtnProps, never>;
+export declare const MeasureBtn: import("styled-components").StyledComponent<"span", any, import("@evergis/ui").IIconProps & MapControlBtnProps, never>;
 export declare const MapControl: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MapControls: import("styled-components").StyledComponent<"div", any, MapControlsProps, never>;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputField: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const SearchPrefix: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const SearchPrefix: import("styled-components").StyledComponent<"span", any, import("@evergis/ui").IIconProps, never>;

package/dist/react.cjs.development.js

@@ -45,7 +45,7 @@ var PointEditor = require('@evergis/sgis/es/controls/PointEditor');
 var utils = require('@evergis/sgis/es/utils/utils');
 var styled = require('styled-components');
 var styled__default = _interopDefault(styled);
-var icons = require('@evergis/icons');
+var ui = require('@evergis/ui');
 var punycode = _interopDefault(require('punycode'));
 var TileLayer$1 = require('@evergis/sgis/es/layers/TileLayer');
 var PolylineControl = require('@evergis/sgis/es/controls/PolylineControl');
@@ -3966,12 +3966,12 @@ const StyleSymbol = (_ref) => {
   }) : null));
 };
 
-var _templateObject$1, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
-const EvergisCardContainer = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 2.25rem;\n  right: 0.5rem;\n  width: 22.5rem;\n  margin-bottom: 1rem;\n  max-height: 90%;\n  min-height: 1rem;\n  background: #fff;\n  border-radius: 4px;\n  z-index: 1;\n\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  overflow: initial;\n  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);\n\n  ", " {\n    color: rgba(0, 0, 0, 0.65);\n    cursor: pointer;\n    user-select: none;\n\n    &:hover {\n      color: #1fb3aa;\n    }\n  }\n"])), icons.Icon);
+var _templateObject$1, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+const EvergisCardContainer = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 2.25rem;\n  right: 0.5rem;\n  width: 22.5rem;\n  margin-bottom: 1rem;\n  max-height: 90%;\n  min-height: 1rem;\n  background: #fff;\n  border-radius: 4px;\n  z-index: 1;\n\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  overflow: initial;\n  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);\n\n  ", " {\n    color: rgba(0, 0, 0, 0.65);\n    cursor: pointer;\n    user-select: none;\n\n    &:hover {\n      color: #1fb3aa;\n    }\n  }\n"])), ui.Icon);
 const StickyHeader = /*#__PURE__*/styled__default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  position: sticky;\n  top: 0;\n  flex-direction: column;\n  background: #fff;\n"])));
 const CardHeader = /*#__PURE__*/styled__default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 1.5rem 1.5rem 1rem;\n  align-items: center;\n"])));
 const CardTitle = /*#__PURE__*/styled__default.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 0.5rem;\n  width: 13.5rem;\n  flex-grow: 1;\n"])));
-const CardControls = /*#__PURE__*/styled__default.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n\n  ", " {\n    margin: 0 0.5rem;\n  }\n"])), icons.Icon);
+const CardControls = /*#__PURE__*/styled__default.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n\n  ", " {\n    margin: 0 0.5rem;\n  }\n"])), ui.Icon);
 const FeatureName = /*#__PURE__*/styled__default.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 1.25rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 const LayerName = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #30454f;\n  font-size: 0.75rem;\n"])));
 const CardPagination = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  height: 2.5rem;\n  padding: 0 1.5rem;\n  align-items: center;\n  font-size: 0.75rem;\n  justify-content: space-between;\n  background: linear-gradient(\n    0deg,\n    rgba(161, 186, 208, 0.12),\n    rgba(161, 186, 208, 0.12)\n  );\n"])));
@@ -3983,11 +3983,27 @@ const AttributeTitle = /*#__PURE__*/styled__default.div(_templateObject13 || (_t
 const AttributeValueContainer = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex-wrap: wrap;\n  display: flex;\n"])));
 const SimpleAttribute = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 const ValueLink = /*#__PURE__*/styled__default.a(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0 0.25rem;\n  color: #1fb3aa;\n  text-decoration: none;\n"])));
-const StatIcon = /*#__PURE__*/styled__default(icons.EverCloudStatisticsIcon)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-const ZoomIcon = /*#__PURE__*/styled__default(icons.EverCloudZoomtoIcon)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-const CloseIcon = /*#__PURE__*/styled__default(icons.EverCloudCloseIcon)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-const PrevIcon = /*#__PURE__*/styled__default(icons.EverCloudPlayPrevIcon)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-const NextIcon = /*#__PURE__*/styled__default(icons.EverCloudPlayNextIcon)(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+const featureCardIconMixin = /*#__PURE__*/styled.css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #30454f;\n"])));
+const StatIcon = /*#__PURE__*/styled__default(ui.Icon)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), featureCardIconMixin);
+StatIcon.defaultProps = {
+  kind: "statistics"
+};
+const ZoomIcon = /*#__PURE__*/styled__default(ui.Icon)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), featureCardIconMixin);
+ZoomIcon.defaultProps = {
+  kind: "plus"
+};
+const CloseIcon = /*#__PURE__*/styled__default(ui.Icon)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), featureCardIconMixin);
+CloseIcon.defaultProps = {
+  kind: "close"
+};
+const PrevIcon = /*#__PURE__*/styled__default(ui.Icon)(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), featureCardIconMixin);
+PrevIcon.defaultProps = {
+  kind: "prev"
+};
+const NextIcon = /*#__PURE__*/styled__default(ui.Icon)(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), featureCardIconMixin);
+NextIcon.defaultProps = {
+  kind: "next"
+};
 
 const MailValue = (_ref) => {
   let {
@@ -4276,7 +4292,10 @@ const LegendSection = (_ref) => {
 var _templateObject$3, _templateObject2$2, _templateObject3$2;
 const InputContainer = /*#__PURE__*/styled__default.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  border-radius: 0.125rem;\n  box-sizing: border-box;\n  border: 0.0625rem solid rgba(48, 69, 79, 0.12);\n  margin-bottom: 0.5rem;\n"])));
 const InputField = /*#__PURE__*/styled__default.input(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: none;\n  outline: none;\n  font-size: 1rem;\n  line-height: 1.1875rem;\n  padding: 0 0.5rem;\n  background-color: transparent;\n  color: rgba(48, 69, 79, 0.87);\n"])));
-const SearchPrefix = /*#__PURE__*/styled__default(icons.EverCloudSearchIcon)(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: rgba(48, 69, 79, 0.54);\n  padding: 0.25rem;\n\n  &:hover {\n    cursor: pointer;\n    color: rgba(48, 69, 79, 0.87);\n  }\n"])));
+const SearchPrefix = /*#__PURE__*/styled__default(ui.Icon)(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: rgba(48, 69, 79, 0.54);\n  padding: 0.25rem;\n\n  &:hover {\n    cursor: pointer;\n    color: rgba(48, 69, 79, 0.87);\n  }\n"])));
+SearchPrefix.defaultProps = {
+  kind: "search"
+};
 
 const SearchInput = (_ref) => {
   let {
@@ -4454,13 +4473,28 @@ const placementMixin = function placementMixin(placement, distance) {
 };
 
 var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
-const mapControlBtnMixin = /*#__PURE__*/styled.css(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 2rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"])));
-const ZoomInBtn = /*#__PURE__*/styled__default(icons.EverCloudPlusIcon)(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
-const ZoomOutBtn = /*#__PURE__*/styled__default(icons.EverCloudMinusIcon)(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
-const SearchBtn = /*#__PURE__*/styled__default(icons.EverCloudSearchIcon)(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin); // TODO not exists in fonts
-
-const FullscreenBtn = /*#__PURE__*/styled__default(icons.EverCloudMaximizeIcon)(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
-const MeasureBtn = /*#__PURE__*/styled__default(icons.EverCloudMeasureLenghtIcon)(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
+const mapControlBtnMixin = /*#__PURE__*/styled.css(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 2rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  color: #fff;\n"])));
+const ZoomInBtn = /*#__PURE__*/styled__default(ui.Icon)(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
+ZoomInBtn.defaultProps = {
+  kind: "plus"
+};
+const ZoomOutBtn = /*#__PURE__*/styled__default(ui.Icon)(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
+ZoomOutBtn.defaultProps = {
+  kind: "minus"
+};
+const SearchBtn = /*#__PURE__*/styled__default(ui.Icon)(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
+SearchBtn.defaultProps = {
+  kind: "search"
+}; // TODO not exists in fonts
+
+const FullscreenBtn = /*#__PURE__*/styled__default(ui.Icon)(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
+FullscreenBtn.defaultProps = {
+  kind: "maximize"
+};
+const MeasureBtn = /*#__PURE__*/styled__default(ui.Icon)(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), mapControlBtnMixin);
+MeasureBtn.defaultProps = {
+  kind: "measure_length"
+};
 const MapControl = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 0.15rem;\n  background: rgba(28, 33, 48, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-size: 1.5rem;\n  cursor: pointer;\n  height: auto;\n  width: auto;\n  padding: 0.25rem;\n"])));
 const MapControls = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  display: flex;\n  flex-direction: ", ";\n\n  ", "\n\n  ", " {\n    margin-bottom: ", ";\n    margin-right: ", ";\n    flex-direction: ", ";\n  }\n"])), (_ref) => {
   let {