@map-colonies/react-components 4.9.3 → 4.10.0

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

@@ -1,10 +1,8 @@
 import React from 'react';
-import { Cartesian3, Color, Rectangle } from 'cesium';
+import { Cartesian3, Color as CesiumColor, Rectangle } from 'cesium';
 import { GeoJSON } from 'geojson';
 import { DrawType } from '../../models';
 import { RCesiumCustomDataSourceProps } from './custom.data-source';
-export declare class CesiumColor extends Color {
-}
 export type PrimitiveCoordinates = Cartesian3[] | Rectangle | undefined;
 export interface IDrawing {
     coordinates: PrimitiveCoordinates;

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

@@ -1,8 +1,20 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
+interface IFeatureTypeMetadata {
+    id: string;
+    items: number;
+    total: number;
+    cache: number;
+    currentZoomLevel: number;
+    featureStructure: Record<string, unknown>;
+}
+export type IActiveFeatureTypes = IFeatureTypeMetadata & {
+    zoomLevel: number;
+};
 export interface IDebugPanelProps {
-    children: React.ReactNode;
+    children: ReactNode;
     locale?: {
         [key: string]: string;
     };
 }
 export declare const DebugPanel: React.FC<IDebugPanelProps>;
+export {};

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

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

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

@@ -1,5 +1,4 @@
 export * from './map';
-export * from './map.types';
 export * from './layers';
 export * from '../utils/projections';
 export * from './entities';

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

@@ -1,18 +1,42 @@
 import React from 'react';
 import { GeoJsonDataSource } from 'cesium';
+import { BBox } from 'geojson';
 import { CesiumViewer } from '../map';
+export interface ICesiumWFSLayerLabelTextField {
+    name: string;
+    type: 'number' | 'string' | 'boolean' | 'date';
+    format?: string;
+    predicate?: (value: any) => any;
+}
+export interface ICesiumWFSLayerLabelingOptions {
+    dataSourcePrefix: string;
+    text: {
+        pattern: string;
+        fields: ICesiumWFSLayerLabelTextField[];
+    };
+    fontName: string;
+    fontSize: number;
+    padding: number;
+    fillStyle: string | CanvasGradient | CanvasPattern;
+    strokeStyle: string | CanvasGradient | CanvasPattern;
+    lineWidth: number;
+}
 export interface ICesiumWFSLayerOptions {
     url: string;
     featureType: string;
-    style: Record<string, unknown>;
+    style: {
+        color: string;
+        hover: string;
+    };
     pageSize: number;
     zoomLevel: number;
     maxCacheSize: number;
     keyField?: string;
+    labeling?: ICesiumWFSLayerLabelingOptions;
 }
 export interface ICesiumWFSLayer extends React.Attributes {
     options: ICesiumWFSLayerOptions;
     meta: Record<string, unknown>;
-    visualizationHandler: (mapViewer: CesiumViewer, wfsDataSource: GeoJsonDataSource, processEntityIds: string[]) => void;
+    visualizationHandler?: (mapViewer: CesiumViewer, wfsDataSource: GeoJsonDataSource, processEntityIds: string[], extent?: BBox) => void;
 }
 export declare const CesiumWFSLayer: React.FC<ICesiumWFSLayer>;

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

@@ -36,7 +36,8 @@ declare class LayerManager {
     private readonly dataLayers;
     private readonly legendsExtractor?;
     private readonly layerManagerFootprintMetaFieldPath;
-    constructor(mapViewer: CesiumViewer, legendsExtractor?: LegendExtractor, onLayersUpdate?: () => void, layerManagerFootprintMetaFieldPath?: string);
+    private readonly shouldOptimizedTileRequests?;
+    constructor(mapViewer: CesiumViewer, legendsExtractor?: LegendExtractor, onLayersUpdate?: () => void, layerManagerFootprintMetaFieldPath?: string, shouldOptimizedTileRequests?: boolean);
     get layerList(): ICesiumImageryLayer[];
     get dataLayerList(): ICesiumWFSLayer[];
     addDataLayer(dataLayer: ICesiumWFSLayer): void;

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

@@ -2,19 +2,23 @@ import React, { ComponentProps, MouseEvent } from 'react';
 import { Viewer } from 'resium';
 import { Viewer as CesiumViewerCls, TerrainProvider } from 'cesium';
 import { Proj } from '../utils/projections';
-import { IBaseMaps } from './settings/settings';
-import { IMapLegend } from './map-legend';
 import LayerManager, { LegendExtractor } from './layers-manager';
-import { CesiumSceneModeEnum } from './map.types';
+import { IMapLegend } from './map-legend';
+import { CesiumSceneMode } from './proxied.types';
+import { IBaseMaps } from './settings/settings';
 interface ViewerProps extends ComponentProps<typeof Viewer> {
 }
 export declare class CesiumViewer extends CesiumViewerCls {
     layersManager?: LayerManager;
-    currentZoomLevel?: number;
-    private useOptimizedTileRequests?;
     constructor(container: string | Element, options?: CesiumViewerCls.ConstructorOptions);
-    get shouldOptimizedTileRequests(): boolean;
-    set shouldOptimizedTileRequests(useOptimizedTileRequests: boolean);
+}
+export type MapViewState = {
+    currentZoomLevel: number;
+    shouldOptimizedTileRequests: boolean;
+};
+interface IMapViewState {
+    viewState: MapViewState;
+    setViewState: React.Dispatch<React.SetStateAction<MapViewState>>;
 }
 export interface IContextMenuData {
     data: Record<string, unknown>[];
@@ -59,7 +63,7 @@ export interface CesiumMapProps extends ViewerProps {
     locale?: {
         [key: string]: string;
     };
-    sceneModes?: CesiumSceneModeEnum[];
+    sceneModes?: (typeof CesiumSceneMode)[];
     baseMaps?: IBaseMaps;
     useOptimizedTileRequests?: boolean;
     terrainProvider?: TerrainProvider;
@@ -75,5 +79,6 @@ export interface CesiumMapProps extends ViewerProps {
     debugPanel?: IDebugPanel;
 }
 export declare const useCesiumMap: () => CesiumViewer;
+export declare const useCesiumMapViewstate: () => IMapViewState;
 export declare const CesiumMap: React.FC<CesiumMapProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import { BillboardGraphics, BoundingSphere, Cartesian2, Cartesian3, Cartographic, CesiumTerrainProvider, ConstantPositionProperty, ConstantProperty, Ellipsoid, EllipsoidTerrainProvider, GeographicTilingScheme, HeightReference, HorizontalOrigin, JulianDate, LabelStyle, PolylineDashMaterialProperty, PolylineGraphics, PositionProperty, Rectangle, Resource, VerticalOrigin } from 'cesium';
+import { BillboardGraphics, BoundingSphere, Cartesian2, Cartesian3, Cartographic, CesiumTerrainProvider, ConstantPositionProperty, ConstantProperty, Ellipsoid, EllipsoidTerrainProvider, GeographicTilingScheme, HeightReference, HorizontalOrigin, JulianDate, LabelStyle, PolylineDashMaterialProperty, PolylineGraphics, PositionProperty, Rectangle, Resource, VerticalOrigin, SceneMode, Scene, Color, PolygonHierarchy } from 'cesium';
 export declare class CesiumPolylineDashMaterialProperty extends PolylineDashMaterialProperty {
 }
 export declare class CesiumConstantProperty extends ConstantProperty {
@@ -33,8 +33,15 @@ export declare class CesiumPositionProperty extends PositionProperty {
 }
 export declare class CesiumCesiumBillboardGraphics extends BillboardGraphics {
 }
+export declare class CesiumColor extends Color {
+}
+export declare class CesiumPolygonHierarchy extends PolygonHierarchy {
+}
+export declare class CesiumScene extends Scene {
+}
 export declare const CesiumVerticalOrigin: typeof VerticalOrigin;
 export declare const CesiumHorizontalOrigin: typeof HorizontalOrigin;
+export declare const CesiumSceneMode: typeof SceneMode;
 export declare const CesiumLabelStyle: typeof LabelStyle;
 export declare const CesiumHeightReference: typeof HeightReference;
-export { Entity as CesiumCesiumEntity, GeoJsonDataSource as CesiumGeoJsonDataSource, Math as CesiumMath, PolygonGraphics as CesiumCesiumPolygonGraphics, sampleTerrainMostDetailed as cesiumSampleTerrainMostDetailed, } from 'cesium';
+export { Entity as CesiumCesiumEntity, GeoJsonDataSource as CesiumGeoJsonDataSource, Math as CesiumMath, SceneTransforms as CesiumSceneTransforms, PolygonGraphics as CesiumCesiumPolygonGraphics, sampleTerrainMostDetailed as cesiumSampleTerrainMostDetailed, } from 'cesium';

package/dist/cesium-map/settings/scene-modes.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CesiumSceneModeEnum } from '../map.types';
+import { CesiumSceneMode } from '../proxied.types';
 export interface RCesiumSceneModesProps {
-    sceneModes: CesiumSceneModeEnum[];
+    sceneModes: typeof CesiumSceneMode[];
 }
 export declare const CesiumSceneModes: React.FC<RCesiumSceneModesProps>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IRasterLayer, IVectorLayer } from '../layers-manager';
-import { CesiumSceneModeEnum } from '../map.types';
+import { CesiumSceneMode } from '../proxied.types';
 export interface IBaseMap {
     id: string;
     title?: string;
@@ -14,7 +14,7 @@ export interface IBaseMaps {
     maps: IBaseMap[];
 }
 export interface RCesiumMapProps {
-    sceneModes: CesiumSceneModeEnum[];
+    sceneModes: typeof CesiumSceneMode[];
     baseMaps?: IBaseMaps;
     locale?: {
         [key: string]: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@map-colonies/react-components",
-  "version": "4.9.3",
+  "version": "4.10.0",
   "main": "./dist/@map-colonies/react-components.umd.js",
   "module": "./dist/@map-colonies/react-components.es.js",
   "types": "./dist/index.d.ts",
@@ -18,8 +18,9 @@
     "copyassets:all": "yarn run copyassets:cesium && yarn run copyassets:components",
     "copyassets:cesium": "copyfiles -u 5 \"../../node_modules/cesium/Build/Cesium/**/*\" \"./public\"",
     "copyassets:components": "copyfiles -u 1 \"./public/assets/**/*\" \"dist\"",
-    "storybook": "start-storybook -p 9010",
-    "build-storybook": "rimraf storybook-static && build-storybook"
+    "storybook": "yarn run copy-storybook_data && start-storybook -p 9010",
+    "build-storybook": "rimraf storybook-static && build-storybook",
+    "copy-storybook_data": "git clone https://github.com/MapColonies/shared-components-data.git && copyfiles -u 1 \"./shared-components-data/stories-data.json\" \".\" && rimraf shared-components-data"
   },
   "dependencies": {
     "@cmcleese/cesium-navigation": "^4.0.7",
@@ -28,10 +29,14 @@
     "@map-colonies/react-core": "^4.2.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
+    "@turf/area": "^6.5.0",
     "@turf/bbox": "^6.0.1",
     "@turf/bbox-polygon": "^6.0.1",
+    "@turf/boolean-contains": "^6.5.0",
     "@turf/boolean-point-in-polygon": "^6.5.0",
+    "@turf/centroid": "^7.2.0",
     "@turf/helpers": "^6.1.4",
+    "@turf/intersect": "^6.1.3",
     "@turf/point-to-polygon-distance": "^7.2.0",
     "@turf/rewind": "^5.1.5",
     "cesium": "1.103.0",
@@ -76,5 +81,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "714ba9ec7af1e2753670a32ee2a634d6fd77f210"
+  "gitHead": "aeca7e9739703a6e2f1f443f041196f7b715e13c"
 }

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

@@ -1,8 +0,0 @@
-import { SceneMode } from 'cesium';
-export type CesiumSceneModeEnum = SceneMode;
-export declare const CesiumSceneMode: {
-    MORPHING: SceneMode;
-    COLUMBUS_VIEW: SceneMode;
-    SCENE2D: SceneMode;
-    SCENE3D: SceneMode;
-};