@map-colonies/react-components 4.10.4 → 4.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@map-colonies/react-components",
-  "version": "4.10.4",
+  "version": "4.13.0",
   "main": "./dist/@map-colonies/react-components.umd.js",
   "module": "./dist/@map-colonies/react-components.es.js",
   "types": "./dist/index.d.ts",
@@ -34,6 +34,7 @@
     "@turf/bbox-polygon": "^6.0.1",
     "@turf/boolean-contains": "^6.5.0",
     "@turf/boolean-point-in-polygon": "^6.5.0",
+    "@turf/boolean-valid": "^7.2.0",
     "@turf/centroid": "^7.2.0",
     "@turf/helpers": "^6.1.4",
     "@turf/intersect": "^6.1.3",
@@ -52,10 +53,14 @@
     "ol": "^6.4.3",
     "ol-ext": "^4.0.18",
     "p-map": "6.0.0",
+    "react-circular-progressbar": "^2.2.0",
     "react-datepicker": "^4.16.0",
+    "react-move": "^6.5.0",
+    "react-rxjs": "^2.0.8",
     "react-select": "5.7.3",
     "resium": "1.16.1",
     "rimraf": "3.0.2",
+    "rxjs": "^7.8.1",
     "textarea-caret": "^3.1.0",
     "uuid": "^11.1.0"
   },
@@ -81,5 +86,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "b009a331d8bd7f54776ee43305e052d006e7ccaa"
+  "gitHead": "ef4027580f644fb553e2b9e31206cfc585d2d105"
 }

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

@@ -1,30 +0,0 @@
-.debugPanel {
-  transform: translateZ(0);
-  height: calc(100vh - 220px);
-  max-height: 460px;
-  width: 280px;
-  position: absolute;
-  top: 44px;
-  right: 110px;
-  /* color: #AFBFDA;
-  background: #2D3748;
-  padding: 20px 24px; */
-}
-
-.debugPanel .mdc-dialog__container {
-  align-items: unset;
-}
-
-.debugPanel .mdc-dialog .mdc-dialog__surface {
-  max-height: unset;
-}
-
-body[dir='rtl'] .debugPanel {
-  left: 110px;
-  right: unset;
-}
-
-.debugPanel .title {
-  text-align: center;
-  font-size: 16px;
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-interface MapLegendProps {
-    onClick: () => void;
-}
-export declare const MapLegendToggle: React.FC<MapLegendProps>;
-export {};

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

@@ -1,3 +0,0 @@
-export * from './MapLegendToggle';
-export * from './MapLegendSidebar';
-export type { IMapLegend } from './MapLegend';

package/dist/cesium-map/settings/base-maps.css

@@ -1,37 +0,0 @@
-.mapSelector {
-  width: 260px;
-  list-style: none;
-  padding-left: 0;
-  display: flex;
-  flex-wrap: wrap;
-  grid-gap: 4px;
-  min-height: 140px;
-  margin-block-start: 0px;
-  padding-inline-start: 0px;
-}
-
-.mapContainer {
-}
-
-.mapContainerSelected {
-  border: blueviolet 2px solid !important;
-  border-radius: 2px;
-}
-
-.mapContainer:hover {
-  border: tomato 2px solid;
-  border-radius: 2px;
-}
-
-.mapContainerImg {
-  width: 100%;
-  height: 100%;
-}
-
-.mapLabel {
-  font-size: 12px;
-}
-
-.mapLabel::before {
-  content: '\00a0';
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { IBaseMaps } from './settings';
-export interface RCesiumBaseMapsProps {
-    baseMaps?: IBaseMaps;
-}
-export declare const CesiumBaseMaps: React.FC<RCesiumBaseMapsProps>;

package/dist/cesium-map/settings/scene-modes.css

@@ -1,19 +0,0 @@
-.mapViewIcon {
-  fill: #fff;
-  width: 40px;
-  height: 40px;
-  background: #303336;
-  border: 1px solid #444;
-  border-radius: 4px;
-}
-
-.mapViewIcon:hover {
-  background: #48b;
-  border-color: #aef;
-}
-
-.mapViewCurrent {
-  fill: #aef;
-  border: 1px solid #aef;
-  border-radius: 4px;
-}

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

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

package/dist/cesium-map/settings/settings.css

@@ -1,57 +0,0 @@
-.mapScenesContainer {
-  display: flex;
-  gap: 8px;
-}
-
-.settingsIconContainer,
-.mapLegendToggleContainer,
-.debugPanelIconContainer {
-  fill: #fff;
-  width: 40px;
-  height: 40px;
-  background: #303336;
-  border: 1px solid #444;
-  border-radius: 4px;
-}
-
-.settingsIconContainer:hover,
-.mapLegendToggleContainer:hover,
-.debugPanelIconContainer:hover {
-  background: #48b;
-  border-color: #aef;
-}
-
-.baseMapsContainer {
-  margin-top: 12px;
-  min-height: 58%;
-}
-
-.settingsDialogPortal {
-  transform: translateZ(0);
-  height: calc(100vh - 220px);
-  max-height: 460px;
-  width: 280px;
-  position: absolute;
-  top: 44px;
-  right: 12px;
-  /* color: #AFBFDA;
-  background: #2D3748;
-  padding: 20px 24px; */
-}
-
-.settingsDialogPortal .mdc-dialog__container {
-  align-items: unset;
-}
-
-.settingsDialogPortal .mdc-dialog .mdc-dialog__surface {
-  max-height: unset;
-}
-
-body[dir='rtl'] .settingsDialogPortal {
-  left: 12px;
-  right: unset;
-}
-
-.sectionLabel {
-  margin-block-end: 0.5em;
-}

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { IRasterLayer, IVectorLayer } from '../layers-manager';
-import { CesiumSceneMode } from '../proxied.types';
-export interface IBaseMap {
-    id: string;
-    title?: string;
-    thumbnail?: string;
-    isCurrent?: boolean;
-    isForPreview?: boolean;
-    baseRasteLayers: IRasterLayer[];
-    baseVectorLayers: IVectorLayer[];
-}
-export interface IBaseMaps {
-    maps: IBaseMap[];
-}
-export interface RCesiumMapProps {
-    sceneModes: typeof CesiumSceneMode[];
-    baseMaps?: IBaseMaps;
-    locale?: {
-        [key: string]: string;
-    };
-}
-export declare const CesiumSettings: React.FC<RCesiumMapProps>;

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

@@ -1,35 +0,0 @@
-.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;
-  background: #303336;
-  border: 1px solid #444;
-  border-radius: 4px;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  padding: 4px;
-}
-
-.zoom-button:hover {
-  background: #48b;
-  border-color: #aef;
-}

package/dist/multiSelection/index.d.ts

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