@map-colonies/react-components 4.10.4 → 4.13.0

package/dist/animated/animated-values-provider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface AnimatedValuesProviderProps {
+    values?: number[];
+    valueStart?: number;
+    valueEnd?: number;
+    duration?: number;
+    interval?: number;
+    easingFunction?: (t: number) => number;
+    repeat?: boolean;
+    children: (value: number) => React.ReactNode;
+}
+export declare const AnimatedValuesProvider: React.FC<AnimatedValuesProviderProps>;
+export {};

package/dist/animated/index.d.ts

@@ -0,0 +1 @@
+export * from './animated-values-provider';

package/dist/autocomplete/autocomplete.css

@@ -8,7 +8,7 @@
   list-style: none;
   padding: 1px;
   position: absolute;
-  z-index: 20000;
+  z-index: 200;
   margin-block-start: unset;
   margin-block-end: unset;
 }

package/dist/cesium-map/active-layers/active-layers-panel.css

@@ -0,0 +1,35 @@
+.cesium-viewer .activeLayersPanel .layer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 90%;
+}
+
+.cesium-viewer .activeLayersPanel .name {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.cesium-viewer .activeLayersPanel .name.disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.cesium-viewer .activeLayersPanel .icons {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.cesium-viewer .activeLayersPanel .icon {
+  width: 17px;
+  height: 17px;
+  margin-left: 8px;
+  cursor: pointer;
+}
+
+.cesium-viewer .activeLayersPanel .icon.disabled {
+  opacity: 0;
+  pointer-events: none;
+}

package/dist/cesium-map/active-layers/active-layers-panel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IActiveLayersPanelProps {
+    locale?: {
+        [key: string]: string;
+    };
+}
+export declare const ActiveLayersPanel: React.FC<IActiveLayersPanelProps>;
+export {};

package/dist/cesium-map/active-layers/active-layers-widget.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IDebugProps {
+    locale?: {
+        [key: string]: string;
+    };
+}
+export declare const ActiveLayersWidget: React.FC<IDebugProps>;
+export {};

package/dist/cesium-map/base-map/base-map-widget.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IBaseMaps, ITerrain } from '../map';
+interface IBaseMapWidgetProps {
+    baseMaps?: IBaseMaps;
+    terrains?: ITerrain[];
+    locale?: {
+        [key: string]: string;
+    };
+}
+export declare const BaseMapWidget: React.FC<IBaseMapWidgetProps>;
+export {};

package/dist/cesium-map/base-map/base-maps-panel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IBaseMap, IBaseMaps } from '../map';
+interface BaseMapsPanelProps {
+    title: string;
+    baseMaps: IBaseMaps;
+    setCurrent: (map: IBaseMap) => void;
+}
+export declare const BaseMapsPanel: React.FC<BaseMapsPanelProps>;
+export {};

package/dist/cesium-map/base-map/cesium-item.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IBaseMap, ITerrain } from '../map';
+interface CesiumItemProps {
+    item: IBaseMap | ITerrain;
+    isSelected: boolean;
+    onClick: () => void;
+}
+export declare const CesiumItem: React.FC<CesiumItemProps>;
+export {};

package/dist/cesium-map/base-map/terrains-panel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ITerrain } from '../map';
+interface TerrainsPanelProps {
+    title: string;
+    terrains: ITerrain[];
+}
+export declare const TerrainsPanel: React.FC<TerrainsPanelProps>;
+export {};

package/dist/cesium-map/data-sources/drawings.data-source.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Cartesian3, Color as CesiumColor, Rectangle } from 'cesium';
 import { GeoJSON } from 'geojson';
+import React from 'react';
 import { DrawType } from '../../models';
 import { RCesiumCustomDataSourceProps } from './custom.data-source';
 export type PrimitiveCoordinates = Cartesian3[] | Rectangle | undefined;

package/dist/cesium-map/debug/{debug-panel.d.ts → wfs-debug-widget.d.ts}

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 interface IFeatureTypeMetadata {
     id: string;
     items: number;
@@ -10,11 +10,10 @@ interface IFeatureTypeMetadata {
 export type IActiveFeatureTypes = IFeatureTypeMetadata & {
     zoomLevel: number;
 };
-export interface IDebugPanelProps {
-    children: ReactNode;
+export interface IWFSDebugWidgetProps {
     locale?: {
         [key: string]: string;
     };
 }
-export declare const DebugPanel: React.FC<IDebugPanelProps>;
+export declare const WFSDebugWidget: React.FC<IWFSDebugWidgetProps>;
 export {};

package/dist/cesium-map/debug/wfs.css

@@ -1,21 +1,21 @@
-.wfsContainer .title {
+.cesium-viewer .wfsContainer .title {
   text-align: center;
   font-weight: bold;
   margin-bottom: 12px;
   width: 260px;
 }
 
-.wfsContainer .featureType {
+.cesium-viewer .wfsContainer .featureType {
   font-size: 12px;
   margin-bottom: 12px;
   direction: ltr;
 }
 
-body[dir='rtl'] .wfsContainer .featureType {
+body[dir='rtl'] .cesium-viewer .wfsContainer .featureType {
   direction: rtl;
 }
 
-.wfsContainer .name {
+.cesium-viewer .wfsContainer .name {
   color: #AEF;
   font-weight: bold;
   white-space: nowrap;
@@ -24,15 +24,15 @@ body[dir='rtl'] .wfsContainer .featureType {
   width: 260px;
 }
 
-.wfsContainer .info {
+.cesium-viewer .wfsContainer .info {
   display: flex;
 }
 
-.wfsContainer .spacer {
+.cesium-viewer .wfsContainer .spacer {
   margin: 0 20px;
 }
 
-.wfsContainer .blinking {
+.cesium-viewer .wfsContainer .blinking {
   animation: blink 1s infinite;
 }
 

package/dist/cesium-map/debug/wfs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IActiveFeatureTypes } from './debug-panel';
+import { IActiveFeatureTypes } from './wfs-debug-widget';
 interface IWFSProps {
     featureTypes: IActiveFeatureTypes[];
     locale?: {

package/dist/cesium-map/geocoder/geocoder-panel.css

@@ -0,0 +1,93 @@
+.cesium-viewer .geocoderContainer {
+  display: flex;
+  flex-direction: row-reverse;
+  color: var(--mdc-theme-cesium-color);
+}
+
+.cesium-viewer .geocoderContainer .mdc-text-field__input {
+  width: 100%;
+  border-radius: 4px;
+  padding: 4px;
+}
+
+.cesium-viewer .geocoderContainer .listsContainer {
+  max-height: 348px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  width: 100%;
+}
+
+.cesium-viewer .geocoderContainer .listContainer {
+  border: 1px solid var(--mdc-theme-cesium-color);
+  min-height: 56px;
+  width: 308px;
+  max-height: 56px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-top: 2px;
+}
+
+.cesium-viewer .geocoderContainer .listContainer .queryItemResult {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.cesium-viewer .geocoderContainer .listContainer .queryNoResults {
+  justify-content: normal;
+  color: unset;
+}
+
+.cesium-viewer .geocoderContainer .listContainer .queryError {
+  color: var(--mdc-theme-cesium-error);
+}
+
+.cesium-viewer .geocoderContainer .listContainer .queryWarning {
+  color: var(--mdc-theme-cesium-warning);
+}
+
+.cesium-viewer .geocoderContainer .listContainer .generalListItem {
+  font-size: var(--mdc-theme-cesium-font-size);
+  text-wrap: wrap !important;
+  padding: unset;
+  padding-right: 4px;
+  padding-left: 4px;
+}
+
+body[dir='ltr'] .cesium-viewer .geocoderContainer .geocoderForm {
+  position: relative;
+  right: 8%;
+}
+
+body[dir='rtl'] .cesium-viewer .geocoderContainer .geocoderForm {
+  position: relative;
+  right: 0%;
+}
+
+.cesium-viewer .geocoderContainer .checkboxesContainer {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 8px;
+}
+
+.cesium-viewer .geocoderContainer .checkboxElement {
+  font-size: var(--mdc-theme-cesium-font-size);
+  font-weight: bold;
+  flex: 1;
+}
+
+.cesium-viewer .geocoderContainer .bold {
+  font-weight: bold;
+}
+
+/* #region cesium classes */
+.cesium-viewer .geocoderContainer .cesium-geocoder-searchButton {
+  position: relative !important;
+}
+
+.cesium-viewer .geocoderContainer .cesium-geocoder-input {
+  width: 100%;
+  background: transparent;
+  border-color: var(--mdc-theme-cesium-color);
+}
+/* #endregion cesium classes */

package/dist/cesium-map/geocoder/geocoder-panel.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Feature } from 'geojson';
+type Method = 'GET' | 'POST';
+type UrlGroup = {
+    baseUrl: string;
+    endPoint: string;
+    url?: string;
+} | {
+    baseUrl?: string;
+    endPoint?: string;
+    url: string;
+};
+type relatedParamsType = {
+    name: string;
+    relatedParams: [string, any][];
+    titles?: Array<string | undefined>;
+};
+export type GeocoderOptions = UrlGroup & {
+    title?: string;
+    method: Method;
+    headers?: Record<string, string>;
+    params: {
+        dynamic: {
+            queryText: string | relatedParamsType;
+            geoContext?: string | relatedParamsType;
+        };
+        static?: [string, any][];
+    };
+    callbackFunc?: (data: Feature, options: GeocoderOptions, i: number) => void;
+};
+type GeocoderPanelProps = {
+    options: GeocoderOptions[];
+    isOpen: boolean;
+    locale?: {
+        [key: string]: string;
+    };
+};
+export declare const GeocoderPanel: React.FC<GeocoderPanelProps>;
+export {};

package/dist/cesium-map/geocoder/geocoder-widget.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GeocoderOptions } from './geocoder-panel';
+interface IGeocoderWidgetProps {
+    options: GeocoderOptions[];
+    locale?: {
+        [key: string]: string;
+    };
+}
+export declare const GeocoderWidget: React.FC<IGeocoderWidgetProps>;
+export {};

package/dist/cesium-map/helpers/constants.d.ts

@@ -0,0 +1,5 @@
+import { IBaseMaps } from '../map';
+export declare const DEFAULT_TERRAIN_PROVIDER_URL: string;
+export declare const TERRAIN_SRTM100: string;
+export declare const TERRAIN_COMBINED: string;
+export declare const BASE_MAPS: IBaseMaps;

package/dist/cesium-map/{tools → helpers}/draw/drawHelper.css

@@ -9,7 +9,7 @@
   min-width: 100px;
   padding: 5px;
   font-size: 11px;
-  z-index: 1000;
+  z-index: 100;
   opacity: 0.8;
   -khtml-opacity: 0.8;
   -moz-opacity: 0.8;

package/dist/cesium-map/helpers/utils.d.ts

@@ -1,6 +1,8 @@
-import { Rectangle } from 'cesium';
-import { BBox, Feature, Point } from 'geojson';
+import { GeoJsonDataSource, Rectangle } from 'cesium';
+import { BBox, Feature, Point, Polygon } from 'geojson';
+import { ICesiumWFSLayerLabelingOptions } from '../layers';
 import { CesiumViewer } from '../map';
+import { CesiumRectangle } from '../proxied.types';
 import { CustomImageryProvider } from './customImageryProviders';
 /**
  * An async function to detect images with transparency.
@@ -44,3 +46,9 @@ export declare const customComputeViewRectangle: (mapViewer: CesiumViewer) => Re
  * @returns View rectangle
  */
 export declare const computeLimitedViewRectangle: (mapViewer: CesiumViewer, maxDistanceMeters?: number) => Rectangle | undefined;
+export declare const createRectangleAround: (centerCartographic: {
+    longitude: number;
+    latitude: number;
+}, widthMeters: number, heightMeters: number) => Polygon;
+export declare const defaultVisualizationHandler: (viewer: CesiumViewer, dataSource: GeoJsonDataSource, processEntityIds: string[], color: string, extent?: BBox, labeling?: ICesiumWFSLayerLabelingOptions) => void;
+export declare const applyFactor: (rect: CesiumRectangle, factor?: number) => CesiumRectangle;

package/dist/cesium-map/layers/wfs.layer.d.ts

@@ -38,5 +38,6 @@ export interface ICesiumWFSLayer extends React.Attributes {
     options: ICesiumWFSLayerOptions;
     meta: Record<string, unknown>;
     visualizationHandler?: (mapViewer: CesiumViewer, wfsDataSource: GeoJsonDataSource, processEntityIds: string[], extent?: BBox) => void;
+    withGeometryValidation?: boolean;
 }
 export declare const CesiumWFSLayer: React.FC<ICesiumWFSLayer>;

package/dist/cesium-map/layers-manager.d.ts

@@ -1,8 +1,7 @@
 import { ImageryLayer, Event } from 'cesium';
 import { RCesiumOSMLayerOptions, RCesiumWMSLayerOptions, RCesiumWMTSLayerOptions, RCesiumXYZLayerOptions } from './layers';
-import { CesiumViewer } from './map';
-import { IBaseMap } from './settings/settings';
-import { IMapLegend } from './map-legend';
+import { CesiumViewer, IBaseMap } from './map';
+import { IMapLegend } from './legend';
 import { ICesiumWFSLayer } from './layers/wfs.layer';
 import { CesiumCartesian2 } from './proxied.types';
 export interface ICesiumImageryLayer extends InstanceType<typeof ImageryLayer> {
@@ -40,6 +39,7 @@ declare class LayerManager {
     constructor(mapViewer: CesiumViewer, legendsExtractor?: LegendExtractor, onLayersUpdate?: () => void, layerManagerFootprintMetaFieldPath?: string, shouldOptimizedTileRequests?: boolean);
     get layerList(): ICesiumImageryLayer[];
     get dataLayerList(): ICesiumWFSLayer[];
+    isBaseMapLayer(meta: any): boolean;
     addDataLayer(dataLayer: ICesiumWFSLayer): void;
     addMetaToLayer(meta: any, layerPredicate: (layer: ImageryLayer, idx: number) => boolean): void;
     addMetaToDataLayer(meta: any): void;
@@ -60,6 +60,8 @@ declare class LayerManager {
     pickImageryLayers(position: CesiumCartesian2): ICesiumImageryLayer[] | undefined;
     findLayerByPOI(x: number, y: number, onlyShown?: boolean): ICesiumImageryLayer[] | undefined;
     addTransparentImageryProvider(): void;
+    addLayerUpdatedListener(callback: (meta: any) => void): void;
+    removeLayerUpdatedListener(callback: (meta: any) => void): void;
     addDataLayerUpdatedListener(callback: (meta: any) => void): void;
     removeDataLayerUpdatedListener(callback: (meta: any) => void): void;
     findDataLayerById(dataLayerId: string): ICesiumWFSLayer | undefined;

package/dist/cesium-map/legend/index.d.ts

@@ -0,0 +1,3 @@
+export * from './legend-sidebar';
+export * from './legend-widget';
+export type { IMapLegend } from './legend-item';

package/dist/cesium-map/{map-legend/MapLegend.d.ts → legend/legend-item.d.ts}

@@ -5,10 +5,10 @@ export interface IMapLegend {
     legendImg?: string;
     legend?: Record<string, unknown>[];
 }
-interface MapLegendProps {
+interface LegendItemProps {
     legend: IMapLegend;
     docText?: string;
     imgText?: string;
 }
-export declare const MapLegend: React.FC<MapLegendProps>;
+export declare const LegendItem: React.FC<LegendItemProps>;
 export {};

package/dist/cesium-map/{map-legend/MapLegendList.d.ts → legend/legend-list.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IMapLegend } from './MapLegend';
-interface MapLegendListProps {
+import { IMapLegend } from './legend-item';
+interface LegendListProps {
     legends: IMapLegend[];
     actionsTexts: {
         docText: string;
@@ -8,5 +8,5 @@ interface MapLegendListProps {
     };
     noLegendsText: string;
 }
-export declare const MapLegendList: React.FC<MapLegendListProps>;
+export declare const LegendList: React.FC<LegendListProps>;
 export {};

package/dist/cesium-map/{map-legend/MapLegendSidebar.d.ts → legend/legend-sidebar.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IMapLegend } from './MapLegend';
-interface MapLegendSidebarProps {
+import { IMapLegend } from './legend-item';
+interface LegendSidebarProps {
     isOpen: boolean;
     toggleSidebar: () => void;
     title?: string;
@@ -11,5 +11,5 @@ interface MapLegendSidebarProps {
     };
     legends?: IMapLegend[];
 }
-export declare const MapLegendSidebar: React.FC<MapLegendSidebarProps>;
+export declare const LegendSidebar: React.FC<LegendSidebarProps>;
 export {};

package/dist/cesium-map/legend/legend-widget.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ILegendWidgetProps {
+    legendToggle: () => void;
+}
+export declare const LegendWidget: React.FC<ILegendWidgetProps>;

package/dist/cesium-map/{map-legend/MapLegend.css → legend/legend.css}

@@ -1,4 +1,4 @@
-.mapLegendSidebarContainer {
+.viewer .mapLegendSidebarContainer {
   width: 340px;
   height: 100%;
   position: relative;
@@ -9,20 +9,20 @@
 
 /* Disable drawer animation */
 
-.mapLegendSidebarContainer.mdc-drawer--animate {
+.viewer .mapLegendSidebarContainer.mdc-drawer--animate {
   transform: translateX(0) !important;
   transition: none !important;
 }
 
-.mapLegendSidebarContainer.mdc-drawer--dismissible {
+.viewer .mapLegendSidebarContainer.mdc-drawer--dismissible {
   position: relative;
 }
 
-div.MuiPaper-root {
+.viewer div.MuiPaper-root {
   transition: none !important;
 }
 
-.mapLegendCloseBtn {
+.viewer .mapLegendCloseBtn {
   position: absolute;
   top: 0;
   right: 0;
@@ -33,34 +33,28 @@ div.MuiPaper-root {
   font-size: 24px;
 }
 
-body[dir='rtl'] .mapLegendCloseBtn {
+body[dir='rtl'] .viewer .mapLegendCloseBtn {
   right: unset;
   left: 0;
 }
 
-.mapLegendToggleContainer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.mapLegendIcon {
+.viewer .mapLegendIcon {
   width: 2rem;
   height: 2rem;
   transform: translate(8%, 8%);
 }
 
-.sidebarHeaderContainer {
+.viewer .sidebarHeaderContainer {
   text-align: center;
   margin-top: 40px;
 }
 
-.sidebarTitle {
+.viewer .sidebarTitle {
   font-size: 1.5rem;
   font-weight: bold;
 }
 
-.mapLegend {
+.viewer .mapLegend {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -69,20 +63,20 @@ body[dir='rtl'] .mapLegendCloseBtn {
   padding: 10px 14px;
 }
 
-.layerNameContainer {
+.viewer .layerNameContainer {
   width: 90%;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-.layerName {
+.viewer .layerName {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.legendImg {
+.viewer .legendImg {
   width: 90%;
   height: 150px;
   border: 1px solid black;
@@ -91,18 +85,18 @@ body[dir='rtl'] .mapLegendCloseBtn {
   cursor: pointer;
 }
 
-.legendActionsContainer {
+.viewer .legendActionsContainer {
   display: flex;
   flex-direction: row;
   align-self: center;
 }
 
-.legendAction:not(:last-child)::after {
+.viewer .legendAction:not(:last-child)::after {
   content: '|';
   margin: 0px 4px;
 }
 
-.mapLegendsList {
+.viewer .mapLegendsList {
   display: flex;
   flex-direction: column;
   padding: 20px 0px;
@@ -110,7 +104,7 @@ body[dir='rtl'] .mapLegendCloseBtn {
   height: 90%;
 }
 
-.legendAction {
+.viewer .legendAction {
   text-decoration: underline;
   cursor: pointer;
   font-size: 1.1rem;
@@ -118,11 +112,11 @@ body[dir='rtl'] .mapLegendCloseBtn {
   width: max-content;
 }
 
-.legendAction:hover {
+.viewer .legendAction:hover {
   filter: brightness(1.2);
 }
 
-.noLegendsContainer {
+.viewer .noLegendsContainer {
   width: 100%;
   height: 100%;
   display: flex;
@@ -131,6 +125,6 @@ body[dir='rtl'] .mapLegendCloseBtn {
   align-items: center;
 }
 
-.noLegendsMsg {
+.viewer .noLegendsMsg {
   text-align: center;
 }