@opengeoweb/core 4.2.0 → 4.3.0

package/lib/components/CanvasComponent/CanvasComponent.d.ts

@@ -21,6 +21,7 @@ interface CanvasComponentProps {
     loop?: boolean;
     redrawInterval?: number;
     resizeCallback?: (newWidth: number) => void;
+    children?: React.ReactNode;
 }
 export default class CanvasComponent extends Component<CanvasComponentProps> {
     canvas: any;

package/lib/components/LayerManager/LayerSelect/KeywordFilterResults/KeywordFilterResults.stories.d.ts

@@ -5,25 +5,21 @@ declare const _default: {
 export default _default;
 export declare const KeywordFilterResultsLight: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const KeywordFilterResultsDark: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoLegend.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Dimension } from '../../../../store/mapStore/types';
+export interface LayerInfoLegendProps {
+    title: string;
+    name: string;
+    dimensions: Dimension[];
+    legendURL: string;
+}
+declare const LayerInfoLegend: React.FC<LayerInfoLegendProps>;
+export default LayerInfoLegend;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoList.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+export declare type ListItem = {
+    label: string;
+    value: string;
+    icon: React.ReactElement;
+};
 export interface LayerInfoListProps {
     label: string;
-    list: {
-        name: string;
-        value: string;
-        icon: React.ReactElement;
-    }[];
+    list: ListItem[];
 }
 declare const LayerInfoList: React.FC<LayerInfoListProps>;
 export default LayerInfoList;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoText.d.ts

@@ -3,5 +3,14 @@ export interface LayerInfoTextProps {
     label: string;
     value: string;
 }
+export declare const textStyle: {
+    lineHeight: string;
+    letterSpacing: string;
+};
+export declare const textStyleWithMargin: {
+    marginBottom: number;
+    lineHeight: string;
+    letterSpacing: string;
+};
 declare const LayerInfoText: React.FC<LayerInfoTextProps>;
 export default LayerInfoText;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoUtils.d.ts

@@ -1,4 +1,10 @@
+import React from 'react';
+import { Dimension } from '../../../../store/mapStore/types';
 import { ActiveLayerObject } from '../../../../store/layerSelect/types';
+import { ListItem } from './LayerInfoList';
 export declare const getLayerStyles: (layer: ActiveLayerObject) => string;
-export declare const getDimensionValue: (name: string, layer: ActiveLayerObject, breakAt: string, includeUnit?: boolean) => string;
+export declare const getDimensionValue: (name: string, dimensions: Dimension[]) => string;
 export declare const getLayerBbox: (layer: ActiveLayerObject) => string;
+export declare const getDimensionIcon: (name: string, dimensions: Dimension[]) => React.ReactElement;
+export declare const getDimensionLabel: (name: string) => string;
+export declare const getDimensionsList: (dimensions: Dimension[]) => ListItem[];

package/lib/components/LayerManager/LayerSelect/LayerList/LayerList.d.ts

@@ -1,11 +1,13 @@
 import * as React from 'react';
 import { ReduxLayer } from '../../../../store/mapStore/layers/types';
-import { Services } from '../../../../store/mapStore/service/types';
+import { ActiveLayerObject } from '../../../../store/layerSelect/types';
+import { Services } from '../../../../store/mapStore/types';
 export interface LayerListProps {
     services: Services;
-    serviceIds: string[];
+    filteredLayers: ActiveLayerObject[];
     layerSelectHeight: number;
     serviceListHeight: number;
+    layerSelectWidth: number;
     addLayer: ({ serviceUrl, layerName }: {
         serviceUrl: any;
         layerName: any;
@@ -14,10 +16,7 @@ export interface LayerListProps {
         layerId: any;
         layerIndex: any;
     }) => void;
-    searchString: string;
     mapLayers: ReduxLayer[];
-    filterIds: string[];
-    allFiltersActive: boolean;
     mapId: string;
 }
 declare const LayerList: React.FC<LayerListProps>;

package/lib/components/LayerManager/LayerSelect/LayerList/LayerListConnect.d.ts

@@ -3,6 +3,7 @@ interface LayerListConnectProps {
     mapId: string;
     layerSelectHeight: number;
     serviceListHeight: number;
+    layerSelectWidth: number;
 }
 declare const LayerListConnect: React.FC<LayerListConnectProps>;
 export default LayerListConnect;

package/lib/components/LayerManager/LayerSelect/LayerList/LayerListDimensions.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ListItem } from '../LayerInfo/LayerInfoList';
+interface LayerListDimensionsProps {
+    dimensions: ListItem[];
+}
+declare const LayerListDimensions: React.FC<LayerListDimensionsProps>;
+export default LayerListDimensions;

package/lib/components/LayerManager/LayerSelect/LayerList/LayerListRow.d.ts

@@ -14,6 +14,7 @@ interface LayerListRowProps {
     }) => void;
     mapLayers: ReduxLayer[];
     mapId: string;
+    layerSelectWidth: number;
 }
 declare const LayerListRow: React.FC<LayerListRowProps>;
 export default LayerListRow;

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

@@ -9,6 +9,10 @@ interface LayerSelectProps {
     isOpen: boolean;
     order?: number;
     source?: Source;
+    startSize?: {
+        width: number;
+        height: number;
+    };
 }
 declare const LayerSelect: React.FC<LayerSelectProps>;
 export default LayerSelect;

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

@@ -19,3 +19,11 @@ export declare const LayerSelectDemoDarkTheme: {
         }[];
     };
 };
+export declare const LayerSelectDemoSmallLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const LayerSelectDemoSmallDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/LayerManager/LayerSelect/LayerSelectUtils.d.ts

@@ -0,0 +1,75 @@
+import { CSSProperties } from 'react';
+export declare const layerSelectColumnsLarge: {
+    column1: {
+        width: number;
+    };
+    column2: {
+        marginTop: string;
+        width: string;
+        height: string;
+        paddingLeft: string;
+    };
+    column3: {
+        height: string;
+    };
+    column4: {
+        height: string;
+    };
+    column5: {
+        height: string;
+        width: number;
+    };
+    column6: {
+        height: string;
+        width: string;
+    };
+    column7: {
+        height: string;
+        width: number;
+        marginRight: number;
+        marginLeft: number;
+    };
+    column8: {
+        width: string;
+    };
+    column9: {
+        width: string;
+    };
+};
+export declare const layerSelectColumnsSmall: {
+    column1: {
+        width: string;
+    };
+    column2: {
+        marginTop: string;
+        width: string;
+    };
+    column3: {
+        height: string;
+    };
+    column4: {
+        height: string;
+    };
+    column5: {
+        height: string;
+        width: string;
+    };
+    column6: {
+        height: string;
+        width: string;
+    };
+    column7: {
+        height: string;
+        width: number;
+        marginRight: number;
+        marginLeft: number;
+    };
+    column8: {
+        width: string;
+    };
+    column9: {
+        width: string;
+    };
+};
+export declare const widthToColumns: (width: number) => Record<string, CSSProperties>;
+export declare const widthToRowHeight: (width: number) => number;

package/lib/components/LayerManager/LayerSelect/ServiceOptionsDialog/ServiceOptionsDialog.stories.d.ts

@@ -5,25 +5,21 @@ declare const _default: {
 export default _default;
 export declare const ServiceOptionsDialogLight: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const ServiceOptionsDialogDark: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/components/LayerManager/LayerSelect/ServicePopup/ServicePopup.stories.d.ts

@@ -4,50 +4,42 @@ declare const _default: ComponentMeta<React.FC<import("./ServicePopup").ServiceP
 export default _default;
 export declare const ServicePopupAddLight: {
     (): JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const ServicePopupAddDark: {
     (): JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const ServicePopupShowLight: {
     (): JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const ServicePopupShowDark: {
     (): JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const ServicePopupWithInvalidUrl: () => JSX.Element;

package/lib/components/Legend/LegendLayout.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Dimension } from '../../store/mapStore/types';
+interface LegendLayoutProps {
+    title: string;
+    name: string;
+    dimensions: Dimension[];
+    children: React.ReactNode;
+    height?: number;
+    width?: number;
+    minWidth?: number;
+}
+declare const LegendLayout: React.FC<LegendLayoutProps>;
+export default LegendLayout;

package/lib/components/MapControls/MapControlButton.d.ts

@@ -5,7 +5,7 @@ interface MapControlButtonProps extends ToolButtonProps {
     onClick: () => void;
     isActive?: boolean;
     placement?: TooltipProps['placement'];
-    children: React.ReactElement;
+    children: React.ReactNode;
 }
 declare const MapControlButton: React.FC<MapControlButtonProps>;
 export default MapControlButton;

package/lib/components/ReactMapView/ReactMapView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import * as React from 'react';
 import { WMJSMap, WMLayer, WMBBOX } from '@opengeoweb/webmap';
 import { FeatureLayer } from './AdagucMapDrawContainer';
@@ -41,7 +42,7 @@ declare class ReactMapView extends React.Component<ReactMapViewProps, ReactMapVi
     currentHeight: any;
     adagucContainerRef: any;
     adagucWebMapJSRef: any;
-    refetchTimer: any;
+    refetchTimer: NodeJS.Timeout;
     static defaultProps: {
         srs: string;
         bbox: {

package/lib/components/ReactMapView/ReactMapViewParseLayer.d.ts

@@ -1,5 +1,5 @@
-import { WMLayer, WMJSMap } from '@opengeoweb/webmap';
+import { WMLayer, WMJSMap, WMJSDimension } from '@opengeoweb/webmap';
 import { UpdateLayerInfoPayload } from '../../store/mapStore/types';
 import { MapViewProps } from '../MapView/types';
-export declare const getCurrentDimensionValue: (dimensions: any[], name: string) => string;
+export declare const getCurrentDimensionValue: (dimensions: WMJSDimension[], name: string) => string;
 export declare const setServiceMetadata: (wmLayer: WMLayer, mapId: string, webMapJSInstance: WMJSMap, mapProperties: MapViewProps, onUpdateLayerInformation?: (payload: UpdateLayerInfoPayload) => void) => void;

package/lib/components/TimeSlider/TimeSlider.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 export interface TimeSliderProps {
     buttons?: React.ReactChild;
     rail?: React.ReactChild;
-    scaleSlider?: React.ReactChild;
     legend?: React.ReactChild;
     mapIsActive?: boolean;
     onToggleTimeSlider?: (isVisible: boolean) => void;

package/lib/components/TimeSlider/TimeSliderButtons/NowButton/NowButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const title = "Now";
+interface NowButtonProps {
+    onSetNow?: () => void;
+    disabled?: boolean;
+}
+declare const NowButton: React.FC<NowButtonProps>;
+export default NowButton;

package/lib/components/TimeSlider/TimeSliderButtons/NowButton/NowButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderButtons/NowButton/NowButtonConnect.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare const defaultAnimationDuration = 6;
+export interface NowButtonConnectProps {
+    sourceId: string;
+    mapId: string;
+    isDisabled?: boolean;
+}
+declare const NowButtonConnect: React.FC<NowButtonConnectProps>;
+export default NowButtonConnect;

package/lib/components/TimeSlider/TimeSliderButtons/NowButton/NowButtonConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderButtons/OptionsMenuButton/OptionsMenuButton.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 interface OptionsMenuButtonProps {
+    nowBtn?: React.ReactChild;
     autoUpdateBtn?: React.ReactChild;
     speedBtn?: React.ReactChild;
     timeStepBtn?: React.ReactChild;
+    timeScaleBtn?: React.ReactChild;
 }
 declare const OptionsMenuButton: React.FC<OptionsMenuButtonProps>;
 export default OptionsMenuButton;

package/lib/components/TimeSlider/TimeSliderButtons/OptionsMenuButton/OptionsMenuButtonConnect.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 interface OptionsMenuButtonConnectProps {
+    sourceId: string;
     mapId: string;
 }
 /**

package/lib/components/TimeSlider/TimeSliderButtons/TimeScaleButton/TimeScaleButton.d.ts

@@ -0,0 +1,11 @@
+import { Layer, Scale } from '../../../../store/mapStore/types';
+interface TimeScaleButtonProps {
+    layers?: Layer[];
+    timeSliderScale: Scale;
+    centerTime: number;
+    secondsPerPx: number;
+    selectedTime: number;
+    onChangeTimeSliderScale: (scale: number, newCenterTime: number, dataScalePerPx: number) => void;
+}
+export declare const TimeScaleButton: ({ layers, timeSliderScale, centerTime, secondsPerPx, selectedTime, onChangeTimeSliderScale, }: TimeScaleButtonProps) => JSX.Element;
+export {};

package/lib/components/TimeSlider/TimeSliderButtons/TimeScaleButton/TimeScaleButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderButtons/TimeScaleButton/TimeScaleButtonConnect.d.ts

@@ -0,0 +1,4 @@
+export interface TimeScaleButtonConnectProps {
+    mapId: string;
+}
+export declare const TimeScaleButtonConnect: ({ mapId, }: TimeScaleButtonConnectProps) => JSX.Element;

package/lib/components/TimeSlider/TimeSliderButtons/TimeScaleButton/TimeScaleButtonConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderButtons/TimeSliderButtons.stories.d.ts

@@ -2,4 +2,10 @@ import * as React from 'react';
 export declare const TimeSliderButtonsDemo: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };

package/lib/components/TimeSlider/TimeSliderButtons/TimeSliderButtonsConnect.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 interface TimeSliderButtonsConnectProps {
+    sourceId: string;
     mapId: string;
 }
 /**

package/lib/components/TimeSlider/TimeSliderButtons/TimeSliderMenu/TimeSliderMenu.stories.d.ts

@@ -4,25 +4,21 @@ declare const _default: {
 export default _default;
 export declare const TimeSliderMenuDemoLight: {
     (): JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const TimeSliderMenuDemoDark: {
     (): JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/components/TimeSlider/TimeSliderButtons/TimeStepButton/TimeStepButton.stories.d.ts

@@ -5,26 +5,20 @@ export default _default;
 export declare const TimeStepButtonDemoLight: {
     (): JSX.Element;
     storyName: string;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };
 export declare const TimeStepButtonDemoDark: {
     (): JSX.Element;
     storyName: string;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegend.d.ts

@@ -19,4 +19,5 @@ export interface TimeSliderLegendProps {
     onZoom?: (newSecondsPerPx: number, newCenterTime: number) => void;
 }
 declare const TimeSliderLegend: React.FC<TimeSliderLegendProps>;
+export declare const TIME_SLIDER_LEGEND_HEIGHT = 50;
 export default TimeSliderLegend;

package/lib/components/TimeSlider/TimeSliderUtils.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import { DateInterval } from '@opengeoweb/webmap';
 import { Dimension, Layer, Scale, SpeedFactorType } from '../../store/mapStore/types';
 import CanvasComponent from '../CanvasComponent/CanvasComponent';
+export declare const millisecondsInSecond = 1000;
 export declare const defaultAnimationDelayAtStart = 250;
 export declare const defaultDelay = 1000;
 export declare const defaultTimeStep = 5;
@@ -109,3 +110,7 @@ export declare const needleGeom: {
 };
 export declare const AUTO_MOVE_AREA_PADDING = 1;
 export declare const getAutoMoveAreaWidth: (scale: Scale) => number;
+/** Reusable business logic for how to handle events that set time to now (closest).
+ * Used in NowButton and TimeSliderLegend.
+ */
+export declare const handleSetNowEvent: (timeStep: number, dataStartTime: number, dataEndTime: number, currentTime: number, onSetNewDate: (newDate: string) => void, onSetCenterTime: (newTime: number) => void) => void;

package/lib/components/WMSLoader/services.d.ts

@@ -1,7 +1,8 @@
+import { ServiceScope } from '../../store/mapStore/types';
 export interface Service {
     name: string;
     url: string;
     id: string;
-    isUserAddedService?: boolean;
+    scope?: ServiceScope;
     abstract?: string;
 }