@map-colonies/react-components 4.14.0 → 4.14.1

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

@@ -1,3 +1,8 @@
+body[dir='rtl'] .cesium-viewer .activeLayersPanel .cesium-cesiumInspector-sectionHeader::before {
+  margin-right: 0;
+  margin-left: 5px;
+}
+
 .cesium-viewer .activeLayersPanel .layer {
   display: flex;
   justify-content: space-between;
@@ -11,6 +16,10 @@
   text-overflow: ellipsis;
 }
 
+.cesium-viewer .activeLayersPanel .name:not(.disabled) {
+  cursor: default;
+}
+
 .cesium-viewer .activeLayersPanel .name.disabled {
   opacity: 0.5;
   pointer-events: none;

package/dist/cesium-map/debug/debugger-widget.css

@@ -0,0 +1,95 @@
+.cesium-viewer .cesium-mc-title {
+  cursor: text;
+}
+
+.cesium-viewer .debuggerWidgetSections {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.cesium-viewer .debuggerWidgetSection {
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 6px;
+  background: rgba(0, 0, 0, 0.25);
+  overflow: hidden;
+}
+
+.cesium-viewer .debuggerWidgetSectionHeader {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 6px 8px;
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 0.2px;
+  text-transform: uppercase;
+  color: var(--mdc-theme-cesium-color);
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
+  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
+  cursor: pointer;
+  user-select: none;
+}
+
+.cesium-viewer .debuggerWidgetSectionHeaderLabel {
+  flex: 1;
+}
+
+.cesium-viewer .debuggerWidgetSectionHeaderToggle {
+  margin-right: 5px;
+}
+
+body[dir='rtl'] .cesium-viewer .debuggerWidgetSectionHeaderToggle {
+  margin-right: 0;
+  margin-left: 5px;
+}
+
+.cesium-viewer .debuggerWidgetSectionContent {
+  padding: 8px;
+}
+
+.cesium-viewer .debuggerWidgetSectionContent .wfsContainer {
+  margin-top: 0;
+}
+
+.cesium-viewer .debuggerWidgetSectionContent .wfsContainer .title {
+  display: none;
+}
+
+.cesium-viewer .debuggerWidgetSectionContent .optimizationCheckbox,
+.cesium-viewer .debuggerWidgetSectionContent .cesiumInspectorCheckbox {
+  margin-bottom: 0;
+}
+
+.cesium-viewer .debuggerWidgetSectionContent .optimizationCheckbox label,
+.cesium-viewer .debuggerWidgetSectionContent .cesiumInspectorCheckbox label {
+  cursor: pointer;
+}
+
+.cesium-viewer .debuggerLayerList {
+  margin-top: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  padding-top: 6px;
+  text-align: left;
+  direction: ltr;
+}
+
+.cesium-viewer .debuggerLayerItem {
+  font-size: 11px;
+  line-height: 1.6;
+  font-weight: bold;
+  opacity: 0.5;
+  cursor: text;
+}
+
+.cesium-viewer .debuggerLayerItem.relevant {
+  color: #AEF;
+  opacity: 1;
+}
+
+.cesium-viewer .debuggerLayerItem[data-has-tooltip='true'] {
+  cursor: default;
+}

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

@@ -44,6 +44,12 @@ body[dir='rtl'] .cesium-viewer .wfsContainer .featureType {
   margin: 0 20px;
 }
 
+.cesium-viewer .wfsContainer .noDataLayers {
+  font-size: 12px;
+  opacity: 0.5;
+  cursor: text;
+}
+
 .cesium-viewer .wfsContainer .blinking {
   animation: blink 1s infinite;
 }

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

@@ -4,15 +4,23 @@ import { CesiumViewer } from '../map';
 export interface CustomImageryProvider extends ImageryProvider {
     readonly layerListInstance: ICesiumImageryLayer[];
     tileTransparencyCheckedCounter: number;
+    examinedTilesForTransparencyCheck: IExaminedTileCoordinates[];
     mapViewer: CesiumViewer;
     readonly maxTilesForTransparencyCheck: number;
 }
+interface IExaminedTileCoordinates {
+    x: number;
+    y: number;
+    level: number;
+}
 export declare const HAS_TRANSPARENCY_META_PROP = "hasTransparency";
+export declare const EXAMINED_TILES_META_PROP = "examinedTiles";
 export declare class CustomUrlTemplateImageryProvider extends UrlTemplateImageryProvider {
     readonly layerListInstance: ICesiumImageryLayer[];
     readonly mapViewer: CesiumViewer;
     readonly maxTilesForTransparencyCheck = 3;
     tileTransparencyCheckedCounter: number;
+    examinedTilesForTransparencyCheck: IExaminedTileCoordinates[];
     constructor(opts: UrlTemplateImageryProvider.ConstructorOptions, mapViewer: CesiumViewer);
     requestImage(x: number, y: number, level: number, request?: Request | undefined): Promise<ImageryTypes> | undefined;
 }
@@ -21,6 +29,7 @@ export declare class CustomWebMapServiceImageryProvider extends WebMapServiceIma
     readonly mapViewer: CesiumViewer;
     readonly maxTilesForTransparencyCheck = 3;
     tileTransparencyCheckedCounter: number;
+    examinedTilesForTransparencyCheck: IExaminedTileCoordinates[];
     constructor(opts: WebMapServiceImageryProvider.ConstructorOptions, mapViewer: CesiumViewer);
     requestImage(x: number, y: number, level: number, request?: Request | undefined): Promise<ImageryTypes> | undefined;
 }
@@ -29,6 +38,8 @@ export declare class CustomWebMapTileServiceImageryProvider extends WebMapTileSe
     readonly mapViewer: CesiumViewer;
     readonly maxTilesForTransparencyCheck = 3;
     tileTransparencyCheckedCounter: number;
+    examinedTilesForTransparencyCheck: IExaminedTileCoordinates[];
     constructor(opts: WebMapTileServiceImageryProvider.ConstructorOptions, mapViewer: CesiumViewer);
     requestImage(x: number, y: number, level: number, request?: Request | undefined): Promise<ImageryTypes> | undefined;
 }
+export {};

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

@@ -38,6 +38,7 @@ export declare const center: (bbox: Rectangle) => Feature<Point>;
  * @returns BBox array
  */
 export declare const rectangle2bbox: (bbox: Rectangle) => BBox;
+export declare const rectangle2Feature: (rect: Rectangle) => Feature<Polygon>;
 export declare const customComputeViewRectangle: (mapViewer: CesiumViewer) => Rectangle;
 /**
  * Computes a limited view rectangle in case of 3D mode based on the camera position and max distance.

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

@@ -21,9 +21,33 @@ export interface ICesiumWFSLayerLabelingOptions {
     strokeStyle: string | CanvasGradient | CanvasPattern;
     lineWidth: number;
 }
+export interface IGqlServiceConfig {
+    query: string;
+    variablesDescriptor: {
+        featureProp: string;
+        startIndexProp: string;
+        countProp: string;
+        typeNameProp: string;
+    };
+    variables: {
+        data: Record<string, unknown>;
+    };
+}
+export interface IApiServiceConfig {
+    method?: 'GET' | 'POST';
+    headers?: Record<string, string>;
+}
+export type AlternativePayload = {
+    type: 'gql';
+    gql: IGqlServiceConfig;
+} | {
+    type: 'api';
+    api: IApiServiceConfig;
+};
 export interface ICesiumWFSLayerOptions {
     url: string;
     featureType: string;
+    alternativePayload?: AlternativePayload;
     style: {
         color: string;
         hover: string;

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

@@ -26,6 +26,7 @@ export interface IVectorLayer {
 export type LegendExtractor = (layers: (any & {
     meta: any;
 })[]) => IMapLegend[];
+export declare const TRANSPARENT_LAYER_ID = "TRANSPARENT_BASE_LAYER";
 declare class LayerManager {
     mapViewer: CesiumViewer;
     legendsList: IMapLegend[];
@@ -36,6 +37,8 @@ declare class LayerManager {
     private readonly legendsExtractor?;
     private readonly layerManagerFootprintMetaFieldPath;
     private shouldOptimizedTileRequests?;
+    private relevancyListenersCleanup;
+    private relevancyLayerUpdatedHandler?;
     constructor(mapViewer: CesiumViewer, legendsExtractor?: LegendExtractor, onLayersUpdate?: () => void, layerManagerFootprintMetaFieldPath?: string, shouldOptimizedTileRequests?: boolean);
     get layerList(): ICesiumImageryLayer[];
     get dataLayerList(): ICesiumWFSLayer[];
@@ -71,6 +74,10 @@ declare class LayerManager {
     private findLayerById;
     private updateLayersOrder;
     private hideNonRelevantLayers;
+    private restoreAllLayersVisibility;
+    private clearLayersRelevancy;
+    private bindRelevancyListeners;
+    private unbindRelevancyListeners;
     private markRelevantLayersForExtent;
 }
 export default LayerManager;

package/dist/cesium-map/map.css

@@ -38,6 +38,10 @@ body[dir='rtl'] .cesium-viewer .cesium-viewer-cesiumInspectorWrapper .cesium-vie
   right: 0;
 }
 
+.cesium-viewer .cesium-viewer-cesiumInspectorWrapper {
+  direction: ltr;
+}
+
 .cesium-viewer .cesium-viewer-cesiumInspectorWrapper .cesium-cesiumInspector {
   box-sizing: content-box;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@map-colonies/react-components",
-  "version": "4.14.0",
+  "version": "4.14.1",
   "main": "./dist/@map-colonies/react-components.umd.js",
   "module": "./dist/@map-colonies/react-components.es.js",
   "types": "./dist/index.d.ts",
@@ -87,5 +87,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "7cbc9ca137da633aaac0b8a15202ea0a4ea0411c"
+  "gitHead": "7bf420cd0cd690cfa1c966a592fccf7b7c5fbb35"
 }