@map-colonies/react-components 4.5.0 → 4.7.0

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

@@ -67,6 +67,7 @@ export interface CesiumMapProps extends ViewerProps {
     };
     legends?: ILegends;
     layerManagerFootprintMetaFieldPath?: string;
+    displayZoomButtons?: boolean;
 }
 export declare const useCesiumMap: () => CesiumViewer;
 export declare const CesiumMap: React.FC<CesiumMapProps>;

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

@@ -6,6 +6,7 @@ export interface IBaseMap {
     title?: string;
     thumbnail?: string;
     isCurrent?: boolean;
+    isForPreview?: boolean;
     baseRasteLayers: IRasterLayer[];
     baseVectorLayers: IVectorLayer[];
 }

package/dist/cesium-map/zoom/zoomButtons.css

@@ -0,0 +1,33 @@
+.zoom-buttons-container {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  --full-screen-button-offset: 8px;
+  --full-screen-button-size: 29px;
+  --full-screen-button-bottom: 8px;
+  position: absolute;
+  bottom: calc(var(--full-screen-button-offset) + var(--full-screen-button-size) + var(--full-screen-button-bottom));
+  right: var(--full-screen-button-offset);
+  left: unset;
+}
+
+body[dir='rtl'] .zoom-buttons-container {
+  left: var(--full-screen-button-offset);
+  right: unset;
+}
+
+.zoom-button {
+  cursor: pointer;
+  width: 29px;
+  height: 29px;
+  text-align: center;
+  background: #303336;
+  border: 1px solid #444;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+.zoom-button:hover {
+  background: #48b;
+  border-color: #aef;
+}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ZoomButtons: React.FC;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export * from './date-range-picker-with-presets';
 export * from './date-picker';
 export * from './map-filter-container';
 export * from './models';
+export * from './ol-map';
 export * from './smart-table';
 export * from './popover';
 export * from './box';

package/dist/ol-map/feature.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
 import { Geometry } from 'geojson';
+import { FitOptions } from 'ol/View';
+import { Style } from 'ol/style';
 export interface FeatureProps {
     geometry: Geometry;
+    fitOptions?: FitOptions;
+    fit?: boolean;
+    featureStyle?: Style;
 }
 export declare const GeoJSONFeature: React.FC<FeatureProps>;

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

@@ -0,0 +1,7 @@
+export * from './interactions';
+export * from './layers';
+export * from './source';
+export * from './feature';
+export * from './map';
+export * from '../utils/projections';
+export * from './legend';

package/dist/ol-map/interactions/index.d.ts

@@ -0,0 +1 @@
+export * from './draw';

package/dist/ol-map/layers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tile-layer';
+export * from './vector-layer';
+export * from './vector-tile-layer';

package/dist/ol-map/layers/vector-tile-layer.d.ts

@@ -0,0 +1,10 @@
+import React, { PropsWithChildren } from 'react';
+import VectorTile from 'ol/layer/VectorTile';
+import { Options } from 'ol/layer/Base';
+import { MapStyle } from '../style';
+export interface VectorTileLayerProps {
+    options?: Options;
+    style?: MapStyle;
+}
+export declare const useVectorTileLayer: () => VectorTile;
+export declare const VectorTileLayer: React.FC<PropsWithChildren<VectorTileLayerProps>>;

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

@@ -0,0 +1 @@
+export * from './legend';

package/dist/ol-map/legend/legend.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Style } from 'ol/style';
+export interface LegendItem {
+    title: string;
+    style: Style;
+}
+export interface LegendParams {
+    legendItems: LegendItem[];
+    title?: string;
+    isCollapsed?: boolean;
+}
+export declare const Legend: React.FC<LegendParams>;

package/dist/ol-map/source/index.d.ts

@@ -0,0 +1,6 @@
+export * from './osm';
+export * from './vector-source';
+export * from './wmts';
+export * from './wms';
+export * from './xyz';
+export * from './mvt';

package/dist/ol-map/source/mvt.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from 'react';
+import VectorTileSource, { Options } from 'ol/source/VectorTile';
+export declare const useVectorTileSource: () => VectorTileSource;
+export interface MVTSourceProps {
+    options: Options;
+}
+export interface MVTOptionParams {
+    url: string;
+}
+export declare const getMVTOptions: (optionParams: MVTOptionParams) => Options;
+export declare const MVTSource: React.FC<PropsWithChildren<MVTSourceProps>>;

package/dist/ol-map/source/wms.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Options } from 'ol/source/TileWMS';
+interface TileWMSProps {
+    options: Options;
+}
+export interface WMSOptionParams {
+    attributions?: string;
+    url: string;
+    params: {
+        [key: string]: any;
+    };
+    serverType: 'carmentaserver' | 'geoserver' | 'mapserver' | 'qgis';
+    transition: number;
+}
+export declare const getWMSOptions: (optionParams: WMSOptionParams) => Options;
+export declare const TileWMS: React.FC<TileWMSProps>;
+export {};

package/dist/ol-map/source/wmts.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Options } from 'ol/source/WMTS';
+import WMTSRequestEncoding from 'ol/source/WMTSRequestEncoding';
+interface TileWMTSProps {
+    options: Options;
+}
+export interface WMTSOptionParams {
+    attributions?: string;
+    url: string;
+    layer: string;
+    projection: string;
+    format: string;
+    style: string;
+    matrixSet: string;
+    wrapX?: boolean;
+    heightWidthRatio?: number;
+    requestEncoding?: WMTSRequestEncoding | string;
+}
+export declare const getWMTSOptions: (params: WMTSOptionParams) => Options;
+export declare const TileWMTS: React.FC<TileWMTSProps>;
+export {};

package/dist/ol-map/source/xyz.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Options } from 'ol/source/XYZ';
+interface TileXYZProps {
+    options: Options;
+}
+export interface XYZOptionParams {
+    attributions?: string;
+    url: string;
+}
+export declare const getXYZOptions: (optionParams: XYZOptionParams) => Options;
+export declare const TileXYZ: React.FC<TileXYZProps>;
+export {};

package/dist/ol-map/style.d.ts

@@ -0,0 +1,4 @@
+import { Style } from 'ol/style';
+import { StyleFunction } from 'ol/style/Style';
+export type MapStyle = Style | Style[] | StyleFunction;
+export declare const defaultStyle: Style[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@map-colonies/react-components",
-  "version": "4.5.0",
+  "version": "4.7.0",
   "main": "./dist/@map-colonies/react-components.umd.js",
   "module": "./dist/@map-colonies/react-components.es.js",
   "types": "./dist/index.d.ts",
@@ -44,6 +44,7 @@
     "get-input-selection": "^1.1.4",
     "lodash": "^4.17.20",
     "ol": "^6.4.3",
+    "ol-ext": "^4.0.18",
     "react-datepicker": "^4.16.0",
     "resium": "1.16.1",
     "rimraf": "3.0.2",
@@ -60,6 +61,7 @@
     "@types/geojson": "^7946.0.10",
     "@types/lodash": "^4.14.165",
     "@types/ol": "^6.3.1",
+    "@types/ol-ext": "npm:@siedlerchr/types-ol-ext",
     "@types/textarea-caret": "^3.0.1",
     "enzyme": "^3.11.0",
     "jest-enzyme": "^7.1.2",
@@ -70,5 +72,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "06c4766a767131c590eaa67daac2a6a1e4f14732"
+  "gitHead": "b2788382175ecda380784373477a20503e2d836d"
 }