@map-colonies/react-components 4.13.5 → 4.14.0

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

@@ -11,10 +11,10 @@ interface IFeatureTypeMetadata {
 export type IActiveFeatureTypes = IFeatureTypeMetadata & {
     zoomLevel: number;
 };
-export interface IWFSDebugWidgetProps extends IWidgetProps {
+export interface IDebuggerWidgetProps extends IWidgetProps {
     locale?: {
         [key: string]: string;
     };
 }
-export declare const WFSDebugWidget: (props: Omit<IWFSDebugWidgetProps, keyof IWidgetProps>) => React.JSX.Element;
+export declare const DebuggerWidget: (props: Omit<IDebuggerWidgetProps, keyof IWidgetProps>) => React.JSX.Element;
 export {};

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

@@ -1,3 +1,7 @@
+.cesium-viewer .wfsContainer {
+  margin-top: 12px;
+}
+
 .cesium-viewer .wfsContainer .title {
   text-align: center;
   font-weight: bold;
@@ -5,6 +9,14 @@
   width: 260px;
 }
 
+.cesium-viewer .optimizationCheckbox {
+  margin-bottom: 12px;
+}
+
+.cesium-viewer .cesiumInspectorCheckbox {
+  margin-bottom: 12px;
+}
+
 .cesium-viewer .wfsContainer .featureType {
   font-size: 12px;
   margin-bottom: 12px;

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

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

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

@@ -35,7 +35,7 @@ declare class LayerManager {
     private readonly dataLayers;
     private readonly legendsExtractor?;
     private readonly layerManagerFootprintMetaFieldPath;
-    private readonly shouldOptimizedTileRequests?;
+    private shouldOptimizedTileRequests?;
     constructor(mapViewer: CesiumViewer, legendsExtractor?: LegendExtractor, onLayersUpdate?: () => void, layerManagerFootprintMetaFieldPath?: string, shouldOptimizedTileRequests?: boolean);
     get layerList(): ICesiumImageryLayer[];
     get dataLayerList(): ICesiumWFSLayer[];
@@ -64,6 +64,7 @@ declare class LayerManager {
     removeLayerUpdatedListener(callback: (meta: any) => void): void;
     addDataLayerUpdatedListener(callback: (meta: any) => void): void;
     removeDataLayerUpdatedListener(callback: (meta: any) => void): void;
+    setShouldOptimizedTileRequests(shouldOptimize: boolean): void;
     findDataLayerById(dataLayerId: string): ICesiumWFSLayer | undefined;
     private setLegends;
     private getBaseLayersCount;

package/dist/cesium-map/map.css

@@ -18,6 +18,10 @@ body[dir='rtl'] .cesium-viewer .cesium-viewer-toolbar {
 .cesium-viewer .widgetsContainer {
   top: 24px;
   left: 10px;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 12px;
 }
 
 body[dir='rtl'] .cesium-viewer .widgetsContainer {
@@ -25,6 +29,27 @@ body[dir='rtl'] .cesium-viewer .widgetsContainer {
   right: 10px;
 }
 
+.cesium-viewer .cesium-viewer-cesiumInspectorWrapper .cesium-viewer-cesiumInspectorContainer {
+  left: 0;
+}
+
+body[dir='rtl'] .cesium-viewer .cesium-viewer-cesiumInspectorWrapper .cesium-viewer-cesiumInspectorContainer {
+  left: unset;
+  right: 0;
+}
+
+.cesium-viewer .cesium-viewer-cesiumInspectorWrapper .cesium-cesiumInspector {
+  box-sizing: content-box;
+}
+
+.cesium-viewer .cesium-viewer-cesiumInspectorWrapper .cesium-cesiumInspector-hidden {
+  height: 16px;
+}
+
+.cesium-viewer .cesium-viewer-cesiumInspectorWrapper .cesium-cesiumInspector-visible {
+  width: auto;
+}
+
 .cesium-viewer .cesium-mc-tool {
   display: block;
   position: absolute;
@@ -147,7 +172,7 @@ body[dir='rtl'] .cesium-viewer .bottomToolsContainer {
   right: unset;
 }
 
-/* #region for NATIVE CONTROLS */
+/* #region NATIVE CONTROLS */
 .cesium-viewer input[type='checkbox'] {
   accent-color: var(--mdc-theme-cesium-checkbox-color);
 }
@@ -178,10 +203,9 @@ body[dir='rtl'] .cesium-viewer .bottomToolsContainer {
   background-color: #aaa;
   border-radius: 6px;
 }
-
 /* #endregion for NATIVE CONTROLS */
 
-/* #region for mdc-checkbox */
+/* #region mdc-checkbox */
 .cesium-viewer .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
 .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
 .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate='true']:enabled ~ .mdc-checkbox__background {
@@ -216,7 +240,6 @@ body[dir='rtl'] .cesium-viewer .bottomToolsContainer {
 .cesium-viewer .mdc-ripple-upgraded--unbounded {
   --mdc-ripple-fg-size: 0px !important;
 }
-
 /* #endregion mdc-checkbox */
 
 /* #region mdc-list */
@@ -238,7 +261,6 @@ body[dir='rtl'] .cesium-viewer .bottomToolsContainer {
 .cesium-viewer .mdc-text-field--filled {
   height: 32px;
 }
-
 /* #endregion mdc-list */
 
 /* #region mdc-TextField */
@@ -262,7 +284,6 @@ body[dir='rtl'] .cesium-viewer .bottomToolsContainer {
 .cesium-viewer .mdc-line-ripple::after {
   border-bottom: none !important;
 }
-
 /* #endregion mdc-TextField */
 
 .cesium-viewer .disabled {

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

@@ -14,6 +14,7 @@ export declare class CesiumViewer extends CesiumViewerCls {
 export type MapViewState = {
     currentZoomLevel: number;
     shouldOptimizedTileRequests: boolean;
+    showCesiumInspector: boolean;
 };
 interface IMapViewState {
     viewState: MapViewState;
@@ -83,7 +84,6 @@ export interface CesiumMapProps extends ViewerProps {
     };
     baseMaps?: IBaseMaps;
     terrains?: ITerrain[];
-    useOptimizedTileRequests?: boolean;
     terrainProvider?: TerrainProvider;
     imageryContextMenu?: React.ReactElement<IContextMenuData>;
     imageryContextMenuSize?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@map-colonies/react-components",
-  "version": "4.13.5",
+  "version": "4.14.0",
   "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": "7b59e4a26949588febe4e6ced814260ecdc7bf14"
+  "gitHead": "7cbc9ca137da633aaac0b8a15202ea0a4ea0411c"
 }