@opengeoweb/core 9.33.1-spike-ol.6 → 9.35.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "9.33.1-spike-ol.6",
+  "version": "9.35.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

package/src/lib/components/ConfigurableMapConnect/ConfigurableMapConnect.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { mapTypes, layerTypes } from '@opengeoweb/store';
+import { TileServerSettings } from '@opengeoweb/webmap';
 export declare const defaultBbox: {
     srs: "EPSG:3857";
     bbox: {
@@ -17,6 +18,7 @@ export interface ConfigurableMapConnectProps {
     shouldAutoFetch?: boolean | number;
     title?: string;
     layers: layerTypes.Layer[];
+    tileServerSettings?: TileServerSettings;
     autoUpdateLayerId?: string;
     autoTimeStepLayerId?: string;
     bbox?: mapTypes.Bbox;

package/src/lib/components/LayerManager/DescriptionRow/DescriptionRow.d.ts

@@ -6,6 +6,8 @@ interface DescriptionRowProps extends React.ComponentProps<typeof Grid> {
     source?: uiTypes.Source;
     settings?: LayerManagerCustomSettings['header'];
     addLayerComponent?: React.ReactElement;
+    onToggleCollapsed?: (name: string) => void;
+    collapsedColumns?: Record<string, boolean>;
 }
 declare const DescriptionRow: React.FC<DescriptionRowProps>;
 export default DescriptionRow;

package/src/lib/components/LayerManager/LayerContainerRow/LayerContainerRow.d.ts

@@ -4,6 +4,7 @@ import { LayerManagerCustomSettings } from '../LayerManagerUtils';
 interface LayerContainerRowProps extends React.ComponentProps<typeof Grid> {
     mapId: string;
     settings?: LayerManagerCustomSettings['content'];
+    collapsedColumns?: Record<string, boolean>;
 }
 declare const LayerContainerRow: React.FC<LayerContainerRowProps>;
 /**

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRow.d.ts

@@ -59,6 +59,7 @@ interface LayerRowUnstyledProps {
     dragHandle?: React.ReactElement;
     isLayerMissing?: boolean;
     className: string;
+    collapsedColumns?: Record<string, boolean>;
 }
 declare const LayerRow: import("@emotion/styled").StyledComponent<LayerRowProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     isEnabled?: boolean | undefined;

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRowConnect.d.ts

@@ -5,6 +5,7 @@ interface LayerRowConnectProps {
     mapId: string;
     dragHandle: React.ReactElement;
     settings?: LayerManagerCustomSettings['content'];
+    collapsedColumns?: Record<string, boolean>;
 }
 declare const LayerRowConnect: React.FC<LayerRowConnectProps>;
 export default LayerRowConnect;

package/src/lib/components/LayerManager/LayerManager.d.ts

@@ -23,6 +23,7 @@ interface LayerManagerProps {
     settings?: LayerManagerCustomSettings;
     headerSize?: HeaderSize;
     addLayerComponent?: React.ReactElement;
+    defaultCollapsedColumns?: Record<string, boolean>;
 }
 declare const LayerManager: React.FC<LayerManagerProps>;
 export default LayerManager;

package/src/lib/components/LayerManager/LayerManager.stories.d.ts

@@ -80,3 +80,11 @@ export declare const LayerManagerWithErrorDark: {
     (): React.ReactElement;
     tags: string[];
 };
+export declare const LayerManagerCollapsedLight: {
+    (): React.ReactElement;
+    tags: string[];
+};
+export declare const LayerManagerCollapsedDark: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/LayerManager/LayerManagerUtils.d.ts

@@ -12,6 +12,9 @@ export declare const columnClasses: {
     column7: string;
     acceptanceTime: string;
     loadDuration: string;
+    columnHeader: string;
+    baseLayer: string;
+    columnTarget: string;
 };
 export declare const leftButtonsStyle: {
     width: number;
@@ -19,25 +22,88 @@ export declare const leftButtonsStyle: {
     background: string;
 };
 export declare const layerManagerStyle: {
+    '.column-hover-icon': {
+        display: string;
+    };
+    '.columnHeader:hover': {
+        backgroundColor: string;
+        cursor: string;
+        '.column-hover-icon': {
+            display: string;
+        };
+    };
     '.layerManagerContainer': {
         containerType: string;
     };
+    '.descriptionRow': {
+        height: string;
+        marginTop: string;
+        marginBottom: string;
+    };
     '.is-dragging header+.MuiBox-root': {
         overflow: string;
     };
+    '.baseLayer': {
+        width: string;
+    };
     '.column-2': {
+        height: string;
+        alignContent: string;
+        alignItems: string;
+        display: string;
+        justifyContent: string;
+        whiteSpace: string;
+        overflow: string;
+        color: string;
+        flexGrow: number;
         width: string;
     };
     '.column-3': {
+        height: string;
+        alignContent: string;
+        alignItems: string;
+        display: string;
+        justifyContent: string;
+        whiteSpace: string;
+        overflow: string;
+        color: string;
+        flexGrow: number;
         width: string;
     };
     '.column-4': {
+        flexGrow: number;
+        height: string;
+        alignContent: string;
+        alignItems: string;
+        display: string;
+        justifyContent: string;
+        whiteSpace: string;
+        overflow: string;
+        color: string;
         width: string;
     };
     '.column-5': {
+        height: string;
+        alignContent: string;
+        alignItems: string;
+        display: string;
+        justifyContent: string;
+        whiteSpace: string;
+        overflow: string;
+        color: string;
+        flexGrow: number;
         width: string;
     };
     '.column-acceptanceTime': {
+        flexGrow: number;
+        height: string;
+        alignContent: string;
+        alignItems: string;
+        display: string;
+        justifyContent: string;
+        whiteSpace: string;
+        overflow: string;
+        color: string;
         width: number;
     };
     '.column-loadDuration': {
@@ -76,7 +142,7 @@ export declare const layerManagerStyle: {
             '.activateLayer-btn, .enable-btn, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
                 display: string;
             };
-            '#mappresets-menubutton, .addLayer-column, .setProjection-column': {
+            '.addLayer-column, .setProjection-column': {
                 display: string;
             };
             '.descriptionRow': {
@@ -106,10 +172,10 @@ export declare const layerManagerStyle: {
     };
     '@container (max-width: 600px)': {
         '.layermanager': {
-            '.column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
+            '.column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
                 display: string;
             };
-            '.column-2': {
+            '.columnLayerName, .baseLayer': {
                 width: string;
             };
         };

package/src/lib/components/SyncGroups/SyncGroupViewer.d.ts

@@ -10,6 +10,8 @@ interface SyncGroupViewerProps {
     syncGroupRemoveGroup: (payload: syncGroupsTypes.SyncGroupRemoveGroupPayload) => void;
     onMouseDown?: () => void;
     order?: number;
+    isTimeScrollingEnabled?: boolean;
+    toggleTimeScroll: (payload: syncGroupsTypes.SyncGroupToggleIsTimeScrollingEnabled) => void;
 }
 export declare const SyncGroupViewer: React.FC<SyncGroupViewerProps>;
 export {};

package/src/lib/components/TimeSliderConnect/TimeSliderConnect.d.ts

@@ -5,6 +5,7 @@ interface TimeSliderConnectProps {
     sourceId: string;
     mapId: string;
     isAlwaysVisible?: boolean;
+    mapWindowRef?: React.MutableRefObject<null>;
 }
 export declare const TimeSliderConnect: React.FC<TimeSliderConnectProps>;
 export {};

package/src/lib/components/TimeSliderConnect/TimeSliderLegendConnect.d.ts

@@ -4,6 +4,7 @@ interface TimeSliderLegendConnectProps {
     onSetTimeSliderSpan?: (newSpan: number, newCenterTime: number, newSecondsPerPx: number) => void;
     unfilteredSelectedTime: number;
     setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void;
+    mapWindowRef?: React.MutableRefObject<HTMLElement | null>;
 }
 export declare const TimeSliderLegendConnect: React.FC<TimeSliderLegendConnectProps>;
 export {};

package/src/lib/components/TimeSliderConnect/timesliderUtils.d.ts

@@ -1,6 +1,5 @@
 import { mapTypes } from '@opengeoweb/store';
 import { TimeBounds } from '@opengeoweb/timeslider';
-export declare const useTurnOffAutoUpdateIfItsOn: (mapId: string) => (() => void);
 /**
  * Returns time bounds from the given dimension. If no time dimension given, current time is returned as default
  */