@map-colonies/react-components 3.13.1 → 3.14.0

package/src/lib/cesium-map/map.tsx

@@ -58,6 +58,7 @@ interface ICameraState {
 }
 export class CesiumViewer extends CesiumViewerCls {
   public layersManager?: LayerManager;
+  private useOptimizedTileRequests?: boolean;
 
   public constructor(
     container: string | Element,
@@ -65,6 +66,14 @@ export class CesiumViewer extends CesiumViewerCls {
   ) {
     super(container, options);
   }
+
+  public get shouldOptimizedTileRequests(): boolean {
+    return this.useOptimizedTileRequests ?? false;
+  }
+
+  public set shouldOptimizedTileRequests(useOptimizedTileRequests: boolean) {
+    this.useOptimizedTileRequests = useOptimizedTileRequests;
+  }
 }
 
 const mapContext = createContext<CesiumViewer | null>(null);
@@ -103,6 +112,7 @@ export interface CesiumMapProps extends ViewerProps {
   locale?: { [key: string]: string };
   sceneModes?: CesiumSceneModeEnum[];
   baseMaps?: IBaseMaps;
+  useOptimizedTileRequests?: boolean;
   terrainProvider?: TerrainProvider;
   imageryContextMenu?: React.ReactElement<IContextMenuData>;
   imageryContextMenuSize?: {
@@ -209,6 +219,9 @@ export const CesiumMap: React.FC<CesiumMapProps> = (props) => {
 
   useEffect(() => {
     if (mapViewRef) {
+      mapViewRef.shouldOptimizedTileRequests =
+        props.useOptimizedTileRequests ?? false;
+
       mapViewRef.layersManager = new LayerManager(
         mapViewRef,
         props.legends?.mapLegendsExtractor,
@@ -219,8 +232,16 @@ export const CesiumMap: React.FC<CesiumMapProps> = (props) => {
         }
       );
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mapViewRef]);
 
+  useEffect(() => {
+    if (mapViewRef) {
+      mapViewRef.shouldOptimizedTileRequests =
+        props.useOptimizedTileRequests ?? false;
+    }
+  }, [props.useOptimizedTileRequests, mapViewRef]);
+
   useEffect(() => {
     setSceneModes(
       props.sceneModes ?? [

package/src/lib/cesium-map/tools/coordinates-tracker.tool.tsx

@@ -1,5 +1,10 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Cartesian3, Math as CesiumMath, WebMercatorProjection, ScreenSpaceEventType } from 'cesium';
+import {
+  Cartesian3,
+  Math as CesiumMath,
+  WebMercatorProjection,
+  ScreenSpaceEventType,
+} from 'cesium';
 import { CesiumViewer, useCesiumMap } from '../map';
 
 import './coordinates-tracker.tool.css';

package/src/lib/date-range-picker/date-range-picker.spec.tsx

@@ -1,81 +1,81 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { KeyboardDateTimePicker } from '@material-ui/pickers';
-import { Button } from '@map-colonies/react-core';
-import { DateTimeRangePicker } from './date-range-picker';
-
-const date = new Date(1990, 1, 1);
-
-it('set the values of to and from to the props of the date pickers when changed', () => {
-  const wrapper = mount(
-    <DateTimeRangePicker
-      onChange={() => {
-        // do nothing for linitng
-      }}
-    />
-  );
-  wrapper.setProps({ from: date, to: date });
-
-  wrapper.update();
-  const pickers = wrapper.find(KeyboardDateTimePicker);
-  const fromRangePicker = pickers.first();
-  const toRangePicker = pickers.at(1);
-
-  expect(fromRangePicker.prop('value')?.valueOf()).toBe(date.getTime());
-  expect(toRangePicker.prop('value')?.valueOf()).toBe(date.getTime());
-});
-
-it('calls on change when button is clicked', () => {
-  const onChangeMock = jest.fn();
-  const wrapper = mount(
-    <DateTimeRangePicker from={date} to={date} onChange={onChangeMock} />
-  );
-
-  // eslint-disable-next-line
-  wrapper.find(Button).props().onClick?.();
-
-  expect(onChangeMock).toHaveBeenCalledWith({ from: date, to: date });
-
-  wrapper.setProps({ to: null });
-  wrapper.update();
-
-  // eslint-disable-next-line
-  wrapper.find(Button).props().onClick?.();
-  expect(onChangeMock).toHaveBeenCalledWith({ from: date });
-
-  wrapper.setProps({ to: date, from: null });
-  wrapper.update();
-
-  // eslint-disable-next-line
-  wrapper.find(Button).props().onClick?.();
-  expect(onChangeMock).toHaveBeenCalledWith({ to: date });
-});
-
-it('enables and disables the button based on the validity of the dates', () => {
-  const wrapper = shallow(
-    <DateTimeRangePicker
-      onChange={() => {
-        // do nothing for linitng
-      }}
-    />
-  );
-  const fromPicker = wrapper.find(KeyboardDateTimePicker).first();
-  const toPicker = wrapper.find(KeyboardDateTimePicker).at(1);
-
-  expect(wrapper.find(Button).prop('disabled')).toBe(true);
-
-  fromPicker.prop('onChange')(date);
-  wrapper.update();
-
-  expect(wrapper.find(Button).prop('disabled')).toBe(false);
-
-  toPicker.prop('onChange')(date);
-  wrapper.update();
-
-  expect(wrapper.find(Button).prop('disabled')).toBe(true);
-
-  toPicker.prop('onChange')(new Date(1994, 1));
-  wrapper.update();
-
-  expect(wrapper.find(Button).prop('disabled')).toBe(false);
-});
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { KeyboardDateTimePicker } from '@material-ui/pickers';
+import { Button } from '@map-colonies/react-core';
+import { DateTimeRangePicker } from './date-range-picker';
+
+const date = new Date(1990, 1, 1);
+
+it('set the values of to and from to the props of the date pickers when changed', () => {
+  const wrapper = mount(
+    <DateTimeRangePicker
+      onChange={() => {
+        // do nothing for linitng
+      }}
+    />
+  );
+  wrapper.setProps({ from: date, to: date });
+
+  wrapper.update();
+  const pickers = wrapper.find(KeyboardDateTimePicker);
+  const fromRangePicker = pickers.first();
+  const toRangePicker = pickers.at(1);
+
+  expect(fromRangePicker.prop('value')?.valueOf()).toBe(date.getTime());
+  expect(toRangePicker.prop('value')?.valueOf()).toBe(date.getTime());
+});
+
+it('calls on change when button is clicked', () => {
+  const onChangeMock = jest.fn();
+  const wrapper = mount(
+    <DateTimeRangePicker from={date} to={date} onChange={onChangeMock} />
+  );
+
+  // eslint-disable-next-line
+  wrapper.find(Button).props().onClick?.();
+
+  expect(onChangeMock).toHaveBeenCalledWith({ from: date, to: date });
+
+  wrapper.setProps({ to: null });
+  wrapper.update();
+
+  // eslint-disable-next-line
+  wrapper.find(Button).props().onClick?.();
+  expect(onChangeMock).toHaveBeenCalledWith({ from: date });
+
+  wrapper.setProps({ to: date, from: null });
+  wrapper.update();
+
+  // eslint-disable-next-line
+  wrapper.find(Button).props().onClick?.();
+  expect(onChangeMock).toHaveBeenCalledWith({ to: date });
+});
+
+it('enables and disables the button based on the validity of the dates', () => {
+  const wrapper = shallow(
+    <DateTimeRangePicker
+      onChange={() => {
+        // do nothing for linitng
+      }}
+    />
+  );
+  const fromPicker = wrapper.find(KeyboardDateTimePicker).first();
+  const toPicker = wrapper.find(KeyboardDateTimePicker).at(1);
+
+  expect(wrapper.find(Button).prop('disabled')).toBe(true);
+
+  fromPicker.prop('onChange')(date);
+  wrapper.update();
+
+  expect(wrapper.find(Button).prop('disabled')).toBe(false);
+
+  toPicker.prop('onChange')(date);
+  wrapper.update();
+
+  expect(wrapper.find(Button).prop('disabled')).toBe(true);
+
+  toPicker.prop('onChange')(new Date(1994, 1));
+  wrapper.update();
+
+  expect(wrapper.find(Button).prop('disabled')).toBe(false);
+});